/* 蒔蓓康 */
:root {
    --c-01: #191919; /* 石墨黑 */
    --c-02: #D0D4DA; /* 鈦銀 */
    --c-03: #FAFBFC; /* 冷感白 */
    --c-04: #1C283A; /* 深海藍 */
    --c-05: #475563; /* 煙燻灰藍 */
    --c-06: #8A8B8C; /* 霧面灰 */

    /* === 語意化色系（給表單、會員中心等頁面用） === */
    --brand-primary:        var(--c-05);
    --brand-primary-dark:   var(--c-01);
    --brand-primary-light:  var(--c-02);
    --brand-primary-soft:   #F3F4F6;
    --brand-primary-glow:   rgba(71, 85, 99, 0.15);

    --brand-text:           var(--c-04);
    --brand-text-secondary: var(--c-05);
    --brand-text-muted:     var(--c-06);

    --brand-bg:             var(--c-03);
    --brand-bg-soft:        #F3F4F6;
    --brand-border:         var(--c-02);
    --brand-border-light:   #E5E7EB;
    --brand-white:          #FFFFFF;
    --brand-error:          #DC4A4A;
    --brand-error-light:    #FEF2F2;

    /* === 第三方品牌色 === */
    --line-green: #06C755;
}
.c-01 { color: var(--c-01); }
.c-02 { color: var(--c-02); }
.c-03 { color: var(--c-03); }
.c-04 { color: var(--c-04); }
.c-05 { color: var(--c-05); }
.bg-c-01 { background-color: var(--c-01); }
.bg-c-02 { background-color: var(--c-02); }
.bg-c-03 { background-color: var(--c-03); }
.bg-c-04 { background-color: var(--c-04); }
.bg-c-05 { background-color: var(--c-05); }
.bg-c-06 { background-color: var(--c-06); }

:root {
    /* ACC9SS */
    --color-1: #FF0000;  /* 紅 */
    --color-2: #FFE54F;  /* 鵝黃 */
    --color-3: #00CCFF;  /* 天藍 */
    --color-4: #FFA8DE;  /* 粉紅 */
    --color-5: #FFAA00;  /* 茶橙 */
    --color-6: #FFFFFF;  /* 白 */
    --color-7: #000000;  /* 黑 */
    --color-8: #3633FF;  /* 藍紫 */
    --color-9: #FFB896;  /* 米 */
    --color-10: #717171;  /* 灰 */
    --color-11: #898888;  /* 灰2 */
    --color-12: #9e9e9e;  /* 灰3 */
    --color-13: #d0d2d4;  /* 灰4 */
    --color-14: #3CDC00;  /* 綠 */
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: unset;
    }
}


html {
    font-size: 12px;
}
body {
    /*font-family: 'PressStart2P', 'Roboto', sans-serif !important;*/
    font-family: Noto Sans SC, PingFang SC, Microsoft YaHei, Heebo, sans-serif;
}
.font-Origin button {
    font-size: 1.2rem;
}
.btn:focus {
    box-shadow: unset;
}



/* 字體 ----------------------------- */
@font-face {
    font-family: 'PressStart2P';
    src:
        local('PressStart2P'),
        url('/assets/barren/acc9ss/fonts/PressStart2P-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* 先用後備字體，載到後自動切換，避免白屏 */
}
.font-PressStart2P {
    font-family: 'PressStart2P', 'Roboto', sans-serif !important;
}
.font-Origin {
    font-family: 'Roboto', sans-serif !important;
}



/* 色調 ----------------------------- */
/* ACC9SS */
.c-1 { color: var(--color-1); }
.c-2 { color: var(--color-2); }
.c-3 { color: var(--color-3); }
.c-4 { color: var(--color-4); }
.c-5 { color: var(--color-5); }
.c-6 { color: var(--color-6); }
.c-7 { color: var(--color-7); }
.c-8 { color: var(--color-8); }
.c-9 { color: var(--color-9); }
.c-10 { color: var(--color-10); }
.bg-1 { background-color: var(--color-1); }
.bg-2 { background-color: var(--color-2); }
.bg-3 { background-color: var(--color-3); }
.bg-4 { background-color: var(--color-4); }
.bg-5 { background-color: var(--color-5); }
.bg-6 { background-color: var(--color-6); }
.bg-7 { background-color: var(--color-7); }
.bg-8 { background-color: var(--color-8); }
.bg-9 { background-color: var(--color-9); }
.bg-10 { background-color: var(--color-10); }

/* .scroll-btn ----------------------------- */
/*[class*="scroll-btn-"] {
    position: fixed;
    z-index: 2;
    bottom: 60px;
    right: 20px;
    width: 65px;
    height: 65px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: var(--bg-image);
}*/

[class*="scroll-btn-"] {
    position: fixed;
    z-index: 2;
    bottom: 60px;
    right: 20px;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    border: 2px solid #fff;
    background: #fff;
    color: #000;

    padding: 0;
    line-height: 1;
}

[class*="scroll-btn-"] i {
    font-size: 22px;
    line-height: 1;
}

[class*="scroll-btn-"]:focus {
    box-shadow: unset;
}
.scroll-btn-top {
    bottom: 69px;
    /* bottom: 100px; */
}
.scroll-btn-down {
    
}
@media (max-width: 768px) {
    [class*="scroll-btn-"] {
        width: 55px;
        height: 55px;
    }
    .scroll-btn-top {
        bottom: 68px;
    }
}



/* 標題 ----------------------------- */
.main-title h3 {
    font-size: 2rem;
}
@media (max-width: 576px) {
    .main-title h3 {
        font-size: 1.4rem;
        line-height: 1.5;
    }
}



/* .acc9ss-modal -------------------------- */
.acc9ss-modal {
    z-index: 10001;
    font-size: 1.2rem;
}
.acc9ss-modal .modal-title {
    font-size: 1.4rem;
}
.modal-backdrop {
    z-index: 10000;
}
@media (min-width: 576px) {
    .acc9ss-modal .modal-dialog {
        max-width: 700px;
    }
}


/* (2025-09-10)(allen) -------------------------- */
.bootstrap-select .dropdown-menu {
    padding-bottom: 0;
}
.bootstrap-select .dropdown-menu[data-popper-placement="top-start"] {
    box-shadow: 0 -5px 10px 2px #3335 !important;
}
.bootstrap-select .dropdown-menu[data-popper-placement="bottom-start"] {
    box-shadow: 0 5px 10px 2px #3335 !important;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-overflow: ellipsis;
    width: calc(100% - 15px);
}



input[type=number].no-spin-button::-webkit-inner-spin-button,
input[type=number].no-spin-button::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}





/* (2025-10-31)(allen) 編輯器 -------------------------- */
.editor-html * {
    font-family: 'Roboto', sans-serif !important;
}
.editor-html a,
.editor-html a * {
    color: #0000ff !important;
}
.editor-html a:hover,
.editor-html a:hover * {
    color: #0000ff !important;
    text-decoration: underline !important;
}
.editor-html p {
    font-size: unset;
    line-height: initial;
    color: initial;
    letter-spacing: unset;
}
.editor-html ol,
.editor-html ul {
    list-style: unset;
    margin-bottom: 1rem !important;
    padding-left: 2rem !important;
}