:root{font-family:IBM Plex Sans,Noto Sans SC,sans-serif;color:#eaf1ff;background:#080b12;font-size:16px;--el-color-primary: #409eff;--el-color-primary-light-3: #79bbff;--el-color-primary-dark-2: #337ecc;--el-color-success: #67c23a;--el-color-warning: #e6a23c;--el-color-danger: #f56c6c;--el-text-color-primary: #eaf1ff;--el-text-color-regular: #c9d3e6;--el-text-color-secondary: #91a0b9;--el-border-color: rgba(144, 171, 215, .2);--el-border-radius-base: 6px;--el-border-radius-round: 999px;--el-box-shadow-light: 0 2px 12px rgba(0, 0, 0, .24);--bg: #080b12;--panel: rgba(14, 20, 32, .88);--panel-deep: rgba(7, 12, 21, .78);--line: rgba(144, 171, 215, .18);--muted: #91a0b9;--cyan: #57d6ff;--indigo: #7778ff;--lime: #b8f36b;--formula: #d8e9ff;--evidence: #a9e9f8;--serif: "DM Serif Display", Georgia, serif;--safe-bottom: max(16px, env(safe-area-inset-bottom))}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,textarea{font:inherit}a{color:inherit;text-decoration:none}.home-shell,.workbench-shell,.management-page{min-height:100dvh;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 16%,rgba(67,85,187,.25),transparent 42%),var(--bg)}.topbar{height:72px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#080b12b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-size:14px;letter-spacing:.18em;font-weight:700}.brand-mark{font-size:24px;color:var(--cyan);text-shadow:0 0 18px rgba(87,214,255,.75)}nav{display:flex;gap:24px;margin-left:auto;color:var(--muted);font-size:14px}nav a:hover,nav a.active{color:#fff}.topbar-status{min-width:160px;border:1px solid rgba(64,158,255,.35);border-radius:var(--el-border-radius-round);padding:8px 12px;color:#b9dcff;font-size:12px;letter-spacing:.1em;text-align:center}.status-light{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--el-color-success);box-shadow:0 0 10px #67c23ae6;margin-right:7px}.crystal-field{position:absolute;top:72px;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:.94;background:radial-gradient(circle at 50% 42%,rgba(64,158,255,.09),transparent 37%),linear-gradient(rgba(64,158,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(64,158,255,.06) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;-webkit-mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.82) 64%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.82) 64%,transparent 100%)}.crystal-field-canvas{width:100%;height:100%;display:block}.crystal-orbit{position:absolute;left:50%;top:43%;border:1px solid rgba(87,214,255,.25);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);box-shadow:0 0 40px #57d6ff14}.crystal-orbit-a{width:min(68vw,880px);height:min(22vw,290px);animation:orbit-a 16s linear infinite}.crystal-orbit-b{width:min(54vw,720px);height:min(18vw,240px);transform:translate(-50%,-50%) rotate(42deg);border-color:#7778ff40;animation:orbit-b 22s linear infinite reverse}.crystal-core{position:absolute;left:50%;top:43%;width:26px;height:26px;transform:translate(-50%,-50%)}.crystal-core span{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 24px #57d6fff2;animation:core-pulse 3s ease-in-out infinite}.crystal-core span:nth-child(2){transform:rotate(60deg) translate(17px);background:var(--indigo);animation-delay:-.9s}.crystal-core span:nth-child(3){transform:rotate(-60deg) translate(17px);background:var(--lime);animation-delay:-1.8s}@keyframes orbit-a{to{transform:translate(-50%,-50%) rotate(342deg)}}@keyframes orbit-b{to{transform:translate(-50%,-50%) rotate(-318deg)}}@keyframes core-pulse{50%{opacity:.32;transform:scale(.58)}}.home-main{width:min(980px,calc(100% - 48px));margin:0 auto;padding:clamp(70px,11vh,132px) 0 54px;position:relative;z-index:1}.hero-copy{max-width:790px}.eyebrow,.meta-kicker{font-size:13px;letter-spacing:.2em;color:var(--cyan);font-weight:700}.home-main h1{font-family:var(--serif);font-size:clamp(48px,7vw,88px);font-weight:400;line-height:1.02;letter-spacing:-.04em;margin:22px 0 18px;text-shadow:0 14px 60px rgba(0,0,0,.38)}.home-main h1 em{color:var(--cyan);font-style:normal}.home-lede{font-size:19px;color:var(--muted);margin:0 0 34px}.demo-rail{display:flex;gap:10px;list-style:none;margin:0 0 22px;padding:0;flex-wrap:wrap;color:var(--muted);font-size:12px;letter-spacing:.03em}.demo-rail li{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#080e188f}.demo-rail li:first-child{color:#dce8ff;border-color:#57d6ff6b}.demo-rail span{color:var(--cyan);font-variant-numeric:tabular-nums}.home-conversation{width:min(860px,100%);border:1px solid rgba(64,158,255,.28);border-radius:10px;background:#0c121db8;box-shadow:0 24px 80px #00000057,inset 0 1px #ffffff0a;overflow:hidden}.conversation-meta{padding:14px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);background:#409eff0f}.meta-kicker{font-size:12px;color:#a9d6ff}.meta-hint{font-size:13px;color:var(--muted)}.conversation-panel{display:flex;flex-direction:column;min-height:390px;background:#0e1420c7;overflow:hidden}.conversation-provider-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:9px 16px;border-bottom:1px solid var(--line);color:#91a4c1;background:#04080fb3;font-size:13px}.conversation-provider-live{display:inline-flex;align-items:center;gap:8px;color:#dce8ff;font-weight:600}.conversation-provider-live i{width:8px;height:8px;border-radius:50%;background:var(--el-color-success);box-shadow:0 0 10px #67c23abf}.conversation-stream{padding:22px 20px;display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-height:0;overflow:auto}.message{animation:message-in .28s ease-out both}.message-user{align-self:flex-end;max-width:82%;padding:10px 13px;border-radius:8px;background:#409eff26;border:1px solid rgba(64,158,255,.28)}.message-user .message-explanation{color:#e7f3ff}.message-explanation{font-size:16px;line-height:1.65;margin:0;color:#e9efff}.message-status{display:inline-flex;align-items:center;gap:7px;color:#b9dcff;font-size:14px;padding:10px 12px;border-left:3px solid var(--el-color-primary);background:#409eff14;border-radius:0 6px 6px 0}.message-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--el-color-primary);box-shadow:0 0 12px #409effe6;animation:status-blink 1s ease-in-out infinite}.message-evidence{border-left:2px solid var(--cyan);padding:10px 14px;color:var(--muted);font-size:14px;background:#57d6ff0a;border-radius:0 6px 6px 0}.message-evidence summary{color:#dce8ff;cursor:pointer}.message-question,.message-parameter-form,.message-result,.message-callout,.message-diagnosis,.message-transfer{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#57d6ff0a}.message-formula,.message-diagram,.message-science-result,.message-step-card,.message-sequence-progress{margin:0;border:1px solid var(--line);border-radius:8px;background:#57d6ff0a}.message-formula{padding:12px 14px;display:grid;gap:7px;border-left-color:var(--cyan)}.message-formula code{color:var(--formula);font-family:"Cambria Math","STIX Two Math",monospace;font-size:16px;overflow-wrap:anywhere}.message-formula figcaption,.message-diagram figcaption{color:var(--muted);font-size:12px}.message-diagram{padding:10px;display:grid;gap:8px}.message-diagram img,.message-diagram svg{display:block;width:min(100%,340px);max-height:220px;object-fit:contain;border-radius:5px;background:var(--panel-deep)}.message-science-result{display:grid;gap:6px;padding:12px;color:var(--muted);font-size:13px}.message-science-result strong{color:var(--evidence)}.message-science-result small{color:#ffcf70}.message-step-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.message-step-card>div{display:grid;gap:4px}.message-step-card span{color:var(--muted);font-size:12px}.message-step-card strong{color:#e9efff}.message-step-card.is-active{border-color:#57d6ffa6;box-shadow:inset 3px 0 0 var(--cyan)}.message-sequence-progress{padding:9px 12px;color:var(--evidence);font-size:13px}.conversation-sequence{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);color:#dce8ff;font-size:13px;background:#57d6ff0a}.conversation-sequence small{color:var(--muted)}.message-question p,.message-transfer p,.message-parameter-form p{margin:0}.message-question .t-button{margin-right:8px}.message-diagnosis strong{color:var(--cyan)}.message-parameter-form{width:min(100%,460px)}.message-parameter-form h3{margin:0;font-size:16px}.parameter-field{display:grid;gap:5px;width:100%;color:var(--muted);font-size:13px}.parameter-field .t-input__wrap,.parameter-field .t-select{width:100%}.parameter-field small{color:var(--muted)}.message-action,.conversation-composer button{border:1px solid rgba(64,158,255,.7);background:var(--el-color-primary);color:#fff;border-radius:var(--el-border-radius-base);padding:10px 15px;cursor:pointer;transition:.18s ease;box-shadow:0 2px 7px #00000038}.message-action:hover,.conversation-composer button:hover{background:var(--el-color-primary-light-3);transform:translateY(-1px)}.conversation-composer{flex:0 0 auto;border-top:1px solid var(--line);padding:14px 16px 16px;display:grid;grid-template-columns:1fr auto;gap:10px;background:#070c1594}.conversation-composer label{grid-column:1 / -1;font-size:14px;color:var(--muted)}.conversation-composer textarea{resize:none;background:#04080fd1;border:1px solid var(--line);border-radius:var(--el-border-radius-base);color:#fff;padding:12px;min-height:74px;outline:none;transition:border-color .18s,box-shadow .18s}.conversation-composer textarea:focus{border-color:var(--el-color-primary);box-shadow:0 0 0 2px #409eff29}.conversation-composer textarea::placeholder{color:#73839e;opacity:1}.conversation-composer .t-button{min-height:92px;min-width:76px;border-radius:var(--el-border-radius-base);font-size:16px;letter-spacing:.06em;background:linear-gradient(145deg,#4aa7ff,#2677d5);border-color:#6cbeffb8;box-shadow:0 8px 24px #2677d538;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.conversation-composer .t-button:hover:not(.t-is-disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 28px #2677d557}.conversation-composer textarea:disabled,.conversation-composer button:disabled{opacity:.55;cursor:wait}.home-hint{font-size:14px;color:var(--muted);margin-top:16px}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);margin-right:8px}@keyframes message-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes status-blink{50%{opacity:.3;transform:scale(.72)}}.workbench-main{height:calc(100dvh - 72px);min-width:0;display:grid;grid-template-columns:minmax(0,68fr) minmax(360px,32fr);gap:18px;padding:18px clamp(18px,3vw,48px);position:relative;z-index:1;overflow:hidden}.viewport-panel{border:1px solid var(--line);border-radius:10px;background:#0c121db8;display:flex;flex-direction:column;min-height:0;overflow:hidden;box-shadow:var(--el-box-shadow-light)}.viewport-head{padding:22px 24px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#409eff0a}.viewport-head h2{margin:8px 0 0;font-size:24px;font-weight:500}.precision-hud{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));align-content:start;justify-content:end;gap:6px 14px;color:var(--muted);font-size:13px;text-align:right}.precision-hud .hud-warning{color:#ffcf70}.precision-hud .hud-ok{color:#b8f36b}.crystal-stage{position:relative;flex:1 1 auto;min-height:0;display:flex}.crystal-canvas{display:block;width:100%;height:100%;min-height:0;flex:1;background:radial-gradient(circle at 50% 45%,rgba(57,88,190,.2),transparent 54%)}.viewport-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 48px));padding:14px 16px;border:1px solid rgba(87,214,255,.24);border-radius:8px;background:#080e18c7;color:var(--muted);font-size:14px;line-height:1.6;text-align:center;pointer-events:none}.viewport-foot{display:flex;flex:0 0 auto;gap:18px;padding:14px 20px;color:var(--muted);font-size:14px;border-top:1px solid var(--line);flex-wrap:wrap}.performance-strip{display:flex;gap:16px;flex-wrap:wrap;padding:10px 20px var(--safe-bottom);border-top:1px solid var(--line);color:var(--muted);font-size:12px;background:#04080f75}.performance-strip>span{display:none}.performance-strip:after{content:"本地演示就绪 · 三维步骤同步 · 科学依据可追溯";color:#a9d6ff;letter-spacing:.04em}.performance-strip b{color:#dce8ff;font-weight:600}.canvas-help{margin:0;padding:7px 20px;color:var(--muted);font-size:12px}.crystal-canvas:focus{outline:2px solid var(--cyan);outline-offset:-2px}.pause-button{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:#dce8ff;background:#57d6ff14;cursor:pointer}.teaching-step-rail{flex:0 0 auto;min-width:0;display:grid;gap:8px;padding:9px 20px;border-top:1px solid var(--line);background:var(--panel-deep)}.teaching-step-controls{min-width:0;display:flex;align-items:center;gap:8px}.teaching-step-controls>button{width:30px;height:28px;border:1px solid var(--line);border-radius:5px;color:#dce8ff;background:#57d6ff14;cursor:pointer}.teaching-step-controls>button:disabled{opacity:.4;cursor:default}.teaching-step-range-label{min-width:0;flex:1;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;white-space:nowrap}.teaching-step-range-label input{min-width:0;flex:1;accent-color:var(--cyan)}.teaching-step-titles{min-width:0;display:flex;gap:6px;margin:0;padding:0;overflow-x:auto;list-style:none;scrollbar-width:thin}.teaching-step-titles button{border:0;padding:2px 0;color:var(--muted);background:transparent;white-space:nowrap;font-size:12px;cursor:pointer}.teaching-step-titles button.is-current{color:var(--cyan)}.teaching-step-detail{max-height:116px;display:flex;gap:12px;overflow:auto;color:var(--muted);font-size:12px}.teaching-step-explanation,.teaching-step-evidence,.teaching-step-check{min-width:min(280px,100%);display:grid;gap:4px}.teaching-step-explanation p{margin:0;line-height:1.55;color:#dce8ff}.teaching-step-evidence strong,.teaching-step-check label{color:#dce8ff}.teaching-step-evidence button,.teaching-step-check button,.teaching-step-action{align-self:end;border:1px solid var(--line);border-radius:5px;padding:5px 8px;color:#dce8ff;background:#57d6ff14;cursor:pointer}.teaching-step-check input{min-width:180px;border:1px solid var(--line);border-radius:5px;padding:6px 8px;color:#fff;background:#04080fd1}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.legend-dot.atom{background:var(--cyan)}.legend-dot.cell{background:var(--indigo)}.demo-load-button{border:1px solid rgba(87,214,255,.45);border-radius:999px;padding:5px 10px;color:#dce8ff;background:#57d6ff1f;cursor:pointer}.demo-load-button:hover{border-color:var(--cyan);background:#57d6ff33}.workbench-main>.conversation-panel{min-height:0;border:1px solid var(--line);border-radius:10px}.management-page main{padding:clamp(60px,12vh,140px) clamp(24px,8vw,120px);position:relative;z-index:1}.management-page h1{font-family:var(--serif);font-size:64px;font-weight:400;margin:20px 0}.management-page p{color:var(--muted);font-size:18px}.back-link{display:inline-block;margin-top:30px;color:var(--cyan)}.ui-lab-page{min-height:100dvh;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(64,158,255,.18),transparent 42%),var(--bg)}.ui-lab-main{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:clamp(54px,8vh,96px) 0 48px;position:relative;z-index:1}.ui-lab-main h1{margin:14px 0 10px;font-family:var(--serif);font-weight:400;font-size:clamp(44px,6vw,70px);letter-spacing:-.04em}.ui-lab-lede{margin:0 0 34px;color:var(--muted);font-size:18px}.ui-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ui-variant{min-height:470px;border:1px solid var(--line);border-radius:10px;padding:22px;background:#0d131fdb;box-shadow:var(--el-box-shadow-light)}.ui-variant-tdesign{border-top:3px solid #409eff}.ui-variant-semi{border-top:3px solid #5b8ff9}.variant-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.variant-heading h2{margin:8px 0 0;font-size:28px;font-weight:500}.variant-kicker{color:var(--muted);font-size:11px;letter-spacing:.16em}.variant-copy{color:var(--muted);line-height:1.6;margin:4px 0 16px}.variant-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.variant-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.variant-metrics span{display:flex;flex-direction:column;gap:5px}.variant-metrics b{color:#dce8ff;font-weight:500}.ui-variant .t-alert,.ui-variant .semi-banner{margin-bottom:16px}.ui-variant .t-card,.ui-variant .semi-card{background:#050a1280}.ui-variant .t-card__header,.ui-variant .t-card__header-wrapper,.ui-variant .t-card__title,.ui-variant .t-card__body,.ui-variant .semi-card-header,.ui-variant .semi-card-header-wrapper,.ui-variant .semi-card-header-wrapper-title,.ui-variant .semi-card-body,.ui-variant .semi-typography,.ui-variant .semi-typography-primary{color:#e9efff}.ui-variant .t-textarea__inner,.ui-variant .semi-input-textarea{background:#04080fd1;color:#e9efff;border-color:var(--line)}.ui-lab-note{margin-top:18px;color:var(--muted);font-size:14px}@media (max-width: 820px){.ui-compare-grid{grid-template-columns:1fr}.ui-lab-main{width:calc(100% - 32px)}.variant-metrics{grid-template-columns:1fr;gap:12px}}@media (max-width: 900px){.workbench-main{height:auto;min-height:calc(100dvh - 72px);grid-template-columns:1fr;overflow:visible}.workbench-main>.conversation-panel{min-height:430px}.viewport-panel{height:auto;min-height:62dvh}.topbar{gap:16px}nav{display:none}}@media (max-width: 600px){.topbar-status{min-width:auto;padding:7px 9px;font-size:11px}.home-main{width:calc(100% - 32px);padding-top:70px}.home-main h1{font-size:52px}.conversation-meta{align-items:flex-start;flex-direction:column}.conversation-panel{min-height:410px}.conversation-composer{grid-template-columns:1fr}.conversation-composer button,.conversation-composer .t-button{width:100%;min-height:48px}.viewport-head{flex-direction:column}.precision-hud{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;text-align:left}}@media (prefers-reduced-motion: reduce){.crystal-orbit,.crystal-core span,.message-status:before,.message{animation:none}}:root{--td-screen-xs: 320px;--td-screen-sm: 768px;--td-screen-md: 992px;--td-screen-lg: 1200px;--td-screen-xl: 1400px;--td-screen-xxl: 1880px}@-moz-document url-prefix(){.narrow-scrollbar{scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin}}.narrow-scrollbar::-webkit-scrollbar{width:8px;height:8px}.narrow-scrollbar::-webkit-scrollbar-thumb{border:2px solid transparent;background-clip:content-box;background-color:var(--td-scrollbar-color);border-radius:15px}.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover,.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--td-scrollbar-hover-color)}.t-fake-arrow path{-webkit-transition:d .2s;transition:d .2s;stroke:currentcolor}.t-fake-arrow--active path{d:path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")}.t-fake-arrow.t-fake-arrow--transform path{-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform-origin:center;transform-origin:center}.t-fake-arrow.t-fake-arrow--transform.t-fake-arrow--active path{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.t-slide-down-enter-active,.t-slide-down-leave-active{-webkit-transition:height .2s cubic-bezier(.38,0,.24,1),max-height .2s cubic-bezier(.38,0,.24,1);transition:height .2s cubic-bezier(.38,0,.24,1),max-height .2s cubic-bezier(.38,0,.24,1)}:root,:root[theme-mode=light]{--td-brand-color-1: #f2f3ff;--td-brand-color-2: #d9e1ff;--td-brand-color-3: #b5c7ff;--td-brand-color-4: #8eabff;--td-brand-color-5: #618dff;--td-brand-color-6: #366ef4;--td-brand-color-7: #0052d9;--td-brand-color-8: #003cab;--td-brand-color-9: #002a7c;--td-brand-color-10: #001a57;--td-warning-color-1: #fff1e9;--td-warning-color-2: #ffd9c2;--td-warning-color-3: #ffb98c;--td-warning-color-4: #fa9550;--td-warning-color-5: #e37318;--td-warning-color-6: #be5a00;--td-warning-color-7: #954500;--td-warning-color-8: #713300;--td-warning-color-9: #532300;--td-warning-color-10: #3b1700;--td-error-color-1: #fff0ed;--td-error-color-2: #ffd8d2;--td-error-color-3: #ffb9b0;--td-error-color-4: #ff9285;--td-error-color-5: #f6685d;--td-error-color-6: #d54941;--td-error-color-7: #ad352f;--td-error-color-8: #881f1c;--td-error-color-9: #68070a;--td-error-color-10: #490002;--td-success-color-1: #e3f9e9;--td-success-color-2: #c6f3d7;--td-success-color-3: #92dab2;--td-success-color-4: #56c08d;--td-success-color-5: #2ba471;--td-success-color-6: #008858;--td-success-color-7: #006c45;--td-success-color-8: #005334;--td-success-color-9: #003b23;--td-success-color-10: #002515;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: #ffffff;--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-7);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-6);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-8);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .6);--td-mask-disabled: rgba(255, 255, 255, .6);--td-mask-background: rgba(255, 255, 255, .96);--td-mask-gradient: rgba(255, 255, 255, 0);--td-bg-color-page: var(--td-gray-color-2);--td-bg-color-container: #fff;--td-bg-color-container-hover: var(--td-gray-color-1);--td-bg-color-container-active: var(--td-gray-color-3);--td-bg-color-container-select: #fff;--td-bg-color-secondarycontainer: var(--td-gray-color-1);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);--td-bg-color-component: var(--td-gray-color-3);--td-bg-color-component-hover: var(--td-gray-color-4);--td-bg-color-component-active: var(--td-gray-color-6);--td-bg-color-secondarycomponent: var(--td-gray-color-4);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);--td-bg-color-component-disabled: var(--td-gray-color-2);--td-bg-color-specialcomponent: #fff;--td-text-color-primary: var(--td-font-gray-1);--td-text-color-secondary: var(--td-font-gray-2);--td-text-color-placeholder: var(--td-font-gray-3);--td-text-color-disabled: var(--td-font-gray-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-7);--td-text-color-link: var(--td-brand-color-8);--td-text-color-watermark: rgba(0, 0, 0, .1);--td-border-level-1-color: var(--td-gray-color-3);--td-component-stroke: var(--td-gray-color-3);--td-border-level-2-color: var(--td-gray-color-4);--td-component-border: var(--td-gray-color-4);--td-shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .12);--td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1);--td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, .04), 0 8px 10px -5px rgba(0, 0, 0, .08);--td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;--td-shadow-inset-right: inset .5px 0 0 #dcdcdc;--td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;--td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;--td-table-shadow-color: rgba(0, 0, 0, .08);--td-scrollbar-color: rgba(0, 0, 0, .1);--td-scrollbar-hover-color: rgba(0, 0, 0, .3);--td-scroll-track-color: #fff}:root.dark,:root[theme-mode=dark]{--td-brand-color-1: #1b2f51;--td-brand-color-2: #173463;--td-brand-color-3: #143975;--td-brand-color-4: #103d88;--td-brand-color-5: #0d429a;--td-brand-color-6: #054bbe;--td-brand-color-7: #2667d4;--td-brand-color-8: #4582e6;--td-brand-color-9: #699ef5;--td-brand-color-10: #96bbf8;--td-warning-color-1: #4f2a1d;--td-warning-color-2: #582f21;--td-warning-color-3: #733c23;--td-warning-color-4: #a75d2b;--td-warning-color-5: #cf6e2d;--td-warning-color-6: #dc7633;--td-warning-color-7: #e8935c;--td-warning-color-8: #ecbf91;--td-warning-color-9: #eed7bf;--td-warning-color-10: #f3e9dc;--td-error-color-1: #472324;--td-error-color-2: #5e2a2d;--td-error-color-3: #703439;--td-error-color-4: #83383e;--td-error-color-5: #a03f46;--td-error-color-6: #c64751;--td-error-color-7: #de6670;--td-error-color-8: #ec888e;--td-error-color-9: #edb1b6;--td-error-color-10: #eeced0;--td-success-color-1: #193a2a;--td-success-color-2: #1a4230;--td-success-color-3: #17533d;--td-success-color-4: #0d7a55;--td-success-color-5: #059465;--td-success-color-6: #43af8a;--td-success-color-7: #46bf96;--td-success-color-8: #80d2b6;--td-success-color-9: #b4e1d3;--td-success-color-10: #deede8;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: rgba(255, 255, 255, .9);--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-8);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-7);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-9);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .4);--td-mask-disabled: rgba(0, 0, 0, .6);--td-mask-background: rgba(36, 36, 36, .96);--td-mask-gradient: rgba(36, 36, 36, 0);--td-bg-color-page: var(--td-gray-color-14);--td-bg-color-container: var(--td-gray-color-13);--td-bg-color-container-hover: var(--td-gray-color-12);--td-bg-color-container-active: var(--td-gray-color-10);--td-bg-color-container-select: var(--td-gray-color-9);--td-bg-color-secondarycontainer: var(--td-gray-color-12);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);--td-bg-color-secondarycontainer-active: var(--td-gray-color-9);--td-bg-color-component: var(--td-gray-color-11);--td-bg-color-component-hover: var(--td-gray-color-10);--td-bg-color-component-active: var(--td-gray-color-9);--td-bg-color-secondarycomponent: var(--td-gray-color-10);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);--td-bg-color-secondarycomponent-active: var(--td-gray-color-8);--td-bg-color-component-disabled: var(--td-gray-color-12);--td-bg-color-specialcomponent: transparent;--td-text-color-primary: var(--td-font-white-1);--td-text-color-secondary: var(--td-font-white-2);--td-text-color-placeholder: var(--td-font-white-3);--td-text-color-disabled: var(--td-font-white-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-8);--td-text-color-link: var(--td-brand-color-8);--td-text-color-watermark: rgba(255, 255, 255, .1);--td-border-level-1-color: var(--td-gray-color-11);--td-component-stroke: var(--td-gray-color-11);--td-border-level-2-color: var(--td-gray-color-9);--td-component-border: var(--td-gray-color-9);--td-shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .12);--td-shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgba(0, 0, 0, .1), 0 5px 5px rgba(0, 0, 0, .16);--td-shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .2);--td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;--td-shadow-inset-right: inset .5px 0 0 #5e5e5e;--td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;--td-shadow-inset-left: inset -.5px 0 0 #5e5e5e;--td-table-shadow-color: rgba(0, 0, 0, .55);--td-scrollbar-color: rgba(255, 255, 255, .1);--td-scrollbar-hover-color: rgba(255, 255, 255, .3);--td-scroll-track-color: #333}:root{--td-radius-small: 2px;--td-radius-default: 3px;--td-radius-medium: 6px;--td-radius-large: 9px;--td-radius-extraLarge: 12px;--td-radius-round: 999px;--td-radius-circle: 50%}:root{--td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;--td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;--td-font-size-link-small: 12px;--td-font-size-link-medium: 14px;--td-font-size-link-large: 16px;--td-font-size-mark-small: 12px;--td-font-size-mark-medium: 14px;--td-font-size-body-small: 12px;--td-font-size-body-medium: 14px;--td-font-size-body-large: 16px;--td-font-size-title-small: 14px;--td-font-size-title-medium: 16px;--td-font-size-title-large: 18px;--td-font-size-title-extraLarge: 20px;--td-font-size-headline-small: 24px;--td-font-size-headline-medium: 28px;--td-font-size-headline-large: 36px;--td-font-size-display-medium: 48px;--td-font-size-display-large: 64px;--td-line-height-link-small: 20px;--td-line-height-link-medium: 22px;--td-line-height-link-large: 24px;--td-line-height-mark-small: 20px;--td-line-height-mark-medium: 22px;--td-line-height-body-small: 20px;--td-line-height-body-medium: 22px;--td-line-height-body-large: 24px;--td-line-height-title-small: 22px;--td-line-height-title-medium: 24px;--td-line-height-title-large: 26px;--td-line-height-title-extraLarge: 28px;--td-line-height-headline-small: 32px;--td-line-height-headline-medium: 36px;--td-line-height-headline-large: 44px;--td-line-height-display-medium: 56px;--td-line-height-display-large: 72px;--td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);--td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);--td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);--td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);--td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);--td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);--td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);--td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);--td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);--td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);--td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);--td-font-title-extraLarge: 600 var(--td-font-size-title-extraLarge) / var(--td-line-height-title-extraLarge) var(--td-font-family);--td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);--td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);--td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);--td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);--td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family)}:root{--td-size-1: 2px;--td-size-2: 4px;--td-size-3: 6px;--td-size-4: 8px;--td-size-5: 12px;--td-size-6: 16px;--td-size-7: 20px;--td-size-8: 24px;--td-size-9: 28px;--td-size-10: 32px;--td-size-11: 36px;--td-size-12: 40px;--td-size-13: 48px;--td-size-14: 56px;--td-size-15: 64px;--td-size-16: 72px;--td-comp-size-xxxs: var(--td-size-6);--td-comp-size-xxs: var(--td-size-7);--td-comp-size-xs: var(--td-size-8);--td-comp-size-s: var(--td-size-9);--td-comp-size-m: var(--td-size-10);--td-comp-size-l: var(--td-size-11);--td-comp-size-xl: var(--td-size-12);--td-comp-size-xxl: var(--td-size-13);--td-comp-size-xxxl: var(--td-size-14);--td-comp-size-xxxxl: var(--td-size-15);--td-comp-size-xxxxxl: var(--td-size-16);--td-pop-padding-s: var(--td-size-2);--td-pop-padding-m: var(--td-size-3);--td-pop-padding-l: var(--td-size-4);--td-pop-padding-xl: var(--td-size-5);--td-pop-padding-xxl: var(--td-size-6);--td-comp-paddingLR-xxs: var(--td-size-1);--td-comp-paddingLR-xs: var(--td-size-2);--td-comp-paddingLR-s: var(--td-size-4);--td-comp-paddingLR-m: var(--td-size-5);--td-comp-paddingLR-l: var(--td-size-6);--td-comp-paddingLR-xl: var(--td-size-8);--td-comp-paddingLR-xxl: var(--td-size-10);--td-comp-paddingTB-xxs: var(--td-size-1);--td-comp-paddingTB-xs: var(--td-size-2);--td-comp-paddingTB-s: var(--td-size-4);--td-comp-paddingTB-m: var(--td-size-5);--td-comp-paddingTB-l: var(--td-size-6);--td-comp-paddingTB-xl: var(--td-size-8);--td-comp-paddingTB-xxl: var(--td-size-10);--td-comp-margin-xxs: var(--td-size-1);--td-comp-margin-xs: var(--td-size-2);--td-comp-margin-s: var(--td-size-4);--td-comp-margin-m: var(--td-size-5);--td-comp-margin-l: var(--td-size-6);--td-comp-margin-xl: var(--td-size-7);--td-comp-margin-xxl: var(--td-size-8);--td-comp-margin-xxxl: var(--td-size-10);--td-comp-margin-xxxxl: var(--td-size-12)}