:root{--bg: #f5f7fb;--panel: #ffffff;--panel-2: #f8fbff;--line: #dfe7f2;--text: #172033;--muted: #66758c;--subtle: #8a98ac;--brand: #0f67d8;--brand-2: #19a7ce;--nav: #0b1f38;--nav-2: #123b63;--green: #16a36b;--amber: #d98611;--red: #d84b4b;--violet: #6d5bd0;--shadow: 0 12px 34px rgba(19, 45, 82, .08);--radius: 8px;--table-row-hover-bg: #eef6ff;--table-row-hover-line: #dbeafe;--table-row-hover-accent: #2583e9;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif}:root{--el-color-primary: var(--brand);--el-color-primary-light-3: #3a85e6;--el-color-primary-light-5: #6ba3ef;--el-color-primary-light-7: #9dc1f5;--el-color-primary-light-8: #c3d9f9;--el-color-primary-light-9: #e3edfc;--el-color-primary-dark-2: #0b52ad;--el-border-color: var(--line);--el-border-color-light: var(--line);--el-border-radius-base: var(--radius);--el-font-size-base: 13px;--el-font-size-small: 12px;--el-table-header-bg-color: #eaf3ff;--el-table-header-text-color: #31415a;--el-table-row-hover-bg-color: var(--table-row-hover-bg);--el-text-color-regular: var(--text);--el-text-color-secondary: var(--muted);--el-bg-color: var(--panel);--el-fill-color-light: var(--panel-2);--el-input-border-color: #cbd5e0;--el-input-hover-border-color: var(--brand);--el-input-focus-border-color: var(--brand);--el-input-focus-color: var(--el-input-border-color);--el-input-bg-color: var(--panel);--el-input-border-radius: var(--radius)}.el-table .el-table__body tr>td.el-table__cell{transition:background-color .16s ease,box-shadow .16s ease}.el-table .el-table__body tr:hover>td.el-table__cell{background-color:var(--table-row-hover-bg)!important;box-shadow:inset 0 1px 0 var(--table-row-hover-line),inset 0 -1px 0 var(--table-row-hover-line)}.el-table .el-table__body tr:hover>td.el-table__cell:first-child{box-shadow:inset 3px 0 0 var(--table-row-hover-accent),inset 0 1px 0 var(--table-row-hover-line),inset 0 -1px 0 var(--table-row-hover-line)}.el-tag--small{padding-top:2px;padding-bottom:0}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.billing-page{display:flex;flex-direction:column;gap:18px;color:var(--text)}.billing-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.billing-page-header h2{margin:0;color:var(--text);font-size:20px;line-height:1.4}.billing-page-header p{margin:5px 0 0;color:var(--muted);font-size:12px}.billing-page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.billing-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 3px 12px #132d520b}.billing-card-header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid #edf1f7}.billing-card-header h3{margin:0;color:var(--text);font-size:14px}.billing-card-body{padding:18px}.billing-filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.billing-filter-bar .el-input,.billing-filter-bar .el-select{width:180px}.billing-table-card{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.billing-table-card .el-table{--el-table-border-color: #edf1f7}.billing-table-footer{min-height:58px;display:flex;align-items:center;justify-content:flex-end;padding:12px 16px;border-top:1px solid #edf1f7}.billing-empty{padding:38px 20px;text-align:center}.billing-error{min-height:220px;display:grid;place-items:center;padding:30px;border:1px solid #f6d7d7;border-radius:10px;background:#fffafa;text-align:center}.billing-error h3{margin:10px 0 5px;font-size:15px}.billing-error p{margin:0 0 14px;color:var(--muted);font-size:12px}.billing-muted{color:var(--muted);font-size:12px}.billing-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.billing-money{color:#0f67d8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800}.billing-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.billing-metric{min-height:112px;display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.billing-metric-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:10px;background:#eaf3ff;color:var(--brand);font-size:20px}.billing-metric span{display:block;color:var(--muted);font-size:11px}.billing-metric strong{display:block;margin-top:5px;color:var(--text);font-size:21px}.billing-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.billing-detail-row{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf1f7;font-size:12px}.billing-detail-row>span:first-child{color:var(--muted)}.billing-entitlement-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.billing-entitlement-list li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--muted);font-size:12px}.billing-entitlement-list .el-icon{color:var(--green)}.billing-entitlement-list strong{color:var(--text);font-weight:600}.billing-entitlement-list.compact{gap:6px}.billing-entitlement-list.compact li{font-size:11px}.billing-amount-summary{padding:15px 18px;border:1px solid #d9e8fb;border-radius:9px;background:#f7fbff}.billing-amount-summary>div{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.billing-amount-summary .total{margin-top:8px;padding-top:10px;border-top:1px solid #d9e8fb;color:var(--text)}.billing-amount-summary .total strong{color:var(--brand);font-size:22px}@media (max-width: 1100px){.billing-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.billing-page-header{flex-direction:column}.billing-metric-grid,.billing-detail-grid{grid-template-columns:1fr}.billing-filter-bar .el-input,.billing-filter-bar .el-select{width:100%}}.dh-theme-minimal-white{--dh-shell-border: rgba(255, 255, 255, .72);--dh-shell-shadow: 0 30px 76px rgba(55, 86, 126, .24), 0 0 0 1px rgba(148, 163, 184, .17);--dh-identity-color: #fff;--dh-identity-subtle: rgba(255, 255, 255, .92);--dh-identity-shadow: 0 2px 12px rgba(35, 58, 92, .5);--dh-meta-shadow: 0 1px 4px rgba(30, 58, 95, .45);--dh-action-color: rgba(255, 255, 255, .96);--dh-action-bg: rgba(111, 135, 171, .14);--dh-action-border: rgba(255, 255, 255, .38);--dh-action-shadow: inset 0 1px 3px rgba(255, 255, 255, .2), 0 5px 14px rgba(45, 70, 107, .07);--dh-action-hover-color: #fff;--dh-action-hover-bg: rgba(96, 165, 250, .25);--dh-action-hover-border: rgba(219, 234, 254, .7);--dh-assistant-color: #fff;--dh-assistant-bg: rgba(78, 94, 117, .4);--dh-assistant-border: rgba(255, 255, 255, .34);--dh-message-shadow: 0 7px 18px rgba(43, 62, 92, .08);--dh-user-color: #fff;--dh-user-bg: linear-gradient( 135deg, rgba(67, 132, 232, .58), rgba(72, 105, 190, .5) );--dh-user-border: rgba(210, 228, 255, .46);--dh-meta-color: rgba(255, 255, 255, .78);--dh-user-meta-color: rgba(255, 255, 255, .78);--dh-thinking-color: #fff;--dh-thinking-bg: rgba(71, 85, 105, .29);--dh-thinking-border: rgba(255, 255, 255, .3);--dh-notice-color: #fff;--dh-notice-bg: rgba(71, 85, 105, .3);--dh-notice-border: rgba(255, 255, 255, .3);--dh-notice-subtle: rgba(255, 255, 255, .76);--dh-recommend-label: rgba(239, 246, 255, .96);--dh-recommend-icon: #dbeafe;--dh-recommend-color: #fff;--dh-recommend-bg: linear-gradient( 135deg, rgba(59, 130, 246, .31), rgba(30, 64, 175, .26) );--dh-recommend-border: rgba(219, 234, 254, .34);--dh-recommend-hover-bg: linear-gradient( 135deg, rgba(59, 130, 246, .45), rgba(30, 64, 175, .37) );--dh-recommend-hover-border: rgba(255, 255, 255, .64);--dh-control-bg: linear-gradient( 145deg, rgba(255, 255, 252, .48), rgba(242, 244, 246, .31) );--dh-control-border: rgba(255, 255, 255, .72);--dh-control-shadow: 0 12px 30px rgba(53, 68, 91, .1);--dh-input-color: #475569;--dh-input-bg: rgba(139, 149, 163, .16);--dh-input-border: rgba(255, 255, 255, .38);--dh-input-placeholder: rgba(71, 85, 105, .62);--dh-input-shadow: inset 0 1px 7px rgba(71, 85, 105, .05);--dh-input-icon-color: #475569;--dh-input-icon-bg: rgba(133, 145, 160, .16);--dh-input-icon-border: rgba(255, 255, 255, .48);--dh-primary-color: #fff;--dh-primary-bg: linear-gradient( 135deg, rgba(78, 145, 244, .76), rgba(47, 102, 211, .76) );--dh-primary-solid-bg: linear-gradient(135deg, #2563eb, #1170d1);--dh-primary-border: rgba(191, 219, 254, .38);--dh-primary-solid-border: #3b82f6;--dh-primary-shadow: 0 5px 13px rgba(37, 99, 235, .14);--dh-primary-solid-shadow: 0 8px 20px rgba(17, 112, 209, .28);--dh-mic-bg: radial-gradient( circle at 34% 24%, rgba(255, 255, 255, .86), rgba(125, 180, 255, .72) 42%, rgba(59, 130, 246, .68) );--dh-mic-border: rgba(255, 255, 255, .62);--dh-mic-shadow: 0 9px 20px rgba(37, 99, 235, .18), 0 0 0 5px rgba(255, 255, 255, .09), inset 0 1px 8px rgba(255, 255, 255, .54);--dh-mic-label-shadow: 0 1px 4px rgba(30, 64, 175, .42)}.dh-theme-fresh-green{--dh-shell-border: rgba(231, 255, 247, .86);--dh-shell-shadow: 0 30px 76px rgba(24, 112, 87, .2), 0 0 0 1px rgba(54, 160, 126, .2);--dh-identity-color: #087760;--dh-identity-subtle: #147c68;--dh-identity-shadow: 0 1px 8px rgba(255, 255, 255, .86);--dh-meta-shadow: 0 1px 5px rgba(246, 255, 251, .92);--dh-action-color: #13836b;--dh-action-bg: rgba(242, 255, 250, .72);--dh-action-border: rgba(255, 255, 255, .86);--dh-action-shadow: inset 0 1px 4px rgba(255, 255, 255, .72), 0 7px 18px rgba(19, 131, 107, .14);--dh-action-hover-color: #087760;--dh-action-hover-bg: rgba(221, 250, 239, .9);--dh-action-hover-border: rgba(184, 239, 218, .95);--dh-assistant-color: #0b6c59;--dh-assistant-bg: rgba(240, 255, 249, .82);--dh-assistant-border: rgba(255, 255, 255, .88);--dh-message-shadow: 0 9px 22px rgba(17, 112, 86, .14);--dh-user-color: #fff;--dh-user-bg: linear-gradient( 135deg, rgba(25, 174, 137, .86), rgba(7, 126, 100, .8) );--dh-user-border: rgba(197, 247, 229, .68);--dh-meta-color: #157561;--dh-user-meta-color: rgba(255, 255, 255, .9);--dh-thinking-color: #0b6c59;--dh-thinking-bg: rgba(238, 255, 248, .78);--dh-thinking-border: rgba(255, 255, 255, .84);--dh-notice-color: #0b6c59;--dh-notice-bg: rgba(238, 255, 248, .8);--dh-notice-border: rgba(255, 255, 255, .86);--dh-notice-subtle: rgba(11, 108, 89, .7);--dh-recommend-label: #0b715c;--dh-recommend-icon: #159678;--dh-recommend-color: #0b6c59;--dh-recommend-bg: linear-gradient( 135deg, rgba(235, 255, 247, .86), rgba(210, 247, 233, .8) );--dh-recommend-border: rgba(255, 255, 255, .86);--dh-recommend-hover-bg: linear-gradient( 135deg, rgba(220, 252, 239, .96), rgba(184, 237, 217, .9) );--dh-recommend-hover-border: rgba(145, 220, 193, .96);--dh-control-bg: linear-gradient( 145deg, rgba(248, 255, 251, .68), rgba(223, 248, 238, .54) );--dh-control-border: rgba(255, 255, 255, .86);--dh-control-shadow: 0 14px 34px rgba(13, 119, 91, .16);--dh-input-color: #24695b;--dh-input-bg: rgba(218, 242, 233, .62);--dh-input-border: rgba(255, 255, 255, .7);--dh-input-placeholder: rgba(44, 105, 91, .58);--dh-input-shadow: inset 0 1px 7px rgba(20, 107, 84, .06);--dh-input-icon-color: #0e755f;--dh-input-icon-bg: rgba(196, 235, 220, .7);--dh-input-icon-border: rgba(255, 255, 255, .72);--dh-primary-color: #fff;--dh-primary-bg: linear-gradient( 135deg, rgba(39, 193, 153, .9), rgba(7, 132, 103, .9) );--dh-primary-solid-bg: linear-gradient(135deg, #26c49b, #078769);--dh-primary-border: rgba(208, 255, 239, .66);--dh-primary-solid-border: #44cfa9;--dh-primary-shadow: 0 6px 16px rgba(9, 139, 106, .22);--dh-primary-solid-shadow: 0 9px 22px rgba(9, 139, 106, .3);--dh-mic-bg: radial-gradient( circle at 34% 24%, rgba(255, 255, 255, .96), rgba(121, 231, 200, .88) 42%, rgba(16, 177, 135, .9) );--dh-mic-border: rgba(237, 255, 249, .92);--dh-mic-shadow: 0 10px 24px rgba(7, 142, 108, .28), 0 0 0 5px rgba(226, 255, 245, .2), inset 0 1px 8px rgba(255, 255, 255, .66);--dh-mic-label-shadow: 0 1px 4px rgba(0, 92, 70, .52)}.dh-theme-tech-blue{--dh-shell-border: rgba(128, 226, 255, .5);--dh-shell-shadow: 0 30px 78px rgba(3, 35, 66, .38), 0 0 0 1px rgba(60, 205, 255, .3);--dh-identity-color: #e8fbff;--dh-identity-subtle: #b8f2ff;--dh-identity-shadow: 0 2px 12px rgba(3, 36, 72, .72);--dh-meta-shadow: 0 1px 5px rgba(3, 35, 67, .72);--dh-action-color: #a8efff;--dh-action-bg: rgba(4, 38, 71, .5);--dh-action-border: rgba(112, 222, 255, .48);--dh-action-shadow: inset 0 1px 5px rgba(178, 241, 255, .14), 0 7px 18px rgba(1, 29, 57, .24);--dh-action-hover-color: #e6fbff;--dh-action-hover-bg: rgba(9, 100, 145, .64);--dh-action-hover-border: rgba(137, 231, 255, .78);--dh-assistant-color: #eafcff;--dh-assistant-bg: rgba(4, 33, 62, .68);--dh-assistant-border: rgba(100, 218, 255, .4);--dh-message-shadow: 0 9px 22px rgba(1, 24, 49, .26);--dh-user-color: #fff;--dh-user-bg: linear-gradient( 135deg, rgba(0, 191, 231, .78), rgba(31, 83, 205, .82) );--dh-user-border: rgba(145, 232, 255, .54);--dh-meta-color: #bcefff;--dh-user-meta-color: #d8f8ff;--dh-thinking-color: #e9fbff;--dh-thinking-bg: rgba(3, 36, 68, .66);--dh-thinking-border: rgba(103, 215, 255, .4);--dh-notice-color: #e9fbff;--dh-notice-bg: rgba(3, 36, 68, .72);--dh-notice-border: rgba(103, 215, 255, .42);--dh-notice-subtle: rgba(201, 240, 250, .76);--dh-recommend-label: #d8f8ff;--dh-recommend-icon: #79e5ff;--dh-recommend-color: #eafcff;--dh-recommend-bg: linear-gradient( 135deg, rgba(3, 51, 90, .72), rgba(13, 83, 142, .66) );--dh-recommend-border: rgba(89, 211, 250, .46);--dh-recommend-hover-bg: linear-gradient( 135deg, rgba(7, 78, 128, .84), rgba(17, 111, 179, .78) );--dh-recommend-hover-border: rgba(129, 229, 255, .72);--dh-control-bg: linear-gradient( 145deg, rgba(4, 30, 58, .7), rgba(7, 54, 91, .58) );--dh-control-border: rgba(104, 215, 250, .44);--dh-control-shadow: 0 14px 34px rgba(0, 26, 54, .34);--dh-input-color: #e7fbff;--dh-input-bg: rgba(2, 24, 48, .55);--dh-input-border: rgba(83, 194, 232, .34);--dh-input-placeholder: rgba(193, 236, 247, .58);--dh-input-shadow: inset 0 1px 8px rgba(0, 12, 31, .2);--dh-input-icon-color: #a3e9fa;--dh-input-icon-bg: rgba(7, 67, 105, .7);--dh-input-icon-border: rgba(93, 211, 247, .34);--dh-primary-color: #fff;--dh-primary-bg: linear-gradient( 135deg, rgba(0, 196, 232, .9), rgba(37, 91, 218, .92) );--dh-primary-solid-bg: linear-gradient(135deg, #00bfe7, #2359d5);--dh-primary-border: rgba(143, 234, 255, .62);--dh-primary-solid-border: #4cd8f5;--dh-primary-shadow: 0 6px 18px rgba(0, 123, 190, .34);--dh-primary-solid-shadow: 0 9px 24px rgba(0, 103, 180, .4);--dh-mic-bg: radial-gradient( circle at 34% 24%, rgba(224, 253, 255, .98), rgba(55, 218, 244, .9) 42%, rgba(39, 87, 218, .94) );--dh-mic-border: rgba(163, 239, 255, .8);--dh-mic-shadow: 0 10px 26px rgba(0, 94, 178, .42), 0 0 0 5px rgba(79, 216, 247, .14), inset 0 1px 8px rgba(232, 253, 255, .58);--dh-mic-label-shadow: 0 1px 4px rgba(0, 35, 91, .72)}.dh-theme-warm-orange{--dh-shell-border: rgba(255, 239, 220, .8);--dh-shell-shadow: 0 30px 76px rgba(145, 69, 24, .22), 0 0 0 1px rgba(232, 140, 73, .2);--dh-identity-color: #fff8ef;--dh-identity-subtle: #fff1df;--dh-identity-shadow: 0 2px 12px rgba(92, 43, 19, .58);--dh-meta-shadow: 0 1px 5px rgba(91, 43, 20, .58);--dh-action-color: #9b4c22;--dh-action-bg: rgba(255, 246, 234, .78);--dh-action-border: rgba(255, 249, 241, .9);--dh-action-shadow: inset 0 1px 4px rgba(255, 255, 255, .74), 0 7px 18px rgba(143, 69, 28, .16);--dh-action-hover-color: #7e3516;--dh-action-hover-bg: rgba(255, 226, 198, .92);--dh-action-hover-border: rgba(255, 214, 174, .96);--dh-assistant-color: #7b3c20;--dh-assistant-bg: rgba(255, 247, 236, .86);--dh-assistant-border: rgba(255, 255, 255, .86);--dh-message-shadow: 0 9px 22px rgba(137, 66, 29, .15);--dh-user-color: #fff;--dh-user-bg: linear-gradient( 135deg, rgba(244, 139, 72, .9), rgba(208, 81, 47, .86) );--dh-user-border: rgba(255, 224, 194, .7);--dh-meta-color: #8b4a28;--dh-user-meta-color: #fff1df;--dh-thinking-color: #7b3c20;--dh-thinking-bg: rgba(255, 246, 233, .82);--dh-thinking-border: rgba(255, 255, 255, .86);--dh-notice-color: #7b3c20;--dh-notice-bg: rgba(255, 246, 233, .84);--dh-notice-border: rgba(255, 255, 255, .88);--dh-notice-subtle: rgba(123, 60, 32, .7);--dh-recommend-label: #fff3e3;--dh-recommend-icon: #ffd1a7;--dh-recommend-color: #7b3c20;--dh-recommend-bg: linear-gradient( 135deg, rgba(255, 245, 231, .9), rgba(255, 220, 190, .84) );--dh-recommend-border: rgba(255, 255, 255, .84);--dh-recommend-hover-bg: linear-gradient( 135deg, rgba(255, 232, 207, .96), rgba(255, 197, 153, .92) );--dh-recommend-hover-border: rgba(255, 194, 145, .96);--dh-control-bg: linear-gradient( 145deg, rgba(255, 250, 241, .72), rgba(255, 225, 201, .58) );--dh-control-border: rgba(255, 252, 244, .9);--dh-control-shadow: 0 14px 34px rgba(137, 66, 29, .18);--dh-input-color: #75472f;--dh-input-bg: rgba(244, 218, 196, .56);--dh-input-border: rgba(255, 255, 255, .68);--dh-input-placeholder: rgba(117, 71, 47, .58);--dh-input-shadow: inset 0 1px 7px rgba(118, 60, 29, .06);--dh-input-icon-color: #8d4725;--dh-input-icon-bg: rgba(239, 202, 173, .68);--dh-input-icon-border: rgba(255, 255, 255, .72);--dh-primary-color: #fff;--dh-primary-bg: linear-gradient( 135deg, rgba(246, 146, 77, .94), rgba(208, 78, 47, .92) );--dh-primary-solid-bg: linear-gradient(135deg, #f4934f, #d05232);--dh-primary-border: rgba(255, 226, 200, .72);--dh-primary-solid-border: #f5a269;--dh-primary-shadow: 0 6px 17px rgba(190, 72, 37, .26);--dh-primary-solid-shadow: 0 9px 22px rgba(190, 72, 37, .32);--dh-mic-bg: radial-gradient( circle at 34% 24%, rgba(255, 255, 255, .98), rgba(255, 188, 132, .9) 42%, rgba(224, 91, 55, .92) );--dh-mic-border: rgba(255, 242, 226, .92);--dh-mic-shadow: 0 10px 24px rgba(185, 67, 34, .3), 0 0 0 5px rgba(255, 227, 202, .2), inset 0 1px 8px rgba(255, 255, 255, .66);--dh-mic-label-shadow: 0 1px 4px rgba(117, 43, 22, .58)}.el-input__wrapper{border:1px solid #cbd5e0}.el-input__wrapper:hover,.el-input.is-focus .el-input__wrapper,.el-input__wrapper.is-focus{border-color:var(--brand)}.el-form-item.is-error .el-input__wrapper{border-color:var(--red)}