:root{--bg: #0f1320;--bg-2: #151a2b;--surface: #1a2036;--surface-2: #232a44;--border: #2c3354;--border-soft: #232a44;--ink: #ece6d5;--ink-soft: #c9c2ad;--ink-mute: #8e8771;--gold: #c9a86a;--gold-soft: #e2c590;--gold-deep: #8a6c2e;--accent: #c9a86a;--red: #c4564b;--white-seal: #e8e2cf;--blue-seal: #6b8bbf;--yellow-seal: #d2a23a;--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--serif: "Cormorant Garamond", "Noto Serif TC", "Songti TC", Georgia, serif;--sans: "General Sans", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "PingFang TC", system-ui, sans-serif;--mono: "JetBrains Mono", "SF Mono", Menlo, monospace}@media (prefers-color-scheme: light){:root{--bg: #f4eee0;--bg-2: #ece4cf;--surface: #fbf6e8;--surface-2: #f3ecd5;--border: #d8cca7;--border-soft: #e6dcc1;--ink: #23202a;--ink-soft: #4c4636;--ink-mute: #7e7559;--gold: #8a6c2e;--gold-soft: #b48a3f;--gold-deep: #5a4516;--accent: #8a6c2e;--white-seal: #5a5239;--blue-seal: #2f4a73;--yellow-seal: #8a6112}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.55}a{color:var(--gold);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}a:hover{color:var(--gold-soft)}.serif{font-family:var(--serif)}.mono{font-family:var(--mono);font-feature-settings:"tnum","lnum"}.shell{max-width:1180px;margin:0 auto;padding:48px 24px 96px}.hero{position:relative;padding:56px 0 32px;border-bottom:1px solid var(--border-soft)}.hero-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--gold);margin-bottom:16px}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(34px,5vw,56px);line-height:1.1;margin:0 0 12px;letter-spacing:.01em}.hero h1 em{font-style:italic;color:var(--gold)}.hero p.lede{font-family:var(--serif);font-size:clamp(17px,1.6vw,20px);color:var(--ink-soft);max-width:640px;margin:0;line-height:1.55}.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;color:var(--ink-soft);letter-spacing:.15em;text-transform:uppercase}.logo svg{color:var(--gold)}.calc{margin-top:40px;padding:28px;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius-lg)}.calc h2{font-family:var(--serif);font-weight:500;font-size:22px;margin:0 0 18px;color:var(--ink)}.field-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-mute)}.field input{background:var(--bg-2);border:1px solid var(--border);color:var(--ink);font-family:var(--mono);font-size:15px;padding:10px 14px;border-radius:var(--radius-sm);width:110px;text-align:center;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 20%,transparent)}.field.input-date input{width:175px}.btn{font-family:var(--sans);font-size:14px;font-weight:500;padding:11px 22px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn:hover{border-color:var(--gold)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gold);color:#1a1408;border-color:var(--gold)}.btn-primary:hover{background:var(--gold-soft);border-color:var(--gold-soft)}.example-row{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.example-row .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute);margin-right:4px}.btn-ghost{background:transparent;border:1px dashed var(--border);padding:8px 14px;font-size:13px;color:var(--ink-soft)}.btn-ghost:hover{border-style:solid;border-color:var(--gold);color:var(--ink)}.error-msg{margin-top:14px;padding:12px 16px;border-left:3px solid var(--red);background:color-mix(in srgb,var(--red) 8%,transparent);font-size:14px;color:var(--ink)}.notice{margin-top:14px;padding:12px 16px;border-left:3px solid var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent);font-size:14px;color:var(--ink)}.result{margin-top:48px}.result-head{text-align:center;margin-bottom:32px}.result-head .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.result-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,4vw,44px);margin:8px 0 6px;letter-spacing:.01em}.result-head .sub{color:var(--ink-soft);font-size:15px;font-family:var(--mono);letter-spacing:.05em}.oracle{position:relative;display:grid;grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:auto auto auto;gap:18px;align-items:stretch;padding:32px 16px}.oracle:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid var(--border-soft);border-radius:50%;pointer-events:none;opacity:.4}.oracle-slot{position:relative;z-index:1;display:flex}.slot-guide{grid-column:2;grid-row:1;justify-content:center}.slot-support{grid-column:3;grid-row:2}.slot-main{grid-column:2;grid-row:2;justify-content:center}.slot-challenge{grid-column:1;grid-row:2;justify-content:flex-end}.slot-hidden{grid-column:2;grid-row:3;justify-content:center}.seal-card{position:relative;width:100%;max-width:280px;padding:20px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,border-color .2s ease}.seal-card:hover{border-color:var(--gold);transform:translateY(-2px)}.seal-card.main{max-width:320px;padding:28px 22px;background:linear-gradient(160deg,var(--surface-2) 0%,var(--surface) 100%);border:1px solid var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 12%,transparent),0 30px 60px -20px #00000080}.seal-pos{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute)}.seal-card.main .seal-pos{color:var(--gold)}.seal-kin{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--ink-mute)}.seal-title{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.15;color:var(--ink);display:flex;align-items:center;gap:10px}.seal-card.main .seal-title{font-size:32px}.seal-en{font-family:var(--sans);font-size:13px;color:var(--ink-mute);letter-spacing:.04em}.seal-meta{font-size:13px;color:var(--ink-soft);line-height:1.45;margin-top:6px}.color-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--border);flex-shrink:0}.color-dot.red{background:var(--red)}.color-dot.white{background:var(--white-seal)}.color-dot.blue{background:var(--blue-seal)}.color-dot.yellow{background:var(--yellow-seal)}.details{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:40px}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px;display:flex;flex-direction:column;gap:10px}.detail-card.main{border-color:var(--gold);background:linear-gradient(160deg,var(--surface-2) 0%,var(--surface) 100%)}.detail-card .pos-tag{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.detail-card .role{font-size:12px;color:var(--ink-mute);font-family:var(--mono)}.detail-card h3{font-family:var(--serif);font-weight:500;font-size:22px;margin:4px 0 2px;display:flex;align-items:center;gap:8px}.detail-card .en{font-size:12px;color:var(--ink-mute);letter-spacing:.04em}.kw{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}.kw span{font-size:12px;padding:3px 10px;border:1px solid var(--border);border-radius:999px;color:var(--ink-soft);background:var(--bg-2)}.field-line{font-size:14px;line-height:1.55;color:var(--ink-soft)}.field-line strong{color:var(--gold);font-weight:500;font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:3px}.glyph-wall{margin-top:80px;padding-top:56px;border-top:1px solid var(--border-soft)}.section-title{font-family:var(--serif);font-size:32px;font-weight:500;margin:0 0 6px}.section-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.section-lede{color:var(--ink-soft);max-width:600px;margin-bottom:28px}.glyph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.glyph-tile{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s ease}.glyph-tile:hover{border-color:var(--gold)}.glyph-tile .num{font-family:var(--mono);font-size:11px;color:var(--ink-mute);letter-spacing:.15em}.glyph-tile .name{font-family:var(--serif);font-size:19px;display:flex;align-items:center;gap:8px}.glyph-tile .en{font-size:11px;color:var(--ink-mute)}.glyph-tile .kws{font-size:13px;color:var(--ink-soft);margin-top:4px}.method{margin-top:80px;padding-top:56px;border-top:1px solid var(--border-soft);display:grid;grid-template-columns:1fr 1fr;gap:48px}.method h2{font-family:var(--serif);font-weight:500;font-size:26px;margin:0 0 14px}.method p{color:var(--ink-soft);font-size:15px;line-height:1.65}.method ul{color:var(--ink-soft);font-size:14px;line-height:1.7;padding-left:18px}.method code{font-family:var(--mono);font-size:12px;color:var(--gold);background:var(--bg-2);padding:2px 6px;border-radius:4px}.disclaimer{font-size:13px;color:var(--ink-mute);border-left:2px solid var(--gold);padding-left:14px;margin-top:14px;line-height:1.65}footer{margin-top:80px;padding-top:32px;border-top:1px solid var(--border-soft);font-size:13px;color:var(--ink-mute);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}footer .colophon{max-width:360px;line-height:1.6}.empty{margin-top:48px;text-align:center;color:var(--ink-mute);font-family:var(--serif);font-size:18px;font-style:italic;padding:40px 16px;border:1px dashed var(--border-soft);border-radius:var(--radius)}@media (max-width: 720px){.shell{padding:24px 16px 64px}.hero{padding:32px 0 24px}.calc{padding:20px}.field input{width:90px}.field.input-date input{width:100%}.oracle{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;gap:14px;padding:16px 0}.oracle:before{display:none}.slot-guide,.slot-support,.slot-main,.slot-challenge,.slot-hidden{grid-column:1;justify-content:stretch}.slot-guide{grid-row:1}.slot-main{grid-row:2}.slot-support{grid-row:3}.slot-challenge{grid-row:4}.slot-hidden{grid-row:5}.seal-card{max-width:100%}.method{grid-template-columns:1fr;gap:32px}}