:root{--bg-0:#07080a;--bg-1:#0b0d10;--surface-0:rgba(255,255,255,.03);--surface-1:rgba(255,255,255,.05);--surface-2:rgba(255,255,255,.07);--border-0:rgba(255,255,255,.08);--border-1:rgba(255,255,255,.12);--text-0:rgba(255,255,255,.92);--text-1:rgba(255,255,255,.72);--text-2:rgba(255,255,255,.54);--accent:#c9a56a;--accent-2:#7aa2ff;--danger:#ff5c6a;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--r-1:12px;--r-2:16px;--r-3:20px;--r-4:28px;--shadow-1:0 10px 30px rgba(0,0,0,.45);--shadow-2:0 18px 55px rgba(0,0,0,.55);--fz-base:17px;--lh-base:1.55}body,html{background:var(--bg-0);color:var(--text-0);font-size:var(--fz-base);line-height:var(--lh-base)}.cc-container{width:100%;max-width:760px;margin:0 auto;padding:0 var(--s-4)}.cc-stack{display:flex;flex-direction:column;gap:var(--s-4)}.cc-row{display:flex;align-items:center;gap:var(--s-3)}.cc-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025));border:1px solid var(--border-0);border-radius:var(--r-3);box-shadow:var(--shadow-1)}.cc-card-pad{padding:var(--s-5)}.cc-card-pad-sm{padding:var(--s-4)}.cc-pill{border:1px solid var(--border-0);background:rgba(255,255,255,.03);color:var(--text-1);border-radius:999px;padding:10px 14px;white-space:nowrap}.cc-pill[data-active=true]{background:rgba(255,255,255,.92);color:rgba(0,0,0,.88);border-color:rgba(255,255,255,.92)}.cc-muted{color:var(--text-2)}.cc-accent{color:var(--accent)}.cc-tabs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px;border-radius:999px;border:1px solid var(--border-0);background:rgba(255,255,255,.02)}.cc-tabs::-webkit-scrollbar{display:none}:root{--tp-bg:#080a0d;--tp-bg-raised:#0d1014;--tp-surface:#11151a;--tp-surface-hover:#171c22;--tp-surface-strong:#1b2027;--tp-border:rgba(255,255,255,0.09);--tp-border-strong:rgba(255,255,255,0.16);--tp-text:#f5f7f8;--tp-text-muted:#a3adb7;--tp-text-faint:#707b85;--tp-accent:#b7e4c7;--tp-accent-strong:#84c99b;--tp-accent-ink:#07110b;--tp-warm:#e5c07b;--tp-info:#8ab4f8;--tp-danger:#ff8a80;--tp-success:#93d7a7;--tp-space-1:4px;--tp-space-2:8px;--tp-space-3:12px;--tp-space-4:16px;--tp-space-5:24px;--tp-space-6:32px;--tp-space-7:48px;--tp-space-8:64px;--tp-radius-sm:6px;--tp-radius:8px;--tp-radius-lg:8px;--tp-shadow-sm:0 1px 0 rgba(255,255,255,0.035),0 8px 24px rgba(0,0,0,0.18);--tp-shadow-lg:0 1px 0 rgba(255,255,255,0.045),0 24px 64px rgba(0,0,0,0.32);--tp-motion-fast:140ms;--tp-motion-base:200ms;--tp-ease:cubic-bezier(0.2,0.8,0.2,1);--tp-content:1240px}html[data-trace-theme=light]{--tp-bg:#f5f5f2;--tp-bg-raised:#ecece8;--tp-surface:#ffffff;--tp-surface-hover:#f8f8f5;--tp-surface-strong:#e9ece8;--tp-border:rgba(10,18,13,0.1);--tp-border-strong:rgba(10,18,13,0.18);--tp-text:#111613;--tp-text-muted:#536058;--tp-text-faint:#78827c;--tp-accent:#216a3c;--tp-accent-strong:#174c2c;--tp-accent-ink:#ffffff;--tp-warm:#8a611d;--tp-info:#285da8;--tp-danger:#a33a35;--tp-success:#216a3c;--tp-shadow-sm:0 1px 0 rgba(255,255,255,0.8),0 8px 24px rgba(31,38,33,0.08);--tp-shadow-lg:0 1px 0 rgba(255,255,255,0.9),0 24px 64px rgba(31,38,33,0.12)}.trace-product-shell{min-height:100vh;color:var(--tp-text);background:var(--tp-bg);font-family:var(--font-inter,Inter),var(--font-noto-tc,"Noto Sans TC"),"PingFang TC",sans-serif;letter-spacing:0}.trace-product-shell *,.trace-product-shell :after,.trace-product-shell :before{box-sizing:border-box;letter-spacing:0}.tp-page{width:100%;max-width:var(--tp-content);margin-inline:auto}.tp-section{padding-block:var(--tp-space-7);border-top:1px solid var(--tp-border)}.tp-section:first-child{border-top:0}.tp-card{border:1px solid var(--tp-border);border-radius:var(--tp-radius);background:var(--tp-surface);box-shadow:var(--tp-shadow-sm)}.tp-card-interactive{transition:transform var(--tp-motion-base) var(--tp-ease),border-color var(--tp-motion-base) var(--tp-ease),background-color var(--tp-motion-base) var(--tp-ease),box-shadow var(--tp-motion-base) var(--tp-ease)}.tp-card-interactive:hover{transform:translateY(-2px);border-color:var(--tp-border-strong);background:var(--tp-surface-hover);box-shadow:var(--tp-shadow-lg)}.tp-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--tp-border);border-radius:var(--tp-radius);padding:0 16px;color:var(--tp-text);background:var(--tp-surface);font-size:14px;font-weight:750;transition:transform var(--tp-motion-fast) var(--tp-ease),border-color var(--tp-motion-fast) var(--tp-ease),background-color var(--tp-motion-fast) var(--tp-ease)}.tp-button:hover{transform:translateY(-1px);border-color:var(--tp-border-strong);background:var(--tp-surface-hover)}.tp-button:active{transform:translateY(0) scale(.985)}.tp-button-primary{border-color:transparent;color:var(--tp-accent-ink);background:var(--tp-accent)}.tp-button-primary:hover{border-color:transparent;background:var(--tp-accent-strong)}.tp-button:disabled,.tp-button[aria-disabled=true]{cursor:not-allowed;transform:none;opacity:.48}.tp-input{width:100%;border:1px solid var(--tp-border);border-radius:var(--tp-radius);color:var(--tp-text);background:var(--tp-bg-raised);outline:none;transition:border-color var(--tp-motion-fast) var(--tp-ease),box-shadow var(--tp-motion-fast) var(--tp-ease)}.tp-input::-moz-placeholder{color:var(--tp-text-faint)}.tp-input::placeholder{color:var(--tp-text-faint)}.tp-input:focus{border-color:color-mix(in srgb,var(--tp-accent) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tp-accent) 14%,transparent)}.tp-eyebrow{color:var(--tp-accent);font-size:12px;font-weight:800}.tp-muted{color:var(--tp-text-muted)}.tp-faint{color:var(--tp-text-faint)}.tp-status{display:inline-flex;min-height:26px;align-items:center;gap:6px;border:1px solid var(--tp-border);border-radius:999px;padding:0 10px;color:var(--tp-text-muted);background:var(--tp-bg-raised);font-size:11px;font-weight:800}.tp-status[data-tone=success]{border-color:color-mix(in srgb,var(--tp-success) 28%,transparent);color:var(--tp-success);background:color-mix(in srgb,var(--tp-success) 8%,var(--tp-bg-raised))}.tp-status[data-tone=warning]{border-color:color-mix(in srgb,var(--tp-warm) 28%,transparent);color:var(--tp-warm);background:color-mix(in srgb,var(--tp-warm) 8%,var(--tp-bg-raised))}.tp-status[data-tone=info]{border-color:color-mix(in srgb,var(--tp-info) 28%,transparent);color:var(--tp-info);background:color-mix(in srgb,var(--tp-info) 8%,var(--tp-bg-raised))}.tp-empty{display:grid;min-height:168px;place-items:center;border:1px dashed var(--tp-border-strong);border-radius:var(--tp-radius);padding:var(--tp-space-6);text-align:center}.tp-skeleton{position:relative;overflow:hidden;background:var(--tp-surface)}.tp-skeleton:after{position:absolute;inset:0;content:"";transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);animation:tp-shimmer 1.3s ease-in-out infinite}.tp-progress-track{height:4px;overflow:hidden;border-radius:999px;background:var(--tp-surface-strong)}.tp-progress-bar{height:100%;border-radius:inherit;background:var(--tp-accent);transition:width .24s var(--tp-ease)}@keyframes tp-shimmer{to{transform:translateX(100%)}}.trace-product-shell :where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--tp-accent);outline-offset:3px}@media (max-width:767px){.tp-section{padding-block:var(--tp-space-6)}}@media (prefers-reduced-motion:reduce){.trace-product-shell *,.trace-product-shell :after,.trace-product-shell :before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--tc-font-base:17px;--tc-nav-font:19px;--tc-nav-icon:28px;--tc-nav-row:56px;--tc-header-wordmark-h:32px;--tc-center-tabs-font:17px}html{font-size:var(--tc-font-base)}