:root {
    --font-family:Overpass, PingFang SC,OSPunctuation,Microsoft Yahei,Heiti SC,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;

    --tran-color: transparent;
    --real-buy: #5bb2ff;
    --real-sell: #ff0073;
    /*//////////////紅漲，綠跌 drak/////////////*/
    --buy-a: #f94575;
    --sell-a: #0db143;
    --buy: #f94575;
    --sell: #0db143;
    /*///////////////////////////*/
    --k-bg: #000000;
    --k-grid: #202020;
    --k-bottom: #404040;
    --k-word: #cccccc;
    --ordser-bg: #000000;
    --color-red-text: #f94575;
    --blue-color: #002cfe;
    --market-padding-rl: 12px;
    --border-rad: 3px;
    --income-color1: #ffd600cc;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
    --mybadge: #4e4f50;
    --white: #ffffff;
    --white-gray: #e7e7e7;
    --white-gray1: #f7f7f7;
    --black: #000000;
    --black-gary1: #767676;
    --default: #404040;
    --default-color: #909090;
    --default-hover: #5c5c5c;
    --default-black: #303030;
    --view-hover-bg: #424242;
    --view-bg: #000000;
    --view-bg-bjtrn: #0000009e;
    --view-bg-trn: #0000001a;
    --view-color: #ffffff;
    --view-bk-color: #000000;
    --view-border: #4a4a4a;
    --scroll-tump: #656565;
    --font-gary1: #b9b9b9;
    --font-gray2: #727272;
    --nav-color: #909090;
    --input-border: #5a5a5a;
    --input-bg: #1f1f1f;
    --input-disabled: #2e2e2e;
    --check-border: #ffffff;
    --search-color: #b0b0b0;
    --star-favorites: #ffc327;
    --star-color: #404040;
    --market-hover: #2e2e2e;
    --market-hover2: #323232;
    --modal-border: #4a4a4a;
    --modal-hover-color: #272727;
    --modal-border-fram: 0px 0px 0px 1px #2e2e2e, 0px 13px 20px -15px #000;
    --modal-border-fram2: 0px 0px 0px 1px #2e2e2e, 0px 6px 6px -6px #000;
 
    --modal-box-border: rgba(0, 0, 0, 0.175);
    --market-price: #1f1f1f;
    --market-xx: #6c6c6c;
    --stxt-border: #5a5a5a;
    --stxt-border-hover: #717171;
    --stxt-bg-hover: #353535;
    --build-bg: #585858;
    --build-color: #FFFFFF;
    --build-height: 30px;
    --tosat-bg: rgba(255,255,255,0.90);
    --tosat-color: #000000;
    --switch-close-bg: #5f5f5f;
    --switch-open-bg: #ffffff;
    --switch-close-oo: #000000;
    --switch-open-oo: #000000;
    --offcanvs-bg: #2a2a2a;
    --svg-fill: #fff;
    --tootlip-bg: #fff;
    --tootlip-color: #000000;
    --color-bg-color: #242424;
    --select-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%235a5a5a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    --check-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath id='Vector' d='M6 12L10.2426 16.2426L18.727 7.75732' stroke='%23000000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --green: #00ad57;
    --red: #f94575;
    --blue: #5d89dd;
    --index-icon: #d5d5d5;
    --menu-bgbg: #91d9ed;
    --btnbnb-bg: rgba(255, 255, 255, 0.06);
    --btnbnb-bg-hover: rgba(255, 255, 255, 0.12);
    --btnbnb-border: rgba(255, 255, 255, 0.14);
    --btnbnb-text: #e5e7eb;
    --color-gray: #727272;
}



