@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/NotoSansSC-300.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoSansSC-400.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/NotoSansSC-500.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/NotoSansSC-700.woff2) format("woff2")}:root{--violet-deep:#2D1B69;--violet-primary:#6B4FBB;--violet-light:#9B7ED4;--violet-mist:#C4B3E0;--violet-pale:#E8DEF5;--violet-glow:#7B5FD4;--grad-page:linear-gradient(180deg,#6B5DA8 0%,#9B8BC8 40%,#BFB0DC 70%,#D9CCED 100%);--grad-deep:linear-gradient(180deg,#2D1B69 0%,#4A2F8F 30%,#6B4FBB 60%,#9B7ED4 100%);--grad-hero:linear-gradient(160deg,#6B5DA8 0%,#9B8BC8 50%,#BFB0DC 100%);--grad-cta:linear-gradient(135deg,#6B4FBB 0%,#9B7ED4 100%);--gold:#C9A961;--gold-light:#E8C97A;--gold-deep:#A8842F;--card-bg:#FFFFFF;--card-tint:#F8F5FF;--ink:#1A1A2E;--ink-soft:#3D3D5C;--ink-muted:#8B8BA7;--line:#E8E4F0;--wood:#52A47A;--fire:#D4604E;--earth:#C9A961;--metal:#9B97A8;--water:#4E89C4;--font-serif:"Cormorant Garamond","霞鹜文楷 LXGW WenKai","思源宋体","Source Han Serif SC","Songti SC",Georgia,serif;--font-sans:"Noto Sans SC","Source Han Sans CN","思源黑体","source-han-sans-simplified-c","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--font-mono:"Geist Mono","SF Mono","JetBrains Mono",monospace;--font-kai:"霞鹜文楷 LXGW WenKai","Kaiti SC","STKaiti",serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#6b5da8}body{font-family:var(--font-sans);color:#fff;font-size:15px;line-height:1.6;max-width:430px;margin:0 auto;position:relative;overflow-x:hidden;min-height:100vh;background:var(--grad-page);padding-bottom:calc(52px + env(safe-area-inset-bottom));transition:background .5s ease}body.theme-immersive{background:var(--grad-deep)}::selection{background:#c9a961;color:#1a1a2e}@keyframes mist-drift{0%{transform:translate(0) scale(1);opacity:.7}to{transform:translate(15px,-10px) scale(1.1);opacity:1}}@keyframes needle-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.landscape-bg{position:fixed;top:0;left:50%;transform:translate(-50%);width:430px;height:100%;z-index:0;pointer-events:none;overflow:hidden}.landscape-svg{width:100%;height:100%;display:block}.mist-layer{position:absolute;top:0;right:0;bottom:0;left:0;animation:mist-drift 20s ease-in-out infinite alternate}.wrap{position:relative;z-index:2;padding:0 24px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;background:#6b5da8d1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(196,179,224,.22);padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;color:#6b4f9e;font-size:11px;transition:color .2s;text-decoration:none;font-weight:300}.nav-item.active{color:var(--gold-light)}.nav-item svg{width:20px;height:20px;stroke-width:1.5}.brand-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 0 4px}.brand{display:flex;align-items:center;gap:9px}.brand-logo{width:28px;height:28px;flex:none}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-name{font-family:var(--font-sans);font-size:16px;color:#fff;font-weight:600;letter-spacing:.04em;line-height:1.1}.brand-sub{font-family:var(--font-sans);font-size:11px;color:#f0ebff;letter-spacing:.04em;font-weight:300;opacity:.92}.search-circle{width:32px;height:32px;border-radius:50%;flex:none;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.search-circle svg{width:15px;height:15px}.hero{padding:40px 0 24px}.hero h1{font-family:var(--font-serif);font-weight:600;font-size:32px;line-height:1.2;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 20px rgba(45,27,105,.4)}.hero-desc{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:#fff;font-weight:300;max-width:300px;margin-top:12px}.tabs{margin-top:24px;display:flex;background:#ffffff14;border-radius:10px;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tab{flex:1;border:none;background:transparent;cursor:pointer;padding:12px 0;font-family:var(--font-sans);font-size:14px;color:#6b4f9e;font-weight:500;text-align:center;border-radius:8px;transition:all .3s cubic-bezier(.16,1,.3,1)}.tab.active{background:#fff;color:#1a1a2e;font-weight:600;box-shadow:0 2px 8px #2d1b6926}.form-card{margin:20px 0 0;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 24px #2d1b691f,0 1px 4px #2d1b6914;overflow:hidden}.form-card-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.form-card-title{font-family:var(--font-serif);font-size:18px;color:#1a1a2e;font-weight:600}.security-ico{width:20px;height:20px;flex:none}.form-body{padding:16px 20px 20px}.field{margin-bottom:20px}.field-last{margin-bottom:0}.field-row{display:flex;gap:12px}.field-row .field{flex:1;margin-bottom:20px}.field-label{display:flex;align-items:center;gap:7px;margin-bottom:6px;font-family:var(--font-sans);font-size:13px;color:#787774}.field-label-ico{width:14px;height:14px;flex:none;opacity:.75}.field-input{width:100%;border-radius:8px;border:1px solid #EAEAEA;background:#fff;padding:12px 14px;font-family:var(--font-sans);font-size:15px;color:#111;transition:border-color .2s,box-shadow .2s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-input::placeholder{color:#787774;opacity:.7}.field-input:focus{border-color:#111;box-shadow:0 0 0 3px #0000000a}.field-select{padding-right:36px}.select-wrap{position:relative}.select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.field-input[type=date],.field-input[type=time]{padding-right:36px}.field-input[type=date]::-webkit-calendar-picker-indicator,.field-input[type=time]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;margin-right:-22px}.btn-cta-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:6px;cursor:pointer;background:#8b7dc4;color:#fff;padding:14px;font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:.02em;margin-top:18px;transition:filter .2s,transform .1s;box-shadow:0 4px 16px #8b7dc459}.btn-cta-primary:hover{filter:brightness(1.1)}.btn-cta-primary:active{transform:scale(.98)}.btn-ico{width:18px;height:18px;flex:none}.privacy-note{font-family:var(--font-sans);font-size:12px;color:#6b4f9e;text-align:center;margin-top:14px;line-height:1.6;font-weight:300}.aux-link{display:flex;align-items:center;justify-content:center;gap:6px;margin:22px auto 36px;text-decoration:none;font-family:var(--font-sans);font-size:13px;color:#8b7dc4;font-weight:500;transition:opacity .2s}.aux-link:hover{opacity:.8}.aux-ico{width:16px;height:16px;flex:none}.aux-arrow{width:12px;height:12px;flex:none;opacity:.8}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.page-header{display:flex;align-items:center;gap:12px;padding:20px 0 4px}.page-back{width:32px;height:32px;flex:none;display:flex;align-items:center;justify-content:center;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:50%;text-decoration:none;cursor:pointer}.page-back svg{width:15px;height:15px}.page-title{font-family:var(--font-serif);font-size:20px;color:#fff;font-weight:600;letter-spacing:.02em;text-shadow:0 2px 16px rgba(45,27,105,.35)}.card{background:var(--card-bg);border-radius:16px;padding:20px;margin:12px 0;position:relative;z-index:2;box-shadow:0 4px 24px #2d1b691f,0 1px 4px #2d1b6914}.card-tint{background:var(--card-tint);border-radius:12px;padding:16px}.card-violet{background:linear-gradient(135deg,#6b4fbb26,#9b7ed414);border:1px solid rgba(196,179,224,.3);border-radius:16px;padding:20px}.card-title{font-family:var(--font-serif);font-size:16px;color:var(--ink);font-weight:600;margin-bottom:12px}.card-title .sub{font-family:var(--font-sans);font-size:12px;color:var(--ink-muted);font-weight:400;margin-left:8px}.tag-violet{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;background:var(--violet-pale);color:var(--violet-primary);font-size:11px;font-weight:500}.tag-gold{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#c9a961,#e8c97a);color:#2d1b69;font-family:var(--font-serif);font-weight:700;font-size:14px;box-shadow:0 2px 8px #c9a9614d}.tag-wuxing{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:600}.tag-wuxing.wood{background:#e8f5ee;color:#52a47a}.tag-wuxing.fire{background:#fbeae7;color:#d4604e}.tag-wuxing.earth{background:#fbf3dd;color:#a8842f}.tag-wuxing.metal{background:#f0eff4;color:#7a7689}.tag-wuxing.water{background:#e4eff8;color:#4e89c4}.attr-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;background:var(--violet-pale);color:var(--violet-primary);font-size:11px;font-weight:500;margin:2px}.bazi-chart{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.pillar{text-align:center;padding:14px 8px;border-radius:10px;background:var(--card-tint);border:1px solid var(--line)}.pillar.highlight{border:1.5px solid var(--gold);background:#c9a9611f}.pillar .pillar-label{font-size:10px;color:var(--ink-muted);margin-bottom:6px;letter-spacing:.1em}.pillar .pillar-char{font-family:var(--font-kai);font-size:22px;color:var(--ink);line-height:1.3}.pillar.highlight .pillar-char{color:var(--gold-deep)}.wuxing-bars{display:flex;flex-direction:column;gap:10px}.wuxing-bar{display:flex;align-items:center;gap:10px}.wuxing-bar .wx-label{display:inline-block;width:24px;font-family:var(--font-serif);font-size:14px;font-weight:600;text-align:center}.wuxing-bar .wx-track{display:block;flex:1;height:10px;border-radius:5px;background:#1a1a2e0f;overflow:hidden}.wuxing-bar .wx-fill{display:block;height:100%;border-radius:5px;transition:width 1s cubic-bezier(.16,1,.3,1)}.wuxing-bar .wx-count{display:inline-block;font-family:var(--font-mono);font-size:12px;color:var(--ink-muted);width:40px;text-align:right}.name-card{position:relative;background:var(--card-bg);border-radius:16px;padding:20px 16px 16px;text-align:center;box-shadow:0 4px 20px #2d1b691a,0 1px 4px #2d1b690f}.name-card .name{font-family:var(--font-serif);font-size:26px;font-weight:600;color:var(--ink);letter-spacing:.05em;margin-bottom:8px}.name-card .name .char-link{cursor:pointer;transition:color .2s}.name-card .name .char-link:hover{color:var(--violet-primary)}.name-card .score{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--gold-deep)}.name-card .score-unit{font-size:11px;color:var(--ink-muted);font-weight:400}.name-card .attrs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}@keyframes sealing{0%{transform:scale(1.15) rotate(-5deg);opacity:0}60%{transform:scale(.95) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.name-card .seal-mark{position:absolute;top:8px;right:8px;width:24px;height:24px;border:1px solid var(--gold);border-radius:3px;background:#c9a9611a;color:var(--gold-deep);font-family:var(--font-serif);font-size:12px;display:flex;align-items:center;justify-content:center;animation:sealing .4s cubic-bezier(.34,1.56,.64,1) .2s both}.name-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.name-row .name-card{flex:none;width:220px}.unlock-banner{position:relative;border-radius:14px;padding:16px 20px;background:linear-gradient(135deg,#2d1b6999,#6b4fbb66);border:1px solid rgba(201,169,97,.3);overflow:hidden;margin:16px 0}.unlock-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(201,169,97,.15) 0%,transparent 70%);pointer-events:none}.unlock-banner .ub-title{font-family:var(--font-serif);font-size:16px;color:#fff;font-weight:600}.unlock-banner .ub-desc{font-family:var(--font-sans);font-size:12px;color:#e8def5;margin-top:4px;line-height:1.5}.unlock-banner .ub-row{display:flex;gap:10px;margin-top:12px}.unlock-banner .ub-item{flex:1;background:#ffffff14;border-radius:8px;padding:10px;text-align:center;border:1px solid rgba(201,169,97,.2)}.unlock-banner .ub-price{font-family:var(--font-serif);font-size:18px;color:var(--gold-light);font-weight:700}.unlock-banner .ub-item span{display:block;font-size:11px;color:#e8def5;margin-top:2px}.xiyong-row{display:flex;gap:12px;margin-top:8px}.xiyong-box{flex:1;padding:12px;border-radius:10px}.xiyong-box.favorable{background:#c9a9611a;border:1px solid rgba(201,169,97,.3)}.xiyong-box.unfavorable{background:#d4604e14;border:1px solid rgba(212,96,78,.25)}.xiyong-box .xy-label{font-size:11px;letter-spacing:.1em;margin-bottom:6px}.xiyong-box.favorable .xy-label{color:var(--gold-deep)}.xiyong-box.unfavorable .xy-label{color:var(--fire)}.xiyong-box .xy-chars{font-family:var(--font-serif);font-size:20px;font-weight:600;color:var(--ink)}.xiyong-note{font-family:var(--font-sans);font-size:11px;color:var(--ink-muted);margin-top:8px;line-height:1.5}.summary-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:var(--card-tint);margin-bottom:12px}.summary-bar .sb-label{font-family:var(--font-sans);font-size:12px;color:var(--ink-muted)}.summary-bar .sb-value{font-family:var(--font-kai);font-size:15px;color:var(--ink);font-weight:600}.greeting{padding:32px 20px 16px;text-align:center}.greeting-main{display:flex;align-items:center;justify-content:center;gap:10px}.greeting-text{font-family:var(--font-serif);font-size:20px;color:#fff;font-weight:600;line-height:1.3;text-shadow:0 2px 16px rgba(45,27,105,.35)}.greeting-badge{width:28px;height:28px;flex:none;border-radius:6px;background:linear-gradient(135deg,#c9a961,#e8c97a);color:#2d1b69;font-family:var(--font-serif);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #c9a9614d}.greeting-sub{font-family:var(--font-mono);font-size:12px;color:#6b4f9e;margin-top:6px}.bazi-note{font-family:var(--font-sans);font-size:13px;color:var(--ink-soft);margin-top:12px;line-height:1.6}.card-violet .cv-head{display:flex;align-items:center;justify-content:space-between}.card-violet .cv-title{font-family:var(--font-serif);font-size:16px;color:#fff;font-weight:600;text-shadow:0 1px 8px rgba(45,27,105,.3)}.card-violet .cv-tag{font-family:var(--font-sans);font-size:11px;color:#6b4f9e}.wuxing-bar .wx-status{font-family:var(--font-sans);font-size:10px;width:34px;text-align:center;margin-left:6px;color:var(--ink-muted)}.wx-xi-tag{display:inline-block;font-family:var(--font-sans);font-size:9px;padding:1px 4px;border-radius:3px;margin-left:4px;vertical-align:middle}.wx-xi-tag.favorable{background:#c9a96133;color:var(--gold-deep)}.wx-xi-tag.unfavorable{background:#d4604e26;color:var(--fire)}.wuxing-link{display:block;font-family:var(--font-sans);font-size:13px;color:#6b4fbb;margin-top:12px;text-decoration:none;cursor:pointer}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head .sh-title{font-family:var(--font-serif);font-size:16px;color:#1a1a2e;font-weight:600}.section-head .sh-title .sub{font-family:var(--font-sans);font-size:12px;color:var(--ink-muted);font-weight:400;margin-left:8px}.refresh-btn{display:flex;align-items:center;gap:4px;border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12px;color:#8b8ba7;transition:color .2s}.refresh-btn:hover{color:var(--violet-primary)}.refresh-btn svg{width:14px;height:14px}.refresh-btn.spinning svg{animation:needle-sway 1s linear infinite}.name-row{scroll-snap-type:x mandatory;scroll-padding-left:0}.name-row .name-card{width:auto;min-width:160px;scroll-snap-align:center;padding:20px 12px 16px}.unlock-banner{cursor:pointer;transition:transform .2s}.unlock-banner:active{transform:scale(.98)}.ub-lock-row{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.ub-lock-row svg{width:18px;height:18px;flex:none}.ub-line1{font-family:var(--font-serif);font-size:15px;color:#fff;font-weight:600}.ub-line2{font-family:var(--font-sans);font-size:13px;color:#e8def5;margin-top:6px;position:relative;z-index:1}.fortune-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.fortune-col{text-align:center}.fortune-col .fc-label{font-family:var(--font-sans);font-size:11px;color:#8b8ba7;margin-bottom:6px}.fortune-col .fc-value{font-family:var(--font-serif);font-size:14px;color:#1a1a2e;line-height:1.5}.fortune-col .fc-value.big{font-size:22px;font-weight:600;color:var(--gold-deep)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#1a123399;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .25s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-card{width:100%;max-width:430px;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--card-bg);border-radius:20px 20px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));margin-top:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);flex:none}.modal-overlay.open .modal-card{transform:translateY(0)}.modal-title{font-family:var(--font-serif);font-size:18px;color:#1a1a2e;font-weight:600;text-align:center}.modal-sub{font-family:var(--font-sans);font-size:12px;color:#8b8ba7;text-align:center;margin-top:4px}.modal-close{position:absolute;top:14px;right:18px;width:28px;height:28px;border:none;background:var(--card-tint);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close svg{width:14px;height:14px}.pay-plan{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:14px;position:relative}.pay-plan.gold{border-color:#c9a96166;background:linear-gradient(135deg,#c9a9610f,#fff)}.pay-plan.locked{opacity:.55;border-style:dashed}.pay-plan.locked .pay-btn{background:#c4b3e0;cursor:not-allowed}.pay-plan.locked .pp-lock-tip{font-family:var(--font-sans);font-size:11px;color:#8b8ba7;margin-top:8px;display:flex;align-items:center;gap:4px;justify-content:center}.pay-plan.locked .pp-lock-tip svg{width:13px;height:13px}.pay-plan.unlocked .pp-lock-tip,.pay-plan.unlocked .pp-step-tip{display:none}.pay-plan .pp-step-tip{font-family:var(--font-sans);font-size:11px;color:var(--gold-deep);margin-top:8px;display:flex;align-items:center;gap:4px;justify-content:center}.pay-plan .pp-head{display:flex;align-items:center;justify-content:space-between}.pay-plan .pp-name{font-family:var(--font-serif);font-size:16px;color:#1a1a2e;font-weight:600}.pay-plan .pp-price{font-family:var(--font-serif);font-size:20px;color:var(--gold-deep);font-weight:700}.pay-plan .pp-desc{font-family:var(--font-sans);font-size:12px;color:#3d3d5c;margin-top:6px;line-height:1.5}.pay-plan .pp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pay-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:8px;cursor:pointer;background:#8b7dc4;color:#fff;padding:12px;font-family:var(--font-sans);font-size:14px;font-weight:600;margin-top:14px;transition:filter .2s,transform .1s}.pay-btn:hover{filter:brightness(1.1)}.pay-btn:active{transform:scale(.98)}.pay-btn.gold{background:linear-gradient(135deg,#c9a961,#e8c97a);color:#2d1b69}.pay-btn.pay-btn-disabled{background:#d9d4e8;color:#8b8ba7;cursor:not-allowed;box-shadow:none}.pay-btn.pay-btn-disabled:hover{filter:none}.label-pick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.label-option{display:block;cursor:pointer}.label-option input{position:absolute;opacity:0;pointer-events:none}.label-option-box{display:flex;align-items:center;gap:10px;padding:14px;border-radius:12px;border:1.5px solid var(--line);background:var(--card-tint);transition:all .2s}.label-option-box.checked{border-color:var(--violet-primary);background:var(--violet-pale);box-shadow:0 2px 12px #6b4fbb26}.label-option-check{width:18px;height:18px;border-radius:50%;border:2px solid #C4B3E0;flex:none;position:relative;transition:all .2s}.label-option-box.checked .label-option-check{border-color:var(--violet-primary)}.label-option-box.checked .label-option-check:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--violet-primary)}.label-option-text{font-family:var(--font-serif);font-size:15px;color:var(--ink);font-weight:600}.dict-brand-bar{display:flex;align-items:center;justify-content:space-between;padding:20px}.dict-brand{display:flex;align-items:center;gap:9px}.dict-brand-logo{width:28px;height:28px;flex:none}.dict-brand-name{font-family:var(--font-serif);font-size:18px;color:#fff;font-weight:600;line-height:1.1;text-shadow:0 2px 16px rgba(45,27,105,.35)}.dict-brand-sub{font-family:var(--font-sans);font-size:11px;color:#f0ebff;font-weight:300;opacity:.92}.dict-back{width:32px;height:32px;flex:none;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:50%;text-decoration:none;cursor:pointer}.dict-back svg{width:16px;height:16px}.dict-hero{padding:16px 20px 20px}.dict-hero h1{font-family:var(--font-serif);font-size:24px;color:#fff;font-weight:600;letter-spacing:.02em;line-height:1.2;text-shadow:0 2px 20px rgba(45,27,105,.4)}.dict-hero-desc{font-family:var(--font-sans);font-size:13px;color:#6b4f9e;margin-top:8px}.dict-search{padding:0 20px;margin-bottom:16px}.search-box{display:flex;gap:8px;align-items:center}.search-input-wrap{position:relative;flex:1}.search-input-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none}.search-input{width:100%;border-radius:12px;border:1px solid rgba(196,179,224,.3);background:#ffffffeb;color:#1a1a2e;font-family:var(--font-sans);font-size:15px;padding:14px 16px 14px 42px;outline:none;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:#8b8ba7}.search-input:focus{border-color:#9b7ed4;box-shadow:0 0 0 3px #9b7ed426}.search-btn{border:none;border-radius:12px;cursor:pointer;background:var(--grad-cta);color:#fff;padding:14px 20px;font-family:var(--font-sans);font-size:14px;font-weight:600;transition:filter .2s,transform .1s;box-shadow:0 4px 16px #6b4fbb4d}.search-btn:hover{filter:brightness(1.1)}.search-btn:active{transform:scale(.98)}.char-detail .char-big{text-align:center;padding:24px 0 16px}.char-detail .char-big .char{font-family:var(--font-serif);font-size:64px;color:#1a1a2e;font-weight:600;line-height:1}.char-detail .char-big .pinyin{font-family:var(--font-mono);font-size:16px;color:#8b8ba7;margin-top:8px;letter-spacing:.1em}.char-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0 16px 20px;border-bottom:1px solid var(--line)}.char-section{padding:20px}.char-section.bordered{border-top:1px solid var(--line);padding-top:16px}.char-section .cs-title{font-family:var(--font-serif);font-size:14px;color:#1a1a2e;font-weight:600;margin-bottom:8px}.char-section .cs-body{font-family:var(--font-sans);font-size:14px;color:#3d3d5c;line-height:1.7}.char-section .cs-apply-tags{display:flex;gap:6px;margin-top:12px}.char-more{border-top:1px solid var(--line);padding:16px 20px;text-align:center;cursor:pointer}.char-more-link{font-family:var(--font-sans);font-size:13px;color:#6b4fbb;text-decoration:none}.char-more-detail{padding:0 20px 16px;font-family:var(--font-sans);font-size:13px;color:#3d3d5c;line-height:1.7;display:none}.char-more-detail.open{display:block;padding-top:8px;border-top:1px solid var(--line)}.wx-browse-head{display:flex;align-items:center;justify-content:space-between;padding:16px 4px 12px}.wx-browse-head .wb-title{font-family:var(--font-serif);font-size:16px;color:#2d1b69;font-weight:600}.wx-browse-head .wb-hint{font-family:var(--font-sans);font-size:12px;color:#6b4f9e}.wx-tabs{display:flex;gap:8px;margin-bottom:16px}.wx-tab{border:none;cursor:pointer;border-radius:9999px;padding:6px 16px;font-family:var(--font-sans);font-size:13px;font-weight:500;background:#ffffff14;color:#6b4f9e;transition:all .2s}.wx-tab.active{color:#fff}.wx-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.wx-cell{background:#fff;border-radius:10px;padding:12px 8px;text-align:center;cursor:pointer;box-shadow:0 2px 12px #2d1b6914;transition:transform .15s,box-shadow .15s}.wx-cell:active{transform:scale(.95)}.wx-cell:hover{box-shadow:0 4px 16px #2d1b691f}.wx-cell .wc-char{font-family:var(--font-serif);font-size:22px;color:#1a1a2e;font-weight:600}.wx-cell .wc-strokes{font-family:var(--font-mono);font-size:10px;color:#8b8ba7;margin-top:4px}@keyframes cell-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wx-cell.cell-in{opacity:0;animation:cell-in .4s cubic-bezier(.16,1,.3,1) forwards}.dict-loading{padding:24px;text-align:center;font-family:var(--font-sans);font-size:13px;color:#6b4f9e}.detail-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;margin-top:14px;padding:9px;border:1px solid rgba(139,125,196,.4);border-radius:8px;background:var(--violet-pale);color:var(--violet-primary);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .1s}.detail-btn:hover{background:#8b7dc42e;border-color:var(--violet-primary)}.detail-btn:active{transform:scale(.98)}.detail-hero{padding:28px 20px 8px;text-align:center}.detail-name{font-family:var(--font-serif);font-size:34px;color:#fff;font-weight:600;letter-spacing:.06em;text-shadow:0 2px 20px rgba(45,27,105,.4)}.detail-head-tags{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;flex-wrap:wrap}.detail-score{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--gold-light)}.detail-score .score-unit{font-size:11px;color:#e8def5;font-weight:400}.detail-body{font-family:var(--font-sans);font-size:14px;color:var(--ink-soft);line-height:1.8}.dc-chars{display:flex;flex-wrap:wrap;gap:10px}.dc-char{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--card-tint);border-radius:10px;padding:10px 14px;min-width:64px}.dc-char-ch{font-family:var(--font-serif);font-size:22px;color:var(--ink);font-weight:600}.dc-char-meta{font-family:var(--font-mono);font-size:10px;color:var(--ink-muted)}.detail-wx-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dw-label{font-family:var(--font-sans);font-size:12px;color:var(--ink-muted)}.zodiac-seal{width:30px;height:30px;flex:none;border-radius:6px;background:linear-gradient(135deg,#c9a961,#e8c97a);color:#2d1b69;font-family:var(--font-serif);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #c9a9614d}