*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh}.wrapper{max-width:720px;margin:0 auto;padding:1.5rem 1.2rem 3rem}.header{align-items:center;gap:.8rem;margin-bottom:1.5rem;display:flex}.back{color:var(--text-muted);flex-shrink:0;font-size:.85rem;text-decoration:none}.back:hover{color:var(--text-dim)}.title{font-family:var(--serif);letter-spacing:.06em;font-size:1.3rem;font-weight:600}.search-wrap{margin-bottom:1.2rem}.search-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:.85rem;font-family:var(--sans);background:var(--card-bg);outline:none;padding:.7rem 1rem;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.grid{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1.5rem;display:grid}.hex-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.7rem .4rem;transition:all .2s}.hex-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000f}.hex-card.active{border-color:var(--accent);background:var(--accent-bg)}.hex-card .sym{font-size:1.8rem;line-height:1.4}.hex-card .nm{font-family:var(--serif);margin-top:.15rem;font-size:.7rem;font-weight:600}.hex-card .py{color:var(--text-muted);font-size:.55rem}.detail{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:0 1px 4px #00000008}.detail-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem}.detail-empty .use-grid{text-align:left;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}@media (width<=400px){.detail-empty .use-grid{grid-template-columns:1fr}}.use-item{align-items:flex-start;gap:.5rem;display:flex}.use-item .use-icon{flex-shrink:0;font-size:1.3rem;line-height:1}.use-item .use-body{font-size:.75rem;line-height:1.6}.use-item .use-body strong{color:var(--text);margin-bottom:.15rem;font-size:.8rem;display:block}.detail-title{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.detail-title .dsym{font-size:2.5rem;line-height:1}.detail-title .dname{font-family:var(--serif);font-size:1.2rem;font-weight:700}.detail-title .dpy{color:var(--text-muted);font-size:.75rem}.detail-meta{flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem;font-size:.7rem;display:flex}.detail-meta span{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:.15rem .5rem}.sec{margin-bottom:.7rem}.sec-label{font-family:var(--serif);color:var(--accent);letter-spacing:.04em;margin-bottom:.25rem;font-size:.78rem;font-weight:600}.sec-text{color:var(--text-dim);font-size:.76rem;line-height:1.75}.block-q{background:var(--bg);border-radius:var(--radius-sm);border-left:3px solid var(--accent);margin-bottom:.3rem;padding:.5rem .8rem;font-size:.82rem}.yao-list{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.yao-item{background:var(--bg);border-radius:6px;align-items:flex-start;gap:.4rem;padding:.25rem .5rem;font-size:.72rem;display:flex}.yao-item .yn{text-align:center;min-width:1.4rem;color:var(--accent);font-size:.65rem;font-weight:600}.yao-item .yt{color:var(--text-dim);flex:1;line-height:1.6}.yongyao{background:var(--gold-wash);border:1px solid var(--border-gold);color:var(--accent);border-radius:6px;margin-bottom:.5rem;padding:.3rem .5rem;font-size:.72rem}.app-grid{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.5rem;display:grid}.app-item{border-radius:var(--radius-sm);padding:.5rem;font-size:.7rem;line-height:1.6}.app-career{color:#1e40af;background:#eff6ff}.app-love{color:#9d174d;background:#fdf2f8}.app-decision{color:#166534;background:#f0fdf4}.app-warning{color:#991b1b;background:#fef2f2}.sc-tags{flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem;display:flex}.sc-tags span{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:12px;padding:.12rem .6rem;font-size:.65rem}.history{border-radius:var(--radius-sm);border:1px solid var(--border-gold);color:var(--text-dim);background:linear-gradient(135deg,#fffbeb,#ffedd5);padding:.5rem .8rem;font-size:.7rem;line-height:1.7}.related{flex-wrap:wrap;gap:.3rem;display:flex}.related a{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:12px;padding:.12rem .6rem;font-size:.65rem;text-decoration:none}.related a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.kw-tags{flex-wrap:wrap;gap:.3rem;display:flex}.kw-tags span{background:var(--bg);color:var(--text-muted);border-radius:8px;padding:.08rem .5rem;font-size:.6rem}@media (width<=400px){.grid{grid-template-columns:repeat(4,1fr);gap:.3rem}.hex-card{padding:.35rem .15rem}.hex-card .sym{font-size:1.2rem}.hex-card .nm{font-size:.6rem}.hex-card .py{font-size:.5rem}.app-grid{grid-template-columns:1fr}}:root{--bg:#fcfcfa;--bg-card:#fff;--bg-hover:#f6f6f3;--bg-sunken:#f1f1ec;--border:#e6e6df;--border-strong:#d5d5c9;--border-gold:#dcd3b4;--text:#1a1a1a;--text-dim:#56514a;--text-muted:#6a655c;--text-on-gold:#fff;--gold:#1f6b5e;--gold-ink:#175349;--gold-deep:#0f3d36;--gold-line:#c9a227;--warm:#7a6109;--warm-ink:#634e07;--warm-line:#c9a227;--warm-wash:#c9a2271a;--gold-wash:#1f6b5e1a;--gold-wash-2:#1f6b5e2b;--danger:#b03a3a;--danger-wash:#b03a3a14;--success:#1f8a4c;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;--serif:"Songti SC", "Source Han Serif SC", "Noto Serif SC", "STSong", "SimSun", Georgia, serif;--fs-micro:.6875rem;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.875rem;--fs-body:.9375rem;--fs-lg:1.0625rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--lh-tight:1.3;--lh-snug:1.5;--lh-normal:1.65;--lh-relaxed:1.8;--fw-normal:400;--fw-medium:500;--fw-semi:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-full:999px;--shadow-xs:0 1px 2px #3237300a;--shadow-card:0 1px 3px #3237300d, 0 4px 12px #3237300a;--shadow-pop:0 8px 28px #3237301a, 0 2px 8px #3237300f;--shadow-modal:0 16px 48px #3237302e;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--z-nav:100;--z-overlay:200;--z-chat:900;--z-modal:1000;--z-toast:1100;--tap-min:44px;--page-max:680px;--chat-max:500px;--nav-h:3.5rem;--gold-rgb:31,107,94;--warm-rgb:201,162,39;--accent:var(--gold);--accent-dim:var(--gold-ink);--accent-bg:var(--gold-wash);--accent-faint:#f1f1ec;--radius:var(--r-md);--radius-md:var(--r-md);--radius-sm:var(--r-sm);--ease:var(--ease-out);--border-active:var(--border-strong);--card-bg:var(--bg-card);--bg-input:var(--bg-sunken);--bg-elevated:var(--bg-card);--bg-cell:var(--bg-sunken);--radius-lg:var(--r-lg);--danger-dim:var(--danger-wash);--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--star:var(--border-strong);--star-active:var(--gold);--star-main:var(--gold);--star-aux:var(--text-muted);--sihua-lu:#1f8a4c;--sihua-quan:#b03a3a;--sihua-ke:#3f5a86;--sihua-ji:#6a655c}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--r-xs)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none){a,button,[onclick]{-webkit-tap-highlight-color:transparent}}#root{display:block}