[data-theme="light"], [data-bs-theme="light"], [data-theme="light-green"], [data-bs-theme="light-green"] {
    --check-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath id='Vector' d='M6 12L10.2426 16.2426L18.727 7.75732' stroke='%23FFFFFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --select-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    --real-buy: #2653ff;
    --real-sell: #f94575;
    /*//////////////紅漲，綠跌 light/////////////*/
    --buy-a: #ca3f64;
    --sell-a: #25a750;
    --buy: #ca3f64;
    --sell: #25a750;
    /*  ////////////////////*/
    --mybadge: #6c757d;
    --k-bg: #FFFFFF;
    --k-grid: #f5f5f5;
    --k-bottom: #ebebeb;
    --k-word: #333333;
    --ordser-bg: #f5f5f5;
    --color-red-text: #ca3f64;
    --zero-01: #ffffff20;
    --default: #f5f5f5;
    --default-color: #404040;
    --default-hover: #d1d1d1;
    --default-black: #f5f5f5;
    --income-color1: #4100ffcc;
    --view-hover-bg: #ebebeb;
    --view-bg: #FFFFFF;
    --view-bg-bjtrn: #ffffff9e;
    --view-bg-trn: #ffffff1a;
    --view-color: #000000;
    --view-bk-color: #ffffff;
    --view-border: #dbdbdb;
    --scroll-tump: #a5a5a5;
    --font-gary1: #3b3b3b;
    --font-gray2: #cbcbcb;
    --nav-color: #909090;
    --input-border: #bbbbbb;
    --input-bg: #ffffff;
    --input-disabled: #f5f5f5;
    --check-border: #bbbbbb;
    --search-color: #b0b0b0;
    --star-favorites: #ff811d;
    --star-color: #8e8e8e;
    --market-hover: #f1f1f1;
    --market-hover2: #e1e1e1;
    --modal-border: #c7c7c7;
    --modal-hover-color: #eaeaea;
    --modal-border-fram: 0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;
    --modal-border-fram2: 0 6px 6px -5px #0000001a,0 6px 6px -5px #0000000a;
  
    --modal-box-border: rgba(0, 0, 0, 0);
    --market-price: #f2f2f2;
    --market-xx: #b5b5b5;
    --stxt-border: #bbbbbb;
    --stxt-border-hover: #9a9a9a;
    --stxt-bg-hover: #ebebeb;
    --build-bg: #383838;
    --build-color: #FFFFFF;
    --tosat-bg: rgba(0,0,0,0.85);
    --tosat-color: #ffffff;
    --switch-close-bg: #b7b7b7;
    --switch-open-bg: #000000;
    --switch-close-oo: #ffffff;
    --switch-open-oo: #ffffff;
    --offcanvs-bg: #FFFFFF;
    --svg-fill: #767676;
    --tootlip-bg: #000;
    --tootlip-color: #FFFFFF;
    --color-bg-color: #f2f2f2;
    --index-icon: #5a5a5a;
    --menu-bgbg: #00849c;
    --btnbnb-bg: rgba(0, 0, 0, 0.03);
    --btnbnb-bg-hover: rgba(0, 0, 0, 0.06);
    --btnbnb-border: rgba(0, 0, 0, 0.08);
    --btnbnb-text: #3f3f46;
    --color-gray: #a5a5a5;

}

/*//////////////////////////////////////// stext///////////////////*/


:root { /*dark-blue*/
 

     --view-bg: #1e1e1e;
        --view-bg-header: #2a2a2a;
        --bg-tertiary: #3a3a3a;
        --view-color: #e0e0e0;
        --text-secondary: #b0b0b0;
        --text-muted: #808080;
        --view-border: #404040;
        --view-border-light: #505050;
        --accent-primary: #005ac3;
        --accent-hover: #004aa1;
        --shadow: rgba(0, 0, 0, 0.3);
        --shadow-strong: rgba(0, 0, 0, 0.5);
        --bg-hover: #333333;
        --bg-tertiary-disabled: #4a4a4a;
        --nav-color: #CCC;
        --k-bg: #1a1a1a;
        --star-color: #606060;
        --market-hover-border: #333;
        --buy: #ef5350;
        --sell: #26a69a;
        --buy-a: #ef5350;
        --sell-a: #26a69a;
        --modal-bg: #0a0a0a;
}

    :root[data-theme="dark-black"], :root[data-bs-theme="dark-black"] {
          --view-bg: #1a1f3a;
    --view-bg-header: #232640;
    --bg-tertiary: #2d3250;
    --view-color: #e8e9f3;
    --text-secondary: #c4c6d8;
    --text-muted: #8a8ca2;
    --view-border: #3a3f5c;
    --view-border-light: #4a4f6c;
    --accent-primary: #6b7db8;
    --accent-hover: #5a6ca8;
    --shadow: rgba(26, 29, 46, 0.3);
    --shadow-strong: rgba(26, 29, 46, 0.5);
    --bg-hover: #2d3454;
    --bg-tertiary-disabled: #3a3f5c88;
    --nav-color: #9ca3af;
    --k-bg: #0a0e27;
    --star-color: #9ca3af;
    --market-hover-border: #374151;
    --buy: #ef4444;
    --sell: #10b981;
    --buy-a: #ef4444;
    --sell-a: #10b981;
    --modal-bg: #23283e;
    }

    :root[data-theme="light"], :root[data-bs-theme="light"] {
        --view-bg: #ede8df;
        --view-bg-header: #f5f1e8;
        --bg-tertiary: #ebe6d9; /*button cancel*/
        --view-color: #3d3529;
        --text-secondary: #5c5545;
        --text-muted: #8a8272;
        --view-border: #d4cfc0;
        --view-border-light: #e5e0d1;
        --accent-primary: #8b7355; /*button ok*/
        --accent-hover: #6f5d44;
        --shadow: rgba(139, 115, 85, 0.1);
        --shadow-strong: rgba(139, 115, 85, 0.2);
        --bg-hover: #ddd6cb;
        --bg-tertiary-disabled: #dcd6ca;
        --nav-color: #5C534A;
        --k-bg: #f5f0e8;
        --star-color: #bfa0a0;
        --market-hover-border: #D5CFBF;
        --buy: #dd5e57;
        --sell: #2c9e6b;
        --buy-a: #dd5e57;
        --sell-a: #2c9e6b;
        --modal-bg: #fffaee;
    }


    :root[data-theme="light-green"], :root[data-bs-theme="light-green"] {
        --view-bg: #f5f8f5;
        --view-bg-header: #f5f8f5;
        --bg-tertiary: #d9ded8; /*button cancel*/
        --view-color: #2d4a2d;
        --text-secondary: #4A6B4A;
        --text-muted: #6b8e6b;
        --view-border: #c0d8c0;
        --view-border-light: #d4e5d4;
        --accent-primary: #5a9b5a; /*button ok*/
        --accent-hover: #4a7f4a;
        --shadow: rgba(93, 155, 93, 0.1);
        --shadow-strong: rgba(93, 155, 93, 0.2);
        --bg-hover: #d9ded8;
        --bg-tertiary-disabled: #b6c9b2;
        --nav-color: #4a5c56;
        --k-bg: #eaf0e9;
        --star-color: #878787;
        --market-hover-border: #bfd5c2;
        --buy: #dd5e57;
        --sell: #2c9e6b;
        --buy-a: #dd5e57;
        --sell-a: #2c9e6b;
        --modal-bg: #f5f8f5;
    }


