@tailwind base;@tailwind components;@tailwind utilities;:root{--font:-apple-system,"PingFang SC","Helvetica Neue","Segoe UI",sans-serif;--font-mono:"SF Mono","Menlo","Noto Sans Mono","Consolas",monospace;--bg-0:#FAFAF9;--bg-1:#F4F3EF;--bg-2:#ECEAE4;--bg-inv:#0D0D0B;--tx-0:#0D0D0B;--tx-1:#1A1A18;--tx-2:#4A4A45;--tx-3:#8A8A82;--tx-inv:#F0EDE8;--tx-inv2:rgba(240,237,232,0.65);--ac:#B8922A;--ac-dim:#7A5F1A;--ac-bg:rgba(184,146,42,0.07);--ac-bdr:rgba(184,146,42,0.22);--lu:#2D7A4A;--quan:#1A56A8;--ke:#8A7018;--ji:#A83228;--bdr:rgba(0,0,0,0.07);--bdr-med:rgba(0,0,0,0.11);--bdr-heavy:rgba(0,0,0,0.18);--sh-xs:0 1px 2px rgba(0,0,0,0.05);--sh-sm:0 2px 8px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);--sh-md:0 4px 20px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.05);--sh-lg:0 12px 40px rgba(0,0,0,0.10),0 4px 12px rgba(0,0,0,0.06);--bg-card:#FFFFFF;--bg-page:#fbf6e8;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px}[data-theme=dark]{--bg-0:#020810;--bg-1:#0a1020;--bg-2:#141e30;--bg-inv:#f0ede8;--tx-0:#e8eef6;--tx-1:#dce4f0;--tx-2:#9db0d0;--tx-3:#6a7a96;--tx-inv:#0d0d0b;--tx-inv2:rgba(13,13,11,0.65);--ac:#d4a843;--ac-dim:#e8c060;--ac-bg:rgba(212,168,67,0.10);--ac-bdr:rgba(212,168,67,0.25);--bdr:rgba(255,255,255,0.07);--bdr-med:rgba(255,255,255,0.12);--bdr-heavy:rgba(255,255,255,0.20);--sh-xs:0 1px 2px rgba(0,0,0,0.3);--sh-sm:0 2px 8px rgba(0,0,0,0.4),0 1px 3px rgba(0,0,0,0.3);--sh-md:0 4px 20px rgba(0,0,0,0.5),0 2px 6px rgba(0,0,0,0.35);--sh-lg:0 12px 40px rgba(0,0,0,0.6),0 4px 12px rgba(0,0,0,0.4);--bg-card:rgba(255,255,255,0.04);--bg-page:#020810}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--bg-0)}body{color:var(--tx-1);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bdr-heavy);border-radius:3px}::selection{background:rgba(184,146,42,.15);color:var(--ac-dim)}.container-page{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container-page{padding:0 16px}}.card{box-shadow:var(--sh-sm)}.card,.card-flat{background:var(--bg-card)}.card,.card-flat,.card-tinted{border:1px solid var(--bdr);border-radius:var(--r-md)}.card-tinted{background:var(--bg-1)}.section-dark{background:var(--bg-inv);color:var(--tx-inv)}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;border-radius:var(--r-pill);background:var(--tx-0);color:var(--bg-0);font-size:14px;font-weight:500;letter-spacing:.02em;border:none;cursor:pointer;transition:opacity .15s ease,transform .12s ease;text-decoration:none}.btn-primary:hover{opacity:.86}.btn-primary:active{transform:scale(.98)}.btn-accent{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;border-radius:var(--r-pill);background:var(--ac);color:white;font-size:14px;font-weight:500;letter-spacing:.02em;border:none;cursor:pointer;transition:background .15s ease,transform .12s ease;text-decoration:none}.btn-accent:hover{background:var(--ac-dim)}.btn-accent:active{transform:scale(.98)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:11px 22px;border-radius:var(--r-pill);background:transparent;color:var(--tx-1);font-size:14px;font-weight:400;border:1px solid var(--bdr-heavy);cursor:pointer;transition:background .15s ease;text-decoration:none}.btn-ghost:hover{background:var(--bg-2)}.tab-container{display:inline-flex;background:var(--bg-1);border:1px solid var(--bdr);border-radius:var(--r-sm);padding:3px;gap:2px}.tab-item{padding:7px 16px;border-radius:6px;font-size:13px;font-weight:400;color:var(--tx-3);cursor:pointer;border:none;background:transparent;transition:all .18s ease;white-space:nowrap}.tab-item.active{background:var(--bg-card);color:var(--tx-0);font-weight:500;box-shadow:var(--sh-xs)}.badge-lu{color:var(--lu);background:rgba(45,122,74,.08);border:1px solid rgba(45,122,74,.2)}.badge-quan{color:var(--quan);background:rgba(26,86,168,.08);border:1px solid rgba(26,86,168,.2)}.badge-ke{color:var(--ke);background:rgba(138,112,24,.08);border:1px solid rgba(138,112,24,.2)}.badge-ji{color:var(--ji);background:rgba(168,50,40,.08);border:1px solid rgba(168,50,40,.2)}.sihua-badge{display:inline-flex;align-items:center;font-size:10px;font-family:var(--font-mono);padding:1px 5px;border-radius:var(--r-xs);font-weight:600;letter-spacing:.02em;line-height:1.4}.input-base{width:100%;background:var(--bg-card);border:1px solid var(--bdr-med);border-radius:var(--r-sm);padding:10px 14px;font-size:14px;color:var(--tx-1);font-family:var(--font);outline:none;transition:border-color .15s ease}.input-base:focus{border-color:var(--tx-0)}.input-base::placeholder{color:var(--tx-3)}.divider{width:100%;height:1px;background:var(--bdr)}.label-section{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3);font-weight:500}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:fade-up .5s ease forwards}.animate-fade-in{animation:fade-in .4s ease forwards}.grad-text{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.grad-text-dark{background-image:linear-gradient(160deg,#c8993a,#f0d070 40%,#c8993a 70%,#f0c755)}.grad-text-light{background-image:linear-gradient(160deg,#6a4206,#9a6a10 40%,#6a4206 70%,#885010)}.chart-page-root{min-height:100vh;display:flex;flex-direction:column;height:100vh}.chart-workspace{flex:1 1;overflow:hidden;display:grid;grid-template-columns:minmax(420px,520px) 1fr}.chart-workspace-left{border-right:1px solid var(--bdr);overflow-y:auto;padding:20px 20px 48px;background:var(--bg-0)}.chart-workspace-right{overflow-y:auto;background:var(--bg-1)}.chart-topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg-0) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--bdr);display:flex;align-items:center;padding:0 24px;height:52px;gap:16px}.chart-topbar-tabs{display:flex;align-items:center;gap:4px;flex:1 1;min-width:0}.chart-topbar-back-sep{width:1px;height:20px;background:var(--bdr-med)}@media (max-width:767px){.chart-page-root{height:auto;min-height:100vh}.chart-workspace{display:flex;flex-direction:column;overflow:visible}.chart-workspace-left{border-right:none;border-bottom:1px solid var(--bdr);overflow:visible;padding:12px 12px 20px;flex:none}.chart-workspace-right{overflow:visible;flex:none;padding-bottom:24px}.chart-topbar{padding:0 10px;height:44px;gap:8px}.chart-topbar-back-sep{display:none}.chart-topbar-tabs{gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chart-topbar-tabs::-webkit-scrollbar{display:none}.chart-topbar-export{display:none!important}.chart-topbar button,.chart-topbar span{white-space:nowrap}.palace-cell{min-height:74px!important;padding:6px 5px 5px!important}.palace-cell-name{padding-right:22px!important}.palace-center-tile{padding:10px 6px!important;gap:6px!important}}@media (max-width:359px){.palace-cell{min-height:68px!important;padding:5px 4px!important}.chart-workspace-left{padding:10px 8px 16px}.chart-topbar{padding:0 8px;gap:6px}}@media print{.no-print{display:none!important}body{background:white;color:#1a1a18}@page{margin:1.2cm;size:A4 landscape}}[data-theme=dark] select{color-scheme:dark}[data-theme=dark] select option{background-color:var(--bg-2);color:var(--tx-1)}