[data-udo="green"] { /*//drak 綠買紅賣*/
     --sell: #ef5350;
    --buy: #26a69a;
}

[data-theme="light"][data-udo="green"], [data-bs-theme="light"][data-udo="green"] { /*//light 綠買紅賣*/
    --sell: #dd5e57;
    --buy: #2c9e6b;
}

[data-theme="light-green"][data-udo="green"], [data-bs-theme="light-green"][data-udo="green"] { /*//light 綠買紅賣*/
    --sell: #dd5e57;
    --buy: #2c9e6b;
}

[data-theme="dark-black"][data-udo="green"], [data-bs-theme="dark-black"][data-udo="green"] { /*//light 綠買紅賣*/


       --sell: #10b981;
    --buy: #ef4444;
}




:root, :root[data-theme] {
 
    --offcanvs-bg: var(--view-bg-header);
    --input-bg: var(--bg-tertiary);
    --modal-border: var(--view-border);
    --stxt-border: var(--view-border);
    --stxt-color: var(--view-color);
    --stxt-border-hover: var(--accent-primary);
    --stxt-border-active: var(--accent-primary);
    --stxt-input-disabled: var(--view-bg-header);
    --input-disabled: var(--bg-tertiary-disabled);
    --market-hover: var(--bg-hover);
    --market-hover2: var(--bg-hover);
    /*///////////////////////// K CHAT*/
    --backbg: var(--view-bg);
    --thoabhverstockdarowr: var(--bg-tertiary);
    --thoabhver: var(--accent-hover);
    --thoabhverstockd: var(--bg-tertiary);
    --k-star-color: var(--bg-hover);

    --sell-five: var(--sell);
    --buy-five: var(--buy);
}

/* 暗色主题下的日期选择器图标 - 白色 */
:root input[type="date"]::-webkit-calendar-picker-indicator,
:root input[type="date"]::-webkit-calendar-picker-indicator,
:root[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
:root[data-bs-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) !important;
    cursor: pointer !important;
}


/* 浅色主题下的日期选择器图标 - 保持黑色 */
:root[data-theme="light"] input[type="date"]::-webkit-calendar-picker-indicator,
:root[data-bs-theme="light"] input[type="date"]::-webkit-calendar-picker-indicator,
:root[data-theme="light-green"] input[type="date"]::-webkit-calendar-picker-indicator,
:root[data-bs-theme="light-green"] input[type="date"]::-webkit-calendar-picker-indicator {
    filter: none !important;
    cursor: pointer !important;
}