:root {
  --ink: #071510;
  --ink-2: #0c211a;
  --ink-3: #123126;
  --paper: #f4f0e7;
  --paper-2: #e9e2d3;
  --jade: #87ad83;
  --jade-bright: #b8d29d;
  --jade-dark: #456d58;
  --gold: #c9a968;
  --gold-light: #e7d2a3;
  --line: rgba(204, 222, 202, .14);
  --text: #edf0e7;
  --muted: #92a29b;
  --serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;
  --sans: Inter, "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --shadow: 0 24px 80px rgba(0, 0, 0, .28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
[v-cloak] { display: none !important; }
::selection { color: var(--ink); background: var(--gold-light); }

.brand { display: inline-flex; align-items: center; gap: 12px; color: var(--text); }
.brand:hover { color: var(--text); }
.brand-seal { position: relative; display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid rgba(218, 192, 128, .72); border-radius: 52% 48% 46% 54% / 48% 54% 46% 52%; overflow: visible; background: radial-gradient(circle at 44% 38%, rgba(229, 207, 151, .1), transparent 45%), #091a14; transform: rotate(-2deg); box-shadow: inset 0 0 0 3px rgba(201, 169, 104, .045), 0 0 20px rgba(201, 169, 104, .08); transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease; }
.brand-seal::before { content: ""; position: absolute; inset: 4px; border: 1px solid rgba(201, 169, 104, .22); border-radius: 50%; transform: rotate(8deg); }
.brand-seal::after { content: ""; position: absolute; left: -2px; bottom: 7px; width: 5px; height: 5px; border: 1px solid rgba(201, 169, 104, .42); background: var(--ink); transform: rotate(45deg); }
.qian-lines { position: relative; z-index: 1; display: flex; flex-direction: column; width: 51%; gap: 2px; transform: rotate(1deg); transition: transform .35s ease; }
.qian-lines i { display: block; width: 100%; height: 1.5px; border-radius: 2px; background: linear-gradient(90deg, #9c7c43, #f0d89e 22%, #c9a968 78%, #8d6d37); box-shadow: 0 0 4px rgba(231, 210, 163, .24); }
.qian-lines i:nth-child(3) { margin-bottom: 2px; }
.seal-dot { position: absolute; z-index: 2; right: 6px; bottom: 5px; width: 3px; height: 3px; border-radius: 50%; background: #a95749; box-shadow: 0 0 0 2px rgba(169, 87, 73, .1); }
.brand:hover .brand-seal { border-color: rgba(231, 210, 163, .95); box-shadow: inset 0 0 0 3px rgba(201, 169, 104, .065), 0 0 26px rgba(201, 169, 104, .15); transform: rotate(0); }
.brand:hover .qian-lines { transform: translateY(-.5px) rotate(0); }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { margin-right: -.3em; font: 700 20px var(--serif); letter-spacing: .3em; }
.brand-copy small { margin-top: 6px; color: #71867c; font-size: 8px; letter-spacing: .28em; }
.eyebrow { display: flex; align-items: center; gap: 12px; color: var(--gold); font-size: 12px; font-weight: 700; letter-spacing: .28em; text-transform: uppercase; }
.eyebrow-line { width: 28px; height: 1px; background: var(--gold); }
.btn { border-radius: 5px; font-weight: 700; }
.btn-jade { --bs-btn-color: #071510; --bs-btn-bg: var(--jade-bright); --bs-btn-border-color: var(--jade-bright); --bs-btn-hover-color: #071510; --bs-btn-hover-bg: #c8dfb2; --bs-btn-hover-border-color: #c8dfb2; padding: 11px 20px; box-shadow: 0 10px 35px rgba(140, 181, 136, .14); }
.btn-jade span { margin-left: 12px; }
.btn-ink { color: var(--gold-light); border: 1px solid rgba(201,169,104,.45); background: rgba(15,38,29,.8); }
.btn-ink:hover { color: white; border-color: var(--gold); background: var(--ink-3); }
.section-pad { padding: 118px 0; }

/* Landing */
.landing-page { overflow-x: hidden; }
.ambient-layer { position: fixed; inset: 0; pointer-events: none; z-index: -1; overflow: hidden; background: radial-gradient(circle at 75% 20%, rgba(62,111,80,.14), transparent 32%), radial-gradient(circle at 10% 65%, rgba(160,125,59,.07), transparent 28%); }
.ambient-layer span { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: var(--gold-light); opacity: .28; box-shadow: 14vw 12vh 0 rgba(255,255,255,.3), 32vw 24vh 0 rgba(255,255,255,.16), 52vw 8vh 0 rgba(255,255,255,.22), 76vw 38vh 0 rgba(255,255,255,.16), 88vw 16vh 0 rgba(255,255,255,.22), 21vw 76vh 0 rgba(255,255,255,.14), 64vw 83vh 0 rgba(255,255,255,.2), 93vw 70vh 0 rgba(255,255,255,.16); animation: stars 8s ease-in-out infinite alternate; }
.ambient-layer span:nth-child(2) { top: 30%; left: 8%; transform: rotate(35deg); animation-delay: -3s; }
.ambient-layer span:nth-child(3) { top: 60%; left: -10%; transform: rotate(70deg); animation-delay: -5s; }
@keyframes stars { to { opacity: .6; transform: translateY(-10px); } }
.xuanshu-nav { min-height: 82px; transition: .35s ease; border-bottom: 1px solid transparent; }
.xuanshu-nav.scrolled { min-height: 68px; background: rgba(7,21,16,.9); border-color: rgba(201,169,104,.12); backdrop-filter: blur(20px); }
.xuanshu-nav .nav-link { color: #9cac9f; font-size: 13px; letter-spacing: .08em; }
.xuanshu-nav .nav-link:hover { color: var(--gold-light); }
.nav-actions { display: flex; align-items: center; gap: 20px; }
.nav-login { color: #b9c3bb; font-size: 13px; }
.hero-section { position: relative; min-height: 100vh; padding: 145px 0 70px; display: flex; align-items: center; border-bottom: 1px solid rgba(201,169,104,.08); }
.hero-section::before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(160,180,160,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(160,180,160,.07) 1px, transparent 1px); background-size: 80px 80px; mask-image: radial-gradient(circle at 70% 45%, black, transparent 65%); }
.hero-container { position: relative; }
.hero-copy h1 { margin: 24px 0 26px; color: #f2f0e7; font: 500 clamp(52px, 6.2vw, 92px)/1.15 var(--serif); letter-spacing: .03em; }
.hero-copy h1 em { color: var(--jade-bright); font-style: normal; position: relative; }
.hero-copy h1 em::after { content: ""; position: absolute; left: 5px; right: -5px; bottom: -5px; height: 7px; border-top: 1px solid var(--gold); border-radius: 50%; opacity: .7; }
.hero-lead { max-width: 600px; color: #a9b5ae; font: 17px/1.9 var(--serif); letter-spacing: .08em; }
.hero-actions { display: flex; align-items: center; gap: 34px; margin: 38px 0 42px; }
.hero-actions .btn { padding: 15px 23px; font-size: 14px; }
.btn-text { color: #c5cdc7; font-size: 13px; }
.btn-text:hover { color: var(--gold-light); }
.play-mark { display: inline-grid; place-items: center; width: 31px; height: 31px; margin-right: 8px; border: 1px solid rgba(201,169,104,.4); border-radius: 50%; color: var(--gold); font-size: 8px; }
.hero-proof { display: flex; align-items: center; gap: 16px; }
.avatar-stack { display: flex; }
.avatar-stack span { display: grid; place-items: center; width: 36px; height: 36px; margin-left: -8px; border: 2px solid var(--ink); border-radius: 50%; color: var(--ink); background: var(--gold-light); font: 14px var(--serif); }
.avatar-stack span:first-child { margin-left: 0; background: #98b795; }
.avatar-stack span:last-child { background: #c4a9a0; }
.hero-proof p { display: flex; flex-direction: column; margin: 0; }
.hero-proof strong { color: #dde4dc; font-size: 12px; }
.hero-proof small { margin-top: 4px; color: #65776e; font-size: 10px; letter-spacing: .08em; }
.cosmos-stage { position: relative; width: min(470px, 90vw); aspect-ratio: 1; margin: 0 auto; display: grid; place-items: center; filter: drop-shadow(0 30px 60px rgba(0,0,0,.45)); }
.cosmos-stage::before { content: ""; position: absolute; inset: 6%; border-radius: 50%; background: radial-gradient(circle, rgba(158,199,153,.12) 0 17%, transparent 18% 31%, rgba(201,169,104,.06) 32% 33%, transparent 34% 100%); box-shadow: inset 0 0 70px rgba(112,152,119,.08), 0 0 70px rgba(117,158,123,.05); }
.orbit { position: absolute; inset: 3%; border: 1px solid rgba(201,169,104,.22); border-radius: 50%; animation: orbit 38s linear infinite; }
.orbit i { position: absolute; display: grid; place-items: center; width: 52px; height: 25px; color: #8fa097; background: var(--ink); font: normal 10px var(--serif); letter-spacing: .12em; }
.orbit i:nth-child(1) { left: 15%; top: 8%; }.orbit i:nth-child(2) { right: -4%; top: 48%; }.orbit i:nth-child(3) { left: 20%; bottom: 5%; }
.orbit-mid { inset: 19%; border-style: dashed; animation-direction: reverse; animation-duration: 28s; }
.orbit-mid i:nth-child(1) { left: 6%; top: 8%; }.orbit-mid i:nth-child(2) { right: -8%; top: 48%; }.orbit-mid i:nth-child(3) { left: 17%; bottom: 2%; }
@keyframes orbit { to { transform: rotate(360deg); } }
.bagua-ring { position: absolute; inset: 29%; border: 1px solid rgba(137,180,137,.28); border-radius: 50%; animation: orbit 50s linear infinite; }
.bagua-ring span { position: absolute; color: #82958a; font: 15px var(--serif); transform-origin: center; }
.bagua-ring span:nth-child(1){left:47%;top:-13px}.bagua-ring span:nth-child(2){right:6%;top:12%}.bagua-ring span:nth-child(3){right:-7px;top:48%}.bagua-ring span:nth-child(4){right:8%;bottom:10%}.bagua-ring span:nth-child(5){left:47%;bottom:-14px}.bagua-ring span:nth-child(6){left:8%;bottom:10%}.bagua-ring span:nth-child(7){left:-7px;top:48%}.bagua-ring span:nth-child(8){left:8%;top:12%}
.cosmos-core { z-index: 2; display: flex; flex-direction: column; align-items: center; }
.cosmos-core small { color: #65786f; font: 10px var(--serif); letter-spacing: .35em; }
.cosmos-core strong { color: var(--gold-light); font: 88px/1.05 var(--serif); text-shadow: 0 0 35px rgba(201,169,104,.2); }
.cosmos-core span { color: #4f665b; font-size: 8px; letter-spacing: .55em; }
.floating-note { position: absolute; display: flex; flex-direction: column; gap: 3px; padding: 9px 13px; border-left: 1px solid var(--gold); background: rgba(12,33,26,.72); backdrop-filter: blur(10px); animation: float 4s ease-in-out infinite alternate; }
.floating-note b { color: var(--gold-light); font: 12px var(--serif); letter-spacing: .18em; }.floating-note span { color: #73877d; font-size: 8px; }
.note-one { top: 17%; right: 3%; }.note-two { left: 2%; bottom: 23%; animation-delay: -1s; }.note-three { right: 8%; bottom: 10%; animation-delay: -2.5s; }
@keyframes float { to { transform: translateY(-9px); } }
.scroll-hint { position: absolute; left: 50%; bottom: -10px; display: flex; flex-direction: column; align-items: center; gap: 9px; color: #53665d; font-size: 8px; letter-spacing: .25em; transform: translateX(-50%); }
.scroll-hint span { width: 1px; height: 39px; background: linear-gradient(var(--gold), transparent); }
.section-heading h2 { margin: 18px 0; font: 500 clamp(38px, 4vw, 58px)/1.28 var(--serif); }.section-heading h2 span { color: var(--jade-bright); }.section-heading > p { max-width: 650px; color: #879990; line-height: 1.9; font-family: var(--serif); }
.center-heading { text-align: center; }.center-heading > p { margin: 0 auto; }
.arts-section { background: linear-gradient(180deg, rgba(13,35,27,.75), rgba(7,21,16,0)); }
.arts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 56px; }
.art-card { position: relative; min-height: 250px; padding: 28px; overflow: hidden; border: 1px solid rgba(184,210,157,.12); background: linear-gradient(145deg, rgba(22,52,40,.6), rgba(9,25,19,.75)); transition: transform .45s, border-color .45s, opacity .6s; opacity: 0; transform: translateY(18px); }
.art-card.is-visible { opacity: 1; transform: translateY(0); }.art-card:hover { transform: translateY(-6px); border-color: rgba(201,169,104,.38); }
.art-card::after { content:""; position:absolute; right:-40px; bottom:-60px; width:150px; height:150px; border:1px solid rgba(255,255,255,.05); border-radius:50%; box-shadow:0 0 0 25px rgba(255,255,255,.012),0 0 0 50px rgba(255,255,255,.01); }
.art-card:nth-child(2) { transition-delay: .08s; }.art-card:nth-child(3) { transition-delay: .16s; }.art-card:nth-child(4) { transition-delay: .24s; }.art-card:nth-child(5) { transition-delay: .32s; }.art-card:nth-child(6) { transition-delay: .40s; }
.art-card-top { display:flex; justify-content:space-between; align-items:flex-start; }.art-glyph { display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(201,169,104,.25); color:var(--gold-light); font:24px var(--serif); }.art-index { color:#40564c; font:11px var(--serif); letter-spacing:.2em; }
.art-card h3 { margin:24px 0 9px; font:22px var(--serif); }.art-card p { color:#71847a; font:13px/1.7 var(--serif); }.art-card a { position:absolute; left:28px; bottom:27px; color:#aebdb4; font-size:11px; letter-spacing:.14em; }.art-card a span { margin-left:10px; color:var(--gold); }
.art-violet .art-glyph{color:#c5b8d8}.art-gold .art-glyph{color:#e0c78d}.art-rose .art-glyph{color:#d2a9a5}.art-jade .art-glyph{color:#a9c89e}.art-blue .art-glyph{color:#9bb8cd}.art-cyan .art-glyph{color:#9dc9c2}
.wushu-section { background: #e9e5da; color: #15251e; position:relative; }.wushu-section::before { content:"五术"; position:absolute; left:2%; top:2%; color:rgba(22,42,33,.035); font:220px var(--serif); writing-mode:vertical-rl; }
.wushu-section .eyebrow { color:#997a3d; }.wushu-section .eyebrow-line { background:#997a3d; }.wushu-section .section-heading h2 span{color:#4c765d}.wushu-section .section-heading>p{color:#617066}.wushu-quote { display:flex; gap:12px; margin-top:40px; padding:22px; border-left:2px solid #9c7d42; background:rgba(255,255,255,.35); }.wushu-quote>span{color:#9c7d42;font:50px/1 var(--serif)}.wushu-quote p{margin:5px 0;color:#536259;font:14px/1.8 var(--serif)}
.wushu-list { border-top:1px solid rgba(21,44,33,.15); }.wushu-list article { display:grid; grid-template-columns:36px 48px 1fr; gap:18px; align-items:center; padding:21px 4px; border-bottom:1px solid rgba(21,44,33,.15); transition:.3s; }.wushu-list article:hover{padding-left:12px;background:rgba(255,255,255,.25)}.wushu-number{color:#9a8c73;font-size:9px}.wushu-seal{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(84,115,94,.45);color:#416851;font:20px var(--serif);transform:rotate(3deg)}.wushu-list h3{margin:0 0 6px;font:18px var(--serif)}.wushu-list p{margin:0;color:#68766d;font:12px/1.6 var(--serif)}
.wushu-content{min-width:0}.wushu-content>p{max-width:610px}.wushu-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:13px}.wushu-branches.two-branches{grid-template-columns:repeat(2,minmax(0,1fr))}.wushu-branches>span{display:flex;flex-direction:column;min-height:92px;padding:10px;border:1px solid rgba(62,93,72,.16);background:rgba(255,255,255,.27)}.wushu-branches b{color:#315d46;font:12px var(--serif)}.wushu-branches em{margin-top:6px;color:#6c786f;font:normal 9px/1.65 var(--serif)}
.wushu-list .divination-entry{align-items:start;padding-top:25px;padding-bottom:28px}.divination-entry>.wushu-number{padding-top:14px}.divination-entry>.wushu-seal{margin-top:4px}.divination-families{display:grid;gap:7px;margin-top:14px}.divination-families section{padding:12px 14px;border:1px solid rgba(54,88,67,.19);background:rgba(255,255,255,.3)}.divination-families header{display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid rgba(37,72,51,.1)}.divination-families header b{color:#315d46;font:14px var(--serif)}.divination-families header small{color:#9b814c;font-size:8px;letter-spacing:.13em}.divination-families section>p{margin:8px 0;color:#66746b;font:10px/1.7 var(--serif)}.divination-families section>div{display:flex;flex-wrap:wrap;gap:5px}.divination-families section>div span{padding:4px 7px;border:1px solid rgba(53,91,66,.2);color:#466b56;background:rgba(238,242,233,.55);font:9px var(--serif)}.divination-families .folk-branch{border-style:dashed;background:rgba(147,117,66,.045)}.divination-families .folk-branch header b{color:#806b47}.divination-families .folk-branch section>div span{color:#806b47}
.process-section { background: radial-gradient(circle at 50% 100%, rgba(86,126,95,.12), transparent 45%); }.process-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:30px;align-items:center;margin-top:65px}.process-line article{text-align:center;padding:35px 20px;border-top:1px solid rgba(201,169,104,.28)}.process-line article>span{display:grid;place-items:center;width:48px;height:48px;margin:-60px auto 26px;border:1px solid rgba(201,169,104,.45);border-radius:50%;color:var(--gold);background:var(--ink);font:15px var(--serif)}.process-line h3{font:20px var(--serif)}.process-line p{color:#74867c;font:12px/1.8 var(--serif)}.process-line>i{color:#4c6156;font-style:normal}
.cta-section{padding:20px 0 100px}.cta-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 65px;overflow:hidden;background:#a9c794;color:#0d2419}.cta-panel::after{content:"";position:absolute;right:16%;top:-100px;width:270px;height:270px;border:1px solid rgba(7,30,18,.12);border-radius:50%;box-shadow:0 0 0 38px rgba(7,30,18,.04),0 0 0 76px rgba(7,30,18,.03)}.cta-symbol{color:rgba(11,38,24,.16);font-size:90px}.cta-panel>div:nth-child(2){z-index:1;flex:1}.cta-panel span{font-size:10px;letter-spacing:.28em}.cta-panel h2{margin:10px 0 0;font:34px/1.5 var(--serif)}.cta-panel .btn{z-index:2;min-width:145px;padding:14px 20px;background:#f1eee5;border:0;color:#183328}
.site-footer{padding:55px 0 25px;border-top:1px solid var(--line);background:#05110d}.footer-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:45px}.footer-main>p{margin:0;color:#63766c;font:12px var(--serif)}.footer-links{display:flex;gap:25px;color:#83958b;font-size:11px}.footer-links a:hover{color:var(--gold-light)}.footer-bottom{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);color:#415249;font-size:9px;letter-spacing:.08em}

/* Auth */
.auth-page{min-height:100vh;background:#071510}.auth-shell{min-height:100vh;display:grid;grid-template-columns:42% 58%;position:relative}.auth-brand{position:absolute;z-index:3;left:45px;top:35px}.auth-aside{position:relative;display:flex;align-items:flex-end;padding:65px;overflow:hidden;background:radial-gradient(circle at 52% 42%,rgba(96,143,102,.2),transparent 25%),linear-gradient(145deg,#0c281e,#06130e)}.auth-aside::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(black,transparent 85%)}.auth-orbit{position:absolute;left:50%;top:47%;width:350px;height:350px;border:1px solid rgba(201,169,104,.18);border-radius:50%;transform:translate(-50%,-50%);animation:orbit-auth 35s linear infinite}.auth-orbit::before,.auth-orbit::after{content:"";position:absolute;border:1px dashed rgba(150,190,154,.15);border-radius:50%}.auth-orbit::before{inset:45px}.auth-orbit::after{inset:105px}.auth-orbit strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--gold-light);font-size:78px;font-weight:400;text-shadow:0 0 40px rgba(201,169,104,.2)}.auth-orbit>span{position:absolute;color:#789181;font:22px var(--serif)}.auth-orbit>span:first-child{top:-15px;left:48%}.auth-orbit>span:nth-child(2){bottom:-15px;left:48%}@keyframes orbit-auth{to{transform:translate(-50%,-50%) rotate(360deg)}}.auth-aside-copy{position:relative;z-index:2;padding-left:20px;border-left:1px solid var(--gold)}.auth-aside-copy p{margin:0 0 8px;color:#d4dbd4;font:18px var(--serif);letter-spacing:.12em}.auth-aside-copy span{color:#667970;font-size:10px}.auth-main{display:grid;place-items:center;padding:90px 35px;background:#f0ede5;color:#192a22}.auth-card{width:min(430px,100%)}.auth-card .eyebrow{color:#8b713c}.auth-card .eyebrow-line{background:#8b713c}.auth-card h1{margin:18px 0 10px;font:38px var(--serif)}.auth-card>p{margin-bottom:34px;color:#778178;font:13px var(--serif)}.auth-card form>label{display:block;margin:17px 0 8px;color:#45534b;font-size:11px;font-weight:700;letter-spacing:.08em}.field-wrap{display:flex;align-items:center;height:51px;border:1px solid #d4d0c5;background:#f8f6f0;transition:.2s}.field-wrap:focus-within{border-color:#78977d;box-shadow:0 0 0 3px rgba(95,135,102,.09)}.field-wrap>span{display:grid;place-items:center;width:47px;color:#8b7a58;font:14px var(--serif);border-right:1px solid #ded9ce}.field-wrap input{flex:1;min-width:0;height:100%;border:0;outline:0;padding:0 13px;background:transparent;color:#18271f;font-size:13px}.field-wrap button{border:0;background:transparent;color:#77837b;font-size:10px;padding:10px}.auth-options{display:flex;justify-content:space-between;align-items:center;min-height:44px;color:#818b84;font-size:10px}.check-label{display:flex;gap:6px;align-items:center}.check-label input{accent-color:#55755d}.muted-link{color:#9c9e98}.auth-submit{width:100%;height:52px;border-radius:2px!important;background:#204b38!important;border-color:#204b38!important;color:#f5f2e9!important;box-shadow:0 12px 30px rgba(31,73,54,.2)}.auth-submit:disabled{opacity:.65}.auth-submit span{float:right}.form-error{margin:8px 0 10px;padding:9px 11px;border-left:2px solid #a55c52;background:rgba(151,73,65,.09);color:#9f4d45;font-size:11px}.auth-switch{text-align:center;margin-top:24px;color:#7d867f;font-size:11px}.auth-switch a{color:#37634a;font-weight:700;margin-left:5px}.back-home{display:block;text-align:center;margin-top:25px;color:#9aa19b;font-size:10px}

/* Dashboard shell */
.dashboard-page{min-height:100vh;background:#081510}.app-shell{min-height:100vh}.app-topbar{position:fixed;z-index:30;left:0;right:0;top:0;height:72px;display:flex;align-items:center;padding:0 25px;border-bottom:1px solid rgba(201,169,104,.13);background:rgba(6,18,13,.96);backdrop-filter:blur(16px)}.app-topbar .brand{width:255px}.app-topbar .brand-seal{width:35px;height:35px;font-size:19px}.app-topbar .brand-copy strong{font-size:17px}.topbar-center{display:flex;align-items:center;gap:8px;color:#667a6e;font-size:9px;letter-spacing:.12em}.status-dot{width:6px;height:6px;border-radius:50%;background:#82b77a;box-shadow:0 0 9px #82b77a}.topbar-center i{width:1px;height:12px;background:#2e4237;margin:0 6px}.topbar-user{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-button,.logout-button{border:1px solid #263a30;background:transparent;color:#7f9287;font-size:10px}.icon-button{width:34px;height:34px;border-radius:50%}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#a9c794;color:#173022;font:15px var(--serif)}.user-copy{display:flex;flex-direction:column;min-width:72px}.user-copy strong{color:#ced8d0;font-size:11px}.user-copy small{margin-top:2px;color:#52655b;font-size:8px}.logout-button{padding:5px 9px;border-radius:3px}.app-sidebar{position:fixed;z-index:20;left:0;top:72px;bottom:0;width:270px;display:flex;flex-direction:column;padding:24px 14px 18px;border-right:1px solid rgba(201,169,104,.1);background:#07130f}.sidebar-label{padding:0 11px 13px;color:#4e6257;font-size:8px;letter-spacing:.28em}.method-nav{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;width:100%;padding:11px;border:1px solid transparent;border-radius:5px;background:transparent;color:#7d9185;text-align:left;transition:.25s}.method-nav:hover{background:#0c2119;color:#bdc9c0}.method-nav.active{border-color:rgba(184,210,157,.15);background:linear-gradient(90deg,rgba(77,112,83,.22),rgba(18,44,33,.28));color:#eef1e9}.method-glyph{display:grid;place-items:center;width:38px;height:38px;border:1px solid #2c4438;font:18px var(--serif);color:var(--gold-light);background:#0c2119}.method-nav>span:nth-child(2){display:flex;flex-direction:column}.method-nav strong{font:13px var(--serif);letter-spacing:.08em}.method-nav small{margin-top:4px;color:#53675c;font-size:8px}.method-nav>i{font-style:normal;color:#455a4f}.method-nav.active>i{color:var(--gold)}.accent-violet{color:#c5b8d8!important}.accent-gold{color:#e0c78d!important}.accent-rose{color:#d2a9a5!important}.accent-jade{color:#a9c89e!important}.accent-blue{color:#9bb8cd!important}.accent-cyan{color:#9dc9c2!important}.sidebar-spacer{flex:1}.sidebar-note{display:flex;gap:10px;margin:14px 6px;padding:13px;border:1px solid rgba(201,169,104,.12);background:rgba(201,169,104,.035)}.sidebar-note>span{color:var(--gold);font:16px var(--serif)}.sidebar-note p{margin:0;color:#52655b;font-size:8px;line-height:1.7}.sidebar-note strong{display:block;margin-bottom:4px;color:#85978d;font-size:9px}.sidebar-home{padding:10px;color:#50645a;font-size:9px;text-align:center}.app-workspace{min-height:100vh;margin-left:270px;padding:105px 35px 65px;background:radial-gradient(circle at 76% 10%,rgba(50,96,67,.08),transparent 26%),#0a1813}.workspace-head{max-width:1440px;margin:0 auto 28px;display:flex;align-items:flex-end;justify-content:space-between}.workspace-kicker{color:var(--gold);font:10px var(--serif);letter-spacing:.2em}.workspace-head h1{margin:8px 0 5px;font:30px var(--serif)}.workspace-head p{margin:0;color:#62766a;font:10px var(--serif)}.history-trigger{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #263d31;border-radius:4px;background:#0d221a;color:#81958a;font-size:10px}.history-trigger b{display:grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:#1e3c2d;color:#adc3b4;font-size:8px}.workspace-grid{display:grid;grid-template-columns:minmax(330px,390px) minmax(570px,1fr);gap:24px;max-width:1440px;margin:auto;align-items:start}.panel-card,.chart-card{border:1px solid rgba(171,196,174,.12);border-radius:6px;background:linear-gradient(150deg,rgba(18,43,33,.87),rgba(9,26,19,.94));box-shadow:0 18px 50px rgba(0,0,0,.16)}.input-panel{position:sticky;top:95px;padding:23px}.panel-heading,.chart-card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid rgba(180,201,183,.1)}.panel-heading>div,.chart-card-head>div{display:flex;align-items:center;gap:10px}.panel-heading>div>span,.chart-card-head>div>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(201,169,104,.35);color:var(--gold);font:12px var(--serif)}.panel-heading h2,.chart-card-head h3{margin:0;font:16px var(--serif)}.panel-heading>small,.chart-card-head>small{max-width:65%;color:#54685d;font-size:8px;text-align:right}.input-panel form{padding-top:18px}.form-label{display:flex;justify-content:space-between;margin:13px 0 7px;color:#9aaba1;font-size:9px;letter-spacing:.08em}.form-label span{color:#506259}.input-panel textarea,.input-panel input,.input-panel select{width:100%;border:1px solid #263c31;border-radius:3px;outline:0;background:#081710;color:#c9d4cc;font-size:11px;transition:.2s}.input-panel textarea{padding:12px;resize:vertical;line-height:1.7}.input-panel input,.input-panel select{height:43px;padding:0 10px;color-scheme:dark}.input-panel textarea:focus,.input-panel input:focus,.input-panel select:focus{border-color:#54765e;box-shadow:0 0 0 3px rgba(84,118,94,.08)}.char-count{text-align:right;margin-top:4px;color:#40544a;font-size:8px}.field-row{display:grid;grid-template-columns:1.55fr .8fr;gap:10px}.special-field small{display:block;margin-top:6px;color:#50645a;font-size:8px;line-height:1.6}.form-tip{display:flex;gap:10px;margin:20px 0 15px;padding:11px;border:1px solid rgba(201,169,104,.12);background:rgba(201,169,104,.035)}.form-tip>span{color:var(--gold);font:15px var(--serif)}.form-tip p{margin:0;color:#5d7166;font-size:8px;line-height:1.7}.input-panel .form-error{color:#d28e85;background:rgba(155,73,66,.08)}.calculate-button{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;width:100%;height:49px;border:0;border-radius:3px;background:linear-gradient(90deg,#91b487,#b7ce9c);color:#0b2116;box-shadow:0 12px 30px rgba(96,140,95,.14);font-size:11px}.calculate-button:disabled{opacity:.55}.button-mark{font-size:20px}.calculate-button i{font-style:normal}.submit-note{text-align:center;margin:9px 0 0;color:#405149;font-size:7px}.empty-result,.loading-result{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-compass{position:relative;width:230px;height:230px;display:grid;place-items:center;border:1px solid rgba(201,169,104,.18);border-radius:50%;box-shadow:inset 0 0 50px rgba(118,159,124,.06),0 0 0 28px rgba(201,169,104,.018),0 0 0 29px rgba(201,169,104,.08)}.empty-compass::before{content:"";position:absolute;inset:34px;border:1px dashed rgba(139,180,140,.2);border-radius:50%;animation:orbit 30s linear infinite}.empty-compass strong{color:var(--gold-light);font-size:60px;font-weight:400}.empty-compass>span{position:absolute;color:#687c71;font:17px var(--serif)}.empty-compass>span:first-child{top:-11px}.empty-compass>span:nth-child(2){bottom:-11px}.empty-compass>i{position:absolute;inset:-14px;border-top:1px solid rgba(159,191,155,.3);border-bottom:1px solid rgba(159,191,155,.3);border-radius:50%;animation:orbit 18s linear infinite reverse}.empty-eyebrow{margin-top:65px;color:var(--gold);font-size:8px;letter-spacing:.35em}.empty-result h2,.loading-result h2{margin:13px 0 8px;font:25px var(--serif)}.empty-result>p,.loading-result>p{color:#586c61;font:10px var(--serif)}.empty-features{display:flex;align-items:center;gap:10px;margin-top:22px;color:#51645a;font-size:8px}.empty-features i{width:3px;height:3px;border-radius:50%;background:var(--gold)}.loading-compass{position:relative;display:grid;place-items:center;width:100px;height:100px}.loading-compass span{position:absolute;inset:0;border:1px solid rgba(201,169,104,.15);border-top-color:var(--gold);border-radius:50%;animation:orbit 1.4s linear infinite}.loading-compass i{font-style:normal;color:var(--gold-light);font-size:35px}.loading-bar{width:180px;height:2px;margin-top:20px;background:#172b21;overflow:hidden}.loading-bar i{display:block;width:45%;height:100%;background:var(--jade);animation:loading 1.2s ease-in-out infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(230%)}}
.chart-result{display:flex;flex-direction:column;gap:15px}.result-titlebar{display:flex;justify-content:space-between;align-items:flex-start;padding:3px 2px 10px}.result-titlebar>div:first-child>span{color:var(--gold);font-size:8px;letter-spacing:.15em}.result-titlebar h2{margin:5px 0 3px;font:24px var(--serif)}.result-titlebar p{margin:0;color:#778a7e;font:10px var(--serif)}.result-actions{display:flex;gap:6px}.result-actions button{border:1px solid #294034;border-radius:3px;background:#0c2119;color:#71867a;font-size:8px;padding:7px 9px}.chart-card{padding:21px}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.pillar-grid article{display:flex;flex-direction:column;align-items:center;padding:13px 5px;border:1px solid #284034;background:rgba(6,19,13,.45)}.pillar-grid article>span{color:#60746a;font-size:8px}.pillar-grid strong{font:27px/1.25 var(--serif);color:#e3e7df}.pillar-grid strong:nth-of-type(2){color:var(--gold-light)}.pillar-grid em{margin-top:7px;color:#94a69b;font-size:8px;font-style:normal}.pillar-grid small{margin-top:7px;color:#52665b;font-size:7px}.element-balance{padding:13px 15px;border:1px solid rgba(201,169,104,.1);background:rgba(201,169,104,.025)}.balance-title{display:flex;justify-content:space-between;margin-bottom:10px;color:#819488;font-size:9px}.balance-title small{color:var(--gold)}.element-row{display:grid;grid-template-columns:18px 1fr 15px;gap:8px;align-items:center;margin:6px 0}.element-row b,.element-row span{font-size:8px;color:#7c8f84}.element-row>div{height:4px;border-radius:2px;background:#172b21;overflow:hidden}.element-row i{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,#688d6c,#c6b173)}
.ziwei-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:16px}.ziwei-grid article{min-height:107px;padding:9px;border:1px solid #263d31;background:rgba(7,21,15,.55)}.ziwei-grid article.highlight{border-color:rgba(201,169,104,.65);background:rgba(201,169,104,.055)}.ziwei-grid header{display:flex;justify-content:space-between;color:#6f8377;font-size:8px}.ziwei-grid header b{color:#a9b8af;font:11px var(--serif)}.ziwei-grid article>div{display:flex;flex-wrap:wrap;gap:3px;margin-top:11px}.ziwei-grid em{padding:2px 3px;color:#e4cf9d;background:rgba(201,169,104,.08);font:normal 9px var(--serif)}.ziwei-grid em.minor-star{color:#8da39a;background:transparent;font-size:8px}.ziwei-grid footer{display:flex;justify-content:flex-end;gap:3px;margin-top:8px}.ziwei-grid footer span{display:grid;place-items:center;width:16px;height:16px;border:1px solid #8f7441;color:var(--gold);font-size:7px}
.hexagram-trio{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:18px}.hexagram-view{text-align:center}.hexagram-view>span{color:#65786d;font-size:8px}.hex-lines{display:flex;flex-direction:column;gap:5px;width:58px;margin:10px auto}.hex-lines i,.liuyao-lines i{position:relative;display:block;width:58px;height:6px;background:linear-gradient(90deg,var(--gold-light) 0 43%,transparent 43% 57%,var(--gold-light) 57%)}.hex-lines i.yang,.liuyao-lines i.yang{background:var(--gold-light)}.hex-lines i.moving{box-shadow:0 0 0 2px rgba(165,99,83,.4)}.hexagram-view strong{display:block;font:13px var(--serif)}.hexagram-view small{display:block;margin-top:3px;color:#4d6257;font-size:7px}.hex-arrow{display:flex;flex-direction:column;color:#64786c;text-align:center}.hex-arrow small{color:#8a7448;font-size:7px}.body-use{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:11px;border-top:1px solid #24392e;color:#83968a;font-size:9px}.body-use i{color:var(--gold);font-style:normal}.body-use p{flex-basis:100%;margin:0;text-align:center;color:#566a5f;font-size:8px}
.liuyao-layout{display:grid;grid-template-columns:1.4fr .7fr;gap:25px;margin-top:17px}.liuyao-lines{display:flex;flex-direction:column;gap:8px}.liuyao-lines>div{display:grid;grid-template-columns:26px 70px 20px 1fr;gap:8px;align-items:center;padding:3px 8px;border-left:2px solid transparent}.liuyao-lines>div.moving{border-color:#a76f5f;background:rgba(167,111,95,.06)}.liuyao-lines span,.liuyao-lines b,.liuyao-lines em{color:#6b7f73;font-size:8px;font-style:normal}.liuyao-lines b{color:var(--gold-light)}.liuyao-lines>div.moving em{color:#c79789}.liuyao-names{display:grid;place-content:center;text-align:center;border-left:1px solid #253a2f}.liuyao-names span{color:#586c60;font-size:8px}.liuyao-names strong{margin:4px 0;font:15px var(--serif)}.liuyao-names i{margin:6px;color:var(--gold);font:normal 10px var(--serif)}
.qimen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:16px}.qimen-grid article{min-height:96px;padding:9px;border:1px solid #273e32;background:rgba(6,19,13,.5)}.qimen-grid header,.qimen-grid footer{display:flex;justify-content:space-between;color:#52665b;font-size:7px}.qimen-grid header b{color:#7d9185}.qimen-grid article>div{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:14px 0}.qimen-grid strong{color:var(--gold-light);font:15px var(--serif)}.qimen-grid em{color:#9bada3;font:normal 10px var(--serif)}.qimen-grid footer{justify-content:center}
.liuren-plate{position:relative;margin:17px auto;width:min(430px,100%);aspect-ratio:1.9;border:1px solid #2a4235;background:radial-gradient(circle,rgba(201,169,104,.07),transparent 45%)}.sky-ring{height:100%;display:grid;grid-template-columns:repeat(6,1fr)}.sky-ring article{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(120,153,129,.08)}.sky-ring b{color:var(--gold-light);font:13px var(--serif)}.sky-ring span{color:#7b8f83;font-size:8px}.sky-ring small{color:#4d6257;font-size:6px}.lesson-center{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:37%;height:43%;border:1px solid #435c4c;background:#0d211a;transform:translate(-50%,-50%)}.lesson-center span{color:var(--gold);font:11px var(--serif)}.lesson-center strong{margin-top:6px;color:#5f7368;font-size:7px}.lessons{display:flex;align-items:stretch;justify-content:center;gap:5px;margin-top:13px}.lessons article{min-width:45px;padding:7px;text-align:center;border:1px solid #263d31}.lessons article span{display:block;color:#53675c;font-size:7px}.lessons article strong{display:block;color:#d9c693;font:14px var(--serif)}.lessons article i{color:#73877b;font:normal 8px var(--serif)}.lessons>b{align-self:center;color:#51655a}.lessons .transmission{border-color:rgba(201,169,104,.26)}
.calibration-note{display:flex;gap:10px;padding:12px;border:1px solid rgba(201,169,104,.17);background:rgba(201,169,104,.035)}.calibration-note>span{color:var(--gold);font:16px var(--serif)}.calibration-note p{margin:0;color:#61756a;font-size:8px;line-height:1.65}.calibration-note strong{display:block;color:#9b8a68;font-size:8px}.interpretation-card{padding:22px;border:1px solid rgba(154,187,155,.18);border-radius:6px;background:linear-gradient(140deg,rgba(30,61,45,.62),rgba(10,28,20,.9));box-shadow:var(--shadow)}.interpretation-card>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.interpretation-card>header>div{display:flex;align-items:center;gap:10px}.ai-orb{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(184,210,157,.45);border-radius:50%;color:var(--jade-bright);font-size:9px;box-shadow:0 0 20px rgba(139,180,140,.12)}.interpretation-card header small{color:var(--gold);font-size:7px;letter-spacing:.12em}.interpretation-card h3{margin:3px 0 0;font:16px var(--serif)}.interpretation-card header>i{padding:4px 7px;border:1px solid #3b5b48;border-radius:10px;color:#7f9988;font:normal 7px var(--sans)}.overview{padding:17px 0;color:#acbcb2;font:11px/1.9 var(--serif)}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.insight-grid article{position:relative;padding:13px;border:1px solid rgba(255,255,255,.06);background:rgba(4,15,10,.27)}.insight-grid article>span{display:block;width:13px;height:2px;margin-bottom:9px;background:var(--gold)}.insight-grid .tone-jade>span{background:#83aa83}.insight-grid .tone-blue>span{background:#759bb2}.insight-grid h4{margin:0 0 6px;font:11px var(--serif)}.insight-grid p{margin:0;color:#61766a;font-size:8px;line-height:1.7}.action-box{margin-top:12px;padding:12px 14px;border-left:2px solid var(--jade);background:rgba(137,173,131,.055)}.action-box>span{color:#8fa58f;font-size:8px}.action-box ol{display:flex;flex-wrap:wrap;gap:12px 25px;margin:8px 0 0;padding-left:17px;color:#91a298;font-size:8px}.caution{margin:13px 0 0;color:#44594d;font-size:7px;line-height:1.7}.algorithm-tag{align-self:flex-end;color:#43574c;font-size:7px;letter-spacing:.08em}
.history-mask{position:fixed;z-index:60;inset:0;background:rgba(1,9,5,.7);backdrop-filter:blur(4px)}.history-drawer{position:absolute;right:0;top:0;bottom:0;width:min(390px,92vw);padding:26px;overflow-y:auto;background:#0b1b15;border-left:1px solid rgba(201,169,104,.17);box-shadow:-20px 0 70px rgba(0,0,0,.35)}.history-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #23382d}.history-drawer header span{color:var(--gold);font-size:8px;letter-spacing:.16em}.history-drawer h2{margin:5px 0 0;font:23px var(--serif)}.history-drawer header button{border:0;background:transparent;color:#6e8276;font-size:25px}.history-empty{padding:80px 20px;text-align:center;color:#718579;font:14px/1.9 var(--serif)}.history-empty small{color:#41564a;font:8px var(--sans)}.history-item{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;width:100%;padding:14px 0;border:0;border-bottom:1px solid #1e3227;background:transparent;color:#879a8f;text-align:left}.history-item>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #294236;font:16px var(--serif)}.history-item>div{min-width:0;display:flex;flex-direction:column}.history-item strong{color:#adbbb2;font:11px var(--serif)}.history-item small{overflow:hidden;margin:3px 0;color:#53675b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.history-item em{color:#40544a;font-size:7px;font-style:normal}.history-item>i{font-style:normal}.app-toast{position:fixed;z-index:100;left:50%;bottom:30px;padding:10px 18px;border:1px solid rgba(201,169,104,.3);border-radius:3px;background:#122a1f;color:#c6d3ca;font-size:9px;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.3s}.app-toast.show{opacity:1;transform:translate(-50%,0)}.mobile-methods{display:none}

@media (max-width: 1100px) {
  .arts-grid{grid-template-columns:repeat(2,1fr)}
  .app-sidebar{width:225px}.app-workspace{margin-left:225px;padding-left:22px;padding-right:22px}.app-topbar .brand{width:210px}.method-nav{grid-template-columns:38px 1fr auto;padding:9px}.method-nav small{display:none}.workspace-grid{grid-template-columns:330px minmax(480px,1fr)}
  .insight-grid{grid-template-columns:1fr}.ziwei-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 900px) {
  .section-pad{padding:85px 0}.hero-section{padding-top:120px}.cosmos-stage{width:400px}.arts-grid{grid-template-columns:repeat(2,1fr)}.cta-panel{padding:42px}.cta-symbol{display:none}.footer-main{grid-template-columns:1fr;text-align:center;justify-items:center}.footer-bottom{flex-direction:column;gap:8px;text-align:center}
  .auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.auth-brand{left:25px;top:24px}.auth-main{padding-top:100px}
  .app-topbar{padding:0 15px}.app-topbar .brand{width:auto}.app-topbar .brand-copy{display:none}.topbar-center{display:none}.user-copy{display:none}.app-sidebar{display:none}.app-workspace{margin-left:0;padding:92px 18px 50px}.workspace-grid{grid-template-columns:1fr}.input-panel{position:static}.mobile-methods{display:flex;gap:6px;overflow-x:auto;margin:0 -18px 22px;padding:0 18px 10px}.mobile-methods button{flex:0 0 auto;padding:7px 11px;border:1px solid #263c31;border-radius:3px;background:#0b1d16;color:#6c8175;font-size:9px}.mobile-methods button.active{border-color:#66866c;color:#d4ded6}.empty-result{min-height:480px}
}
@media (max-width: 600px) {
  .xuanshu-nav{background:rgba(7,21,16,.92)}.nav-actions{padding:15px 0}.hero-section{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-copy h1{font-size:48px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;gap:20px}.hero-proof{justify-content:center}.cosmos-stage{width:310px;margin-top:25px}.floating-note{display:none}.scroll-hint{display:none}.arts-grid{grid-template-columns:1fr}.art-card{min-height:220px}.wushu-section::before{display:none}.process-line{grid-template-columns:1fr}.process-line>i{transform:rotate(90deg);text-align:center}.process-line article{margin-top:20px}.cta-panel{flex-direction:column;text-align:center;padding:35px 25px}.cta-panel h2{font-size:26px}.footer-links{flex-wrap:wrap;justify-content:center}
  .auth-main{padding-left:20px;padding-right:20px}.auth-card h1{font-size:31px}
  .workspace-head{align-items:flex-start}.history-trigger{font-size:0}.history-trigger span,.history-trigger b{font-size:8px}.workspace-grid{display:block}.input-panel{margin-bottom:18px}.field-row{grid-template-columns:1fr}.result-titlebar{flex-direction:column;gap:12px}.pillar-grid{grid-template-columns:repeat(2,1fr)}.ziwei-grid{grid-template-columns:repeat(2,1fr)}.hexagram-trio{grid-template-columns:1fr auto 1fr}.hexagram-trio .hexagram-view:nth-of-type(2),.hexagram-trio .hex-arrow:nth-of-type(2){display:none}.qimen-grid{grid-template-columns:repeat(3,1fr)}.qimen-grid article{padding:5px}.qimen-grid article>div{flex-direction:column;gap:2px;align-items:center}.liuyao-layout{grid-template-columns:1fr}.liuyao-names{border-left:0;border-top:1px solid #253a2f;padding-top:12px}.lessons{flex-wrap:wrap}.interpretation-card{padding:16px}.topbar-user{gap:6px}.logout-button{display:none}
}

/* Professional Zi Wei / Qi Men / Da Liu Ren charts */
.professional-chart { position: relative; overflow-x: auto; background: linear-gradient(145deg, rgba(17, 43, 32, .96), rgba(7, 22, 15, .98)); }
.professional-chart::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .2; background-image: linear-gradient(rgba(201,169,104,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(201,169,104,.05) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(black, transparent 70%); }
.professional-chart > * { position: relative; }
.chart-meta-strip { display: grid; grid-template-columns: 1.8fr .65fr 1fr .55fr; gap: 1px; margin: 15px 0 8px; border: 1px solid #2b4336; background: #2b4336; }
.chart-meta-strip > span { display: flex; flex-direction: column; min-height: 47px; justify-content: center; padding: 7px 10px; background: #0a1b14; }
.chart-meta-strip small { color: #526a5d; font-size: 7px; letter-spacing: .08em; }
.chart-meta-strip b { margin-top: 4px; color: #aebdb3; font: 9px var(--serif); }
.chart-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; margin-top: 10px; padding: 9px 11px; border: 1px solid rgba(201,169,104,.1); color: #50665a; font-size: 7px; }
.chart-legend span { display: flex; align-items: center; gap: 5px; }
.chart-legend i { display: block; width: 12px; height: 2px; background: var(--gold); }.chart-legend .legend-soft { background: #78968a; }.chart-legend .legend-mutagen { background: #a76558; }

.ziwei-board { display: grid; grid-template-columns: repeat(4, minmax(108px, 1fr)); grid-template-rows: repeat(4, minmax(135px, auto)); gap: 2px; min-width: 0; margin-top: 16px; padding: 2px; border: 1px solid rgba(201,169,104,.26); background: rgba(201,169,104,.12); }
.ziwei-palace { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 8px; overflow: hidden; background: #0a1b14; }
.ziwei-palace::after { content: ""; position: absolute; right: -18px; bottom: -18px; width: 45px; height: 45px; border: 1px solid rgba(201,169,104,.05); border-radius: 50%; }
.ziwei-palace.ming { background: linear-gradient(145deg, rgba(91,116,77,.23), #0a1b14 65%); box-shadow: inset 0 0 0 1px rgba(218,190,126,.5); }
.ziwei-palace.shen:not(.ming) { box-shadow: inset 0 0 0 1px rgba(133,177,151,.32); }
.ziwei-palace.pos-1{grid-area:1/1}.ziwei-palace.pos-2{grid-area:1/2}.ziwei-palace.pos-3{grid-area:1/3}.ziwei-palace.pos-4{grid-area:1/4}.ziwei-palace.pos-5{grid-area:2/1}.ziwei-palace.pos-6{grid-area:2/4}.ziwei-palace.pos-7{grid-area:3/1}.ziwei-palace.pos-8{grid-area:3/4}.ziwei-palace.pos-9{grid-area:4/1}.ziwei-palace.pos-10{grid-area:4/2}.ziwei-palace.pos-11{grid-area:4/3}.ziwei-palace.pos-12{grid-area:4/4}
.ziwei-palace header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,.055); }
.ziwei-palace header > div { display: flex; align-items: center; gap: 3px; }.ziwei-palace header b { color: #bec9c1; font: 10px var(--serif); }.ziwei-palace header span { display: grid; place-items: center; width: 15px; height: 15px; border: 1px solid #9b7e48; color: var(--gold); font-size: 6px; }.ziwei-palace header em { color: #65796d; font: normal 8px var(--serif); }
.ziwei-majors { display: flex; flex-wrap: wrap; gap: 5px 8px; min-height: 28px; margin-top: 7px; }
.ziwei-majors > span { display: inline-flex; align-items: center; gap: 2px; }.ziwei-majors strong { color: #e6d19c; font: 12px var(--serif); }.ziwei-majors i { color: #788d80; font: normal 6px var(--sans); }.ziwei-majors b { padding: 1px 2px; border-radius: 2px; color: #efd8ad; background: #7b5a30; font-size: 6px; }
.ziwei-majors .mutagen-禄 { background:#5e7f50 }.ziwei-majors .mutagen-权 { background:#8b6233 }.ziwei-majors .mutagen-科 { background:#4f7280 }.ziwei-majors .mutagen-忌 { background:#864c48 }
.ziwei-empty { min-height: 28px; margin-top: 8px; color: #3e5448; font: 8px var(--serif); }
.ziwei-minors { display: flex; flex-wrap: wrap; gap: 3px 6px; min-height: 13px; }.ziwei-minors span { color: #91a79a; font: 8px var(--serif); }.ziwei-minors i { color: #bf786d; font: normal 6px var(--sans); }
.ziwei-adjectives { display: flex; flex-wrap: wrap; gap: 2px 6px; margin-top: 4px; max-height: 22px; overflow: hidden; }.ziwei-adjectives span { color: #52695c; font-size: 6px; }
.ziwei-palace footer { display: flex; justify-content: space-between; gap: 5px; margin-top: auto; padding-top: 5px; color: #576c60; font-size: 6px; }
.ziwei-center { grid-area: 2 / 2 / 4 / 4; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 18px; text-align: center; background: radial-gradient(circle, rgba(124,158,111,.12), transparent 58%), #081710; box-shadow: inset 0 0 45px rgba(0,0,0,.32); }
.ziwei-center::before,.ziwei-center::after { content:""; position:absolute; border:1px solid rgba(201,169,104,.11); border-radius:50%; }.ziwei-center::before{width:180px;height:180px}.ziwei-center::after{width:135px;height:135px;border-style:dashed}.ziwei-center > * { position: relative; z-index: 1; }
.center-kicker { color: #987c48; font-size: 6px; letter-spacing: .3em; }.ziwei-center h4 { margin: 5px 0 9px; color: #e3e6df; font: 18px var(--serif); letter-spacing: .08em; }.ziwei-birth { display: flex; flex-direction: column; }.ziwei-birth b { color: #9eaea4; font-size: 8px; }.ziwei-birth span,.ziwei-birth em { margin-top: 3px; color: #53685c; font: normal 7px var(--serif); }.ziwei-pillars { margin: 9px 0; padding: 5px 10px; border-top: 1px solid rgba(201,169,104,.12); border-bottom: 1px solid rgba(201,169,104,.12); color: var(--gold-light); font: 9px var(--serif); letter-spacing: .12em; }
.ziwei-center-grid { display: grid; grid-template-columns: repeat(4,auto); gap: 5px 11px; color: #71867a; font-size: 6px; }.ziwei-rulers { display: flex; gap: 18px; margin-top: 9px; color: #596f62; font-size: 7px; }.ziwei-rulers b { color: #a6b8ad; font: 9px var(--serif); }

.qimen-board { display: grid; grid-template-columns: repeat(3, minmax(132px, 1fr)); gap: 3px; min-width: 0; padding: 3px; border: 1px solid rgba(201,169,104,.26); background: rgba(201,169,104,.12); }
.qimen-board article { position: relative; min-height: 145px; padding: 9px; background: #091a13; box-shadow: inset 0 0 25px rgba(0,0,0,.15); }
.qimen-board article.void { background-image: repeating-linear-gradient(135deg, rgba(162,104,84,.055) 0 5px, transparent 5px 10px); }.qimen-board article.chief { box-shadow: inset 0 0 0 1px rgba(201,169,104,.52), inset 0 0 30px rgba(201,169,104,.035); }
.qimen-board header { display: flex; align-items: center; gap: 4px; color: #53695c; font-size: 7px; }.qimen-board header b { margin-left: auto; color: #879a8f; font: 9px var(--serif); }.qimen-board header em { display:grid;place-items:center;width:15px;height:15px;border:1px solid #87574d;color:#c98779;font:normal 6px var(--sans); }.qimen-board article.horse header em:last-child { border-color:#987c48;color:var(--gold); }
.qimen-heaven { display: grid; grid-template-columns: 25px 32px 1fr; gap: 5px; align-items: center; margin: 12px 0 8px; }.layer-label { color: #40564a; font-size: 6px; writing-mode: vertical-rl; letter-spacing: .12em; }.qimen-heaven > strong { color: #e1cc96; font: 27px var(--serif); }.qimen-heaven > div { display: flex; flex-direction: column; }.qimen-heaven b { color: #a7b7ae; font: 11px var(--serif); }.qimen-heaven i { margin-top: 3px; color: #6d8376; font: normal 8px var(--serif); }
.qimen-door { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 5px; border-top: 1px solid #20372b; border-bottom: 1px solid #20372b; }.qimen-door strong { color: #d6ded7; font: 13px var(--serif); }.qimen-door span { padding: 1px 3px; color: var(--gold); border: 1px solid #745f38; font-size: 6px; }
.qimen-board footer { display: flex; justify-content: space-between; margin-top: 8px; color: #4d6457; font-size: 6px; }.qimen-board footer b { color: #8ea195; font: 10px var(--serif); }
.qimen-chief-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin-top: 8px; }.qimen-chief-row article { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; align-items: center; padding: 10px; border: 1px solid #294034; background: rgba(5,18,11,.38); }.qimen-chief-row span { grid-row: 1/3; color: #6c7f73; font-size: 7px; writing-mode: vertical-rl; }.qimen-chief-row strong { color: var(--gold-light); font: 12px var(--serif); }.qimen-chief-row small { color: #52675a; font-size: 6px; }

.liuren-tags { display: flex; flex-wrap: wrap; gap: 5px; margin: 13px 0 9px; }.liuren-tags span { padding: 4px 8px; border: 1px solid rgba(201,169,104,.22); color: #9b8b68; background: rgba(201,169,104,.035); font-size: 7px; }
.liuren-professional-layout { display: grid; grid-template-columns: minmax(320px,1.12fr) minmax(220px,.88fr); gap: 10px; min-width: 0; }
.legacy-chart-notice { display:flex; align-items:center; gap:16px; padding:24px; border-color:rgba(201,169,104,.26); background:linear-gradient(135deg,rgba(201,169,104,.05),rgba(9,26,19,.72)); }
.legacy-chart-notice > span { display:grid; place-items:center; width:48px; height:48px; flex:0 0 auto; border:1px solid rgba(201,169,104,.45); color:var(--gold); font-size:0; transform:rotate(45deg); }
.legacy-chart-notice > span::before { content:"旧"; font:22px var(--serif); transform:rotate(-45deg); }
.legacy-chart-notice h3 { margin:0 0 5px; color:#d5c49c; font:17px var(--serif); }.legacy-chart-notice p { margin:0; color:#7f9186; font-size:12px; line-height:1.8; }
.pipeline-card { padding:22px; border:1px solid rgba(201,169,104,.18); border-radius:6px; background:linear-gradient(145deg,rgba(12,36,26,.96),rgba(6,21,14,.98)); box-shadow:var(--shadow); }
.pipeline-head { display:flex; justify-content:space-between; align-items:center; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.065); }.pipeline-head>div:first-child{display:flex;align-items:center;gap:11px}.pipeline-head>div:first-child>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(201,169,104,.45);color:var(--gold);font-size:0;transform:rotate(45deg)}.pipeline-head>div:first-child>span::before{content:"析";font:15px var(--serif);transform:rotate(-45deg)}.pipeline-head small{color:#5a7063;font-size:6px;letter-spacing:.18em}.pipeline-head h3{margin:3px 0 0;font:17px var(--serif)}
.pipeline-quality{display:flex;align-items:center;gap:7px}.pipeline-quality strong{color:var(--gold-light);font:28px var(--serif)}.pipeline-quality span{width:28px;color:#52685c;font-size:6px;line-height:1.4}
.pyramid-map{display:flex;flex-direction:column;align-items:center;gap:3px;margin:18px auto 14px;max-width:620px}.pyramid-map article{display:grid;grid-template-columns:25px 1fr auto;align-items:center;min-height:42px;padding:7px 12px;border:1px solid rgba(151,184,154,.12);background:linear-gradient(90deg,rgba(81,113,84,.2),rgba(14,41,29,.52));clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}.pyramid-map article>span{color:#50665a;font:7px var(--serif)}.pyramid-map article>div{display:flex;flex-direction:column;text-align:center}.pyramid-map strong{color:#b6c3ba;font:10px var(--serif)}.pyramid-map small{margin-top:2px;color:#465b50;font-size:6px}.pyramid-map em{color:#6f8878;font:normal 6px var(--sans)}.pyramid-map em.partial{color:#a48450}.pyramid-level-4{width:56%}.pyramid-level-3{width:67%}.pyramid-level-2{width:78%}.pyramid-level-1{width:89%}.pyramid-level-0{width:100%}
.pipeline-audit-strip{display:grid;grid-template-columns:repeat(3,70px) 1fr;gap:1px;border:1px solid #294035;background:#294035}.pipeline-audit-strip>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:45px;background:#081811}.pipeline-audit-strip small{color:#52675b;font-size:6px}.pipeline-audit-strip b{margin-top:3px;color:#b7c5bc;font:10px var(--serif)}.pipeline-audit-strip p{display:flex;align-items:center;margin:0;padding:0 12px;background:#081811;color:#4e6357;font-size:7px;letter-spacing:.06em}
.department-ledger{margin-top:12px}.department-ledger details{border-bottom:1px solid rgba(255,255,255,.055)}.department-ledger summary{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:11px 3px;cursor:pointer;list-style:none}.department-ledger summary::-webkit-details-marker{display:none}.department-ledger summary span{color:#a9b7ae;font:10px var(--serif)}.department-ledger summary small{color:#52665a;font-size:6px}.department-ledger summary i{color:#826f49;font:normal 6px var(--sans)}
.department-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding-bottom:12px}.department-grid article{padding:11px;border:1px solid #263d31;background:rgba(5,18,11,.48)}.department-grid article.status-partial{border-color:rgba(181,137,76,.24)}.department-grid article>header{display:flex;justify-content:space-between;gap:8px}.department-grid header strong{color:#c2cec6;font:10px var(--serif)}.department-grid header span{color:#63786b;font-size:6px}.confidence-track{height:2px;margin:7px 0;background:#172a20}.confidence-track i{display:block;height:100%;background:linear-gradient(90deg,#587d61,var(--gold))}.department-grid p{margin:0;color:#75897d;font:8px/1.75 var(--serif)}.department-grid ul{margin:7px 0 0;padding-left:13px;color:#50665a;font-size:6px;line-height:1.7}.department-grid article>em{display:block;margin-top:7px;padding-top:6px;border-top:1px solid rgba(255,255,255,.04);color:#9b7951;font:normal 6px/1.6 var(--sans)}
.liuren-board { display: grid; grid-template-columns: repeat(4,1fr); grid-template-rows: repeat(4,1fr); gap: 2px; aspect-ratio: 1; padding: 2px; border: 1px solid rgba(201,169,104,.25); background: rgba(201,169,104,.12); }
.liuren-board article { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; align-items: center; padding: 7px; background: #091a13; }.liuren-board article span { color: #647a6d; font: 7px var(--serif); }.liuren-board article strong { grid-row: 1/3; grid-column: 2; color: #e2cb91; font: 27px var(--serif); }.liuren-board article i { align-self: end; color: #6f8377; font: normal 11px var(--serif); }.liuren-board article i::before { content:"地 "; color:#3d5347; font:5px var(--sans); }
.liuren-board .pos-1{grid-area:1/1}.liuren-board .pos-2{grid-area:1/2}.liuren-board .pos-3{grid-area:1/3}.liuren-board .pos-4{grid-area:1/4}.liuren-board .pos-5{grid-area:2/4}.liuren-board .pos-6{grid-area:3/4}.liuren-board .pos-7{grid-area:4/4}.liuren-board .pos-8{grid-area:4/3}.liuren-board .pos-9{grid-area:4/2}.liuren-board .pos-10{grid-area:4/1}.liuren-board .pos-11{grid-area:3/1}.liuren-board .pos-12{grid-area:2/1}
.liuren-center { grid-area: 2/2/4/4; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle,rgba(106,145,102,.12),transparent 55%),#081710; box-shadow: inset 0 0 45px rgba(0,0,0,.3); }.liuren-center span{color:#52675a;font-size:6px;letter-spacing:.2em}.liuren-center strong{margin-top:6px;color:var(--gold-light);font:21px var(--serif)}.liuren-center em{color:#91a399;font:normal 11px var(--serif)}.liuren-center small{margin-top:7px;color:#50645a;font-size:7px}
.liuren-course-panel { display: flex; flex-direction: column; padding: 11px; border: 1px solid #294035; background: rgba(4,17,10,.32); }.course-title { display: flex; justify-content: space-between; align-items: center; color: var(--gold); font: 10px var(--serif); }.course-title small{color:#465b4f;font:6px var(--sans)}.four-courses { display: grid; grid-template-columns: repeat(4,1fr); gap: 3px; margin-top: 7px; }.four-courses article { display: flex; flex-direction: column; align-items: center; padding: 6px 3px; border: 1px solid #263e31; background:#081710}.four-courses span{color:#6c8174;font:6px var(--serif)}.four-courses strong{margin-top:4px;color:#e0c98f;font:20px var(--serif)}.four-courses i{color:#91a399;font:normal 14px var(--serif)}.four-courses b{margin-top:5px;color:#465d50;font-size:6px}.transmission-title{margin-top:16px;padding-top:10px;border-top:1px solid #263d31}.three-transmissions{display:flex;flex-direction:column;gap:4px;margin-top:7px}.three-transmissions article{display:grid;grid-template-columns:30px 38px 1fr;align-items:center;min-height:53px;padding:5px 7px;border:1px solid #293f34;background:#081710}.three-transmissions>article>span{color:#6c8074;font-size:7px}.three-transmissions>article>strong{color:#e4ce96;font:24px var(--serif)}.three-transmissions div{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.three-transmissions div>*{padding:3px;text-align:center;border-left:1px solid #20362a;color:#758a7d;font:normal 7px var(--serif)}.three-transmissions div em{color:#a98b51}

@media (max-width: 930px) {
  .liuren-professional-layout { grid-template-columns: 1fr; min-width: 0; }.liuren-board { max-width: 560px; width: 100%; margin: auto; aspect-ratio: 1.25; }
}
@media (max-width: 700px) {
  .professional-chart { padding: 14px; }.professional-chart .chart-card-head { min-width: 560px; }.ziwei-board { min-width: 720px; grid-template-rows: repeat(4,150px); }.qimen-board { min-width: 600px; }.qimen-chief-row { min-width: 600px; }.chart-meta-strip { min-width: 600px; }.liuren-professional-layout { min-width: 600px; }.liuren-board { aspect-ratio: 1; }.chart-legend { min-width: 680px; }
  .pipeline-card{padding:15px}.pyramid-map article{min-height:48px;padding:6px 9px}.pyramid-map small{display:none}.pyramid-level-4{width:70%}.pyramid-level-3{width:78%}.pyramid-level-2{width:86%}.pyramid-level-1{width:93%}.pipeline-audit-strip{grid-template-columns:repeat(3,1fr)}.pipeline-audit-strip p{display:none}.department-grid{grid-template-columns:1fr}
}

/* Live streaming manifestation */
.calculate-button:disabled .button-mark{animation:stream-yin-yang 1.8s linear infinite}
@keyframes stream-yin-yang{to{transform:rotate(360deg)}}
.stream-loading{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(126,172,126,.1),transparent 29%),linear-gradient(150deg,rgba(16,42,31,.94),rgba(6,20,14,.98))}
.stream-loading::before,.stream-loading::after{content:"";position:absolute;inset:8%;pointer-events:none;border:1px solid rgba(201,169,104,.06);border-radius:50%;animation:stream-breathe 3.2s ease-in-out infinite}
.stream-loading::after{inset:18%;border-style:dashed;animation-delay:-1.2s;animation-direction:reverse}
@keyframes stream-breathe{50%{opacity:.35;transform:scale(1.025)}}
.loading-compass b{position:absolute;right:-2px;bottom:0;display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(201,169,104,.4);border-radius:50%;color:var(--gold-light);background:#0a1c14;font:8px var(--serif)}
.stream-kicker{position:relative;margin-top:23px;color:#846e44;font-size:7px;letter-spacing:.3em}
.stream-bar{position:relative;width:min(300px,68%);height:3px;margin-top:22px;border-radius:2px;overflow:visible}
.stream-bar::after{content:"";position:absolute;top:-3px;left:calc(var(--stream-progress, 0) * 1%);width:9px;height:9px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 14px rgba(231,210,163,.6);transform:translateX(-50%);transition:left .45s cubic-bezier(.22,.8,.24,1)}
.stream-bar i{width:0;animation:none!important;background:linear-gradient(90deg,#527b5c,var(--jade-bright),var(--gold));box-shadow:0 0 14px rgba(139,180,140,.25);transition:width .45s cubic-bezier(.22,.8,.24,1)}
.stream-steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);width:min(480px,82%);margin-top:32px}
.stream-steps::before{content:"";position:absolute;left:9%;right:9%;top:5px;height:1px;background:#273d31}
.stream-steps>span{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:#42574c;font-size:7px;transition:color .35s ease}
.stream-steps i{width:11px;height:11px;border:2px solid #173025;border-radius:50%;background:#0a1813;box-shadow:0 0 0 1px #2c4136;transition:.35s ease}
.stream-steps .active{color:var(--gold-light)}.stream-steps .active i{border-color:var(--gold);background:var(--gold-light);box-shadow:0 0 0 4px rgba(201,169,104,.08),0 0 13px rgba(201,169,104,.42);animation:stream-node 1.25s ease-in-out infinite}
.stream-steps .complete{color:#748c7b}.stream-steps .complete i{border-color:#7aa077;background:#9fc197;box-shadow:0 0 9px rgba(134,180,130,.25)}
@keyframes stream-node{50%{transform:scale(.72);opacity:.65}}

.live-progress-panel{display:grid;grid-template-columns:minmax(180px,auto) 1fr 36px;gap:13px;align-items:center;padding:10px 13px;border:1px solid rgba(201,169,104,.17);border-radius:4px;background:linear-gradient(90deg,rgba(201,169,104,.035),rgba(92,141,96,.055));animation:stream-card-in .5s ease both}
.live-progress-copy{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center}.live-progress-copy>span{grid-row:1/3;display:flex;align-items:center;gap:4px;color:#b59860;font-size:6px;letter-spacing:.12em}.live-progress-copy>span i{width:5px;height:5px;border-radius:50%;background:#bd715e;box-shadow:0 0 8px #bd715e;animation:stream-node 1s ease-in-out infinite}.live-progress-copy strong{color:#aebdb3;font:10px var(--serif)}.live-progress-copy small{margin-top:2px;color:#4e6457;font-size:6px}
.live-progress-track{height:2px;overflow:hidden;background:#1b3025}.live-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#5e8a66,var(--jade-bright),var(--gold));box-shadow:0 0 12px rgba(177,204,151,.3);transition:width .48s cubic-bezier(.22,.8,.24,1)}.live-progress-panel>b{color:var(--gold-light);font:11px var(--serif);text-align:right}

.chart-result.is-streaming>.chart-card,.chart-result.is-streaming>.calibration-note,.stream-reveal-card{animation:stream-card-in .55s cubic-bezier(.18,.75,.24,1) both}
@keyframes stream-card-in{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.chart-result.is-streaming .pyramid-map article{transition:opacity .4s ease,transform .45s cubic-bezier(.22,.8,.24,1),border-color .35s ease,box-shadow .35s ease}
.chart-result.is-streaming .pyramid-map article:not(.is-revealed){opacity:.16;transform:scaleX(.9);filter:saturate(.35)}
.chart-result.is-streaming .pyramid-map article.is-revealed{opacity:1;transform:scaleX(1)}
.chart-result.is-streaming .pyramid-map article.is-active{border-color:rgba(231,210,163,.52);box-shadow:inset 0 0 22px rgba(201,169,104,.08),0 0 18px rgba(201,169,104,.08)}
.chart-result.is-streaming .department-grid article{animation:stream-card-in .45s ease both}
.chart-result.is-streaming .department-grid article:nth-child(2n){animation-delay:.08s}

.interpretation-card{position:relative;overflow:hidden}
.interpretation-card.is-receiving::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 25%,rgba(190,214,183,.035) 43%,rgba(231,210,163,.055) 50%,transparent 67%);transform:translateX(-100%);animation:stream-sheen 3.4s ease-in-out infinite}
@keyframes stream-sheen{55%,100%{transform:translateX(100%)}}
.interpretation-card.is-receiving .ai-orb{border-color:rgba(231,210,163,.62);box-shadow:0 0 0 5px rgba(184,210,157,.035),0 0 25px rgba(139,180,140,.2);animation:orb-breathe 2s ease-in-out infinite}
.ai-orb{position:relative}.ai-orb>i{position:absolute;right:0;top:1px;width:5px;height:5px;border-radius:50%;background:#79b878;box-shadow:0 0 8px #79b878}
@keyframes orb-breathe{50%{box-shadow:0 0 0 8px rgba(184,210,157,.02),0 0 33px rgba(139,180,140,.25)}}
.streaming-copy{min-height:24px}.ink-cursor{display:inline-block;width:1px;height:1.15em;margin-left:3px;vertical-align:-.18em;background:var(--gold-light);box-shadow:0 0 6px rgba(231,210,163,.55);animation:ink-blink .72s steps(1,end) infinite}
@keyframes ink-blink{50%{opacity:0}}
.interpretation-card.is-receiving .insight-grid article{animation:stream-insight-in .52s cubic-bezier(.18,.75,.24,1) both;animation-delay:calc(var(--reveal-index) * .09s)}
@keyframes stream-insight-in{from{opacity:0;transform:translateY(9px);border-color:rgba(201,169,104,.28)}to{opacity:1;transform:none}}
.stream-action{animation:stream-action-in .55s ease both}
.stream-action li{animation:stream-action-in .45s ease both}.stream-action li:nth-child(2){animation-delay:.08s}.stream-action li:nth-child(3){animation-delay:.16s}
@keyframes stream-action-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.result-actions button:disabled{opacity:.4;cursor:not-allowed}

@media (max-width:700px){
  .stream-steps{width:92%}.stream-steps b{font-size:6px}.live-progress-panel{grid-template-columns:1fr 38px}.live-progress-track{grid-row:2;grid-column:1/3}.live-progress-copy small{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (prefers-reduced-motion:reduce){
  .stream-loading::before,.stream-loading::after,.loading-compass span,.calculate-button:disabled .button-mark,.stream-steps .active i,.live-progress-copy>span i,.interpretation-card.is-receiving::before,.interpretation-card.is-receiving .ai-orb,.ink-cursor{animation:none!important}
  .stream-bar i,.live-progress-track i,.chart-result.is-streaming .pyramid-map article{transition:none!important}
}

/* Professional Wen-Wang-Gua / Najia Liu-Yao chart */
.liuyao-meta{grid-template-columns:repeat(4,1fr)}
.liuyao-pro-title{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;min-width:700px;margin:10px 0;padding:12px 16px;border:1px solid rgba(201,169,104,.15);background:radial-gradient(circle at 50% 50%,rgba(201,169,104,.06),transparent 32%),rgba(5,18,11,.42)}
.liuyao-pro-title>div{display:flex;align-items:baseline;gap:10px}.liuyao-pro-title>div:last-child{justify-content:flex-end}.liuyao-pro-title span{color:#53695c;font-size:7px;letter-spacing:.12em}.liuyao-pro-title strong{color:#dce3dc;font:17px var(--serif)}.liuyao-pro-title small{color:#766744;font-size:7px}.liuyao-pro-title>i{color:var(--gold);font:normal 12px var(--serif);text-align:center}
.liuyao-pro-board{min-width:700px;border:1px solid rgba(201,169,104,.2);background:#213a2d}
.liuyao-pro-head,.liuyao-pro-board>article{display:grid;grid-template-columns:55px 145px minmax(120px,1fr) 105px minmax(155px,1.1fr);align-items:center;gap:1px}
.liuyao-pro-head{min-height:28px;color:#53695c;background:#081710;font-size:6px;letter-spacing:.08em}.liuyao-pro-head span{padding:0 9px}.liuyao-pro-head span:nth-child(3){text-align:center}
.liuyao-pro-board>article{position:relative;min-height:72px;background:#091a13;transition:background .3s ease,box-shadow .3s ease}
.liuyao-pro-board>article:nth-child(odd){background:#0a1d15}.liuyao-pro-board>article.moving{background:linear-gradient(90deg,rgba(165,99,83,.075),#0b2017 36%,rgba(201,169,104,.035));box-shadow:inset 2px 0 #a76f5f}.liuyao-pro-board>article.void{background-image:repeating-linear-gradient(135deg,rgba(160,98,82,.035) 0 5px,transparent 5px 10px)}
.liuyao-spirit{align-self:stretch;display:grid;place-items:center;border-right:1px solid #21392c;color:#73897c;font:9px var(--serif);writing-mode:vertical-rl;letter-spacing:.12em}
.liuyao-relative{display:grid;grid-template-columns:48px 1fr;align-items:center;padding:8px 10px}.liuyao-relative strong{grid-row:1/3;color:#c5d0c8;font:12px var(--serif)}.liuyao-relative span{color:#d9c38e;font:10px var(--serif)}.liuyao-relative small{margin-top:3px;color:#8d7250;font-size:6px}
.liuyao-line-core{position:relative;display:grid;grid-template-columns:20px 1fr 24px;align-items:center;gap:8px;padding:0 10px}.liuyao-line-core>b{color:#50665a;font:8px var(--serif)}.liuyao-line-core>i{display:block;height:7px;background:linear-gradient(90deg,#d6c48f 0 43%,transparent 43% 57%,#d6c48f 57%);filter:drop-shadow(0 0 3px rgba(214,196,143,.12))}.liuyao-line-core>i.yang{background:#d6c48f}.liuyao-line-core>em{display:grid;place-items:center;width:21px;height:21px;border:1px solid #945f52;border-radius:50%;color:#cc8c7c;font:normal 6px var(--sans);box-shadow:0 0 11px rgba(167,111,95,.12)}
.liuyao-state{display:grid;grid-template-columns:24px 1fr;padding:7px 8px;border-left:1px solid #20372a}.liuyao-state>b{grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(201,169,104,.5);border-radius:50%;color:var(--gold-light);font:11px var(--serif);box-shadow:inset 0 0 9px rgba(201,169,104,.06)}.liuyao-state>span{color:#8ba094;font-size:7px}.liuyao-state>small{display:flex;gap:3px;margin-top:4px}.liuyao-state>small i{padding:1px 3px;border:1px solid #754b43;color:#bb7567;font:normal 6px var(--sans)}
.liuyao-change{display:flex;flex-direction:column;justify-content:center;min-height:72px;padding:8px 11px;border-left:1px solid #20372a}.liuyao-change>span{color:#b4c1b8;font:9px var(--serif)}.liuyao-change>small{margin-top:5px;color:#8a7350;font-size:6px;line-height:1.5}.liuyao-change.still span{color:#3f5549}.liuyao-change.still small{color:#40554a}
.liuyao-use-deity{min-width:700px;margin-top:10px;padding:13px;border:1px solid rgba(201,169,104,.15);background:rgba(201,169,104,.025)}.liuyao-use-deity>header{display:flex;justify-content:space-between;align-items:center}.liuyao-use-deity>header span{color:var(--gold);font:10px var(--serif)}.liuyao-use-deity>header small{color:#4e6357;font-size:6px}.liuyao-use-deity>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.liuyao-use-deity article{display:grid;grid-template-columns:1fr auto;padding:9px;border:1px solid #263d31;background:#081710}.liuyao-use-deity strong{color:#d5dfd7;font:12px var(--serif)}.liuyao-use-deity b{align-self:start;padding:2px 5px;border:1px solid #47624f;color:#8fac94;font-size:6px}.liuyao-use-deity b.status-伏藏{border-color:#826b45;color:#b99a62}.liuyao-use-deity b.status-不现{border-color:#754b43;color:#bb7567}.liuyao-use-deity p{grid-column:1/3;margin:6px 0 4px;color:#657a6e;font:7px/1.6 var(--serif)}.liuyao-use-deity small{grid-column:1/3;color:#40564a;font-size:6px}

@media(max-width:700px){
  .liuyao-meta,.liuyao-pro-title,.liuyao-pro-board,.liuyao-use-deity{min-width:700px}
}

/* Professional upgrades: Ba Zi, Zi Wei, Mei Hua, Qi Men and Da Liu Ren */
.professional-options{margin-top:14px;padding:12px;border:1px solid rgba(201,169,104,.13);background:rgba(201,169,104,.025)}
.professional-options .form-label:first-child{margin-top:0}.professional-options .field-row{grid-template-columns:1fr 1fr}
.bazi-chart,.meihua-chart-pro{position:relative;overflow-x:auto}
.bazi-meta{grid-template-columns:1.2fr 1.2fr .7fr .9fr;min-width:680px}
.bazi-meta b{font-size:8px}
.bazi-chart .pillar-grid{min-width:680px;align-items:stretch}
.bazi-chart .pillar-grid article{padding:13px 7px}
.hidden-stems{display:flex;flex-direction:column;width:100%;gap:3px;margin-top:10px;padding-top:7px;border-top:1px solid #253b30}
.hidden-stems i{display:grid;grid-template-columns:20px 1fr auto;align-items:center;padding:3px 4px;background:#0a1a13;font-style:normal}
.hidden-stems b{color:#d7c389;font:11px var(--serif)}.hidden-stems span{color:#82968a;font-size:7px}.hidden-stems em{margin:0;color:#4e6458;font-size:6px}
.bazi-aux{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;min-width:680px;margin-top:8px;border:1px solid #294035;background:#294035}
.bazi-aux>span{display:flex;flex-direction:column;min-height:48px;justify-content:center;padding:7px 9px;background:#081811}.bazi-aux small{color:#52685c;font-size:6px}.bazi-aux b{margin-top:4px;color:#b4c1b8;font:8px var(--serif)}
.luck-cycle-strip{display:grid;grid-template-columns:repeat(9,minmax(74px,1fr));gap:3px;min-width:760px;margin-top:8px}
.luck-cycle-strip article{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border:1px solid #263d31;background:#081710}.luck-cycle-strip span{color:#4e6357;font-size:6px}.luck-cycle-strip strong{margin:4px 0;color:#ddc88f;font:15px var(--serif)}.luck-cycle-strip small{color:#71857a;font-size:6px}
.free-chart-badge{padding:6px 10px;border:1px solid rgba(91,164,123,.42);border-radius:99px;background:rgba(34,105,68,.15);color:#8fc8a7;font:11px var(--sans);font-style:normal}
.bazi-free-section{margin-top:12px;padding:14px;border:1px solid #263d31;background:linear-gradient(135deg,rgba(9,27,19,.96),rgba(8,18,14,.96))}.bazi-free-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.bazi-free-section>header>div{display:flex;align-items:center;gap:9px}.bazi-free-section>header span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #6c5b36;color:#d6bd7d}.bazi-free-section h4{margin:0;color:#dbc78f;font:16px var(--serif)}.bazi-free-section>header small{color:#6f8378;font-size:9px}.shen-sha-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.shen-sha-grid article{padding:10px;border:1px solid #253c31;background:#091a13}.shen-sha-grid strong{display:block;color:#dec47f;font:15px var(--serif)}.shen-sha-grid span{display:block;margin:5px 0;color:#8bad98;font-size:10px}.shen-sha-grid p{min-height:30px;margin:0;color:#718278;font-size:9px;line-height:1.65}.shen-sha-grid small{color:#4f6459;font-size:8px}.free-empty-note{margin:0;color:#718278;font-size:11px}
.annual-cycle-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.annual-cycle-grid article{position:relative;min-height:142px;padding:9px;border:1px solid #243a30;background:#07160f}.annual-cycle-grid article.active{border-color:#9a7d3e;box-shadow:inset 0 0 18px rgba(183,145,67,.1)}.annual-cycle-grid header{display:flex;justify-content:space-between}.annual-cycle-grid header span{width:auto;height:auto;border:0;color:#6e8478;font:10px var(--sans)}.annual-cycle-grid header b{color:#d7b86b;font-size:8px}.annual-cycle-grid>article>strong{display:block;margin:7px 0 3px;color:#dfc887;font:20px var(--serif)}.annual-cycle-grid article>small,.annual-cycle-grid article>p,.annual-cycle-grid article>em,.annual-cycle-grid article>i{display:block;margin:4px 0;color:#71857a;font-size:8px;line-height:1.5;font-style:normal}.annual-cycle-grid article>em{color:#9bb2a5}.annual-cycle-grid article>i{color:#a88f57}
.ai-edition-panel{margin-top:18px;padding:18px;border:1px solid #34483d;background:radial-gradient(circle at 84% 0,rgba(116,82,143,.13),transparent 34%),linear-gradient(140deg,#0b1c14,#09120e)}.ai-edition-panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.ai-edition-panel>header>div{display:flex;align-items:center;gap:10px}.ai-edition-panel>header>div>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #9a7c3d;border-radius:50%;color:#e1c67f;font:12px var(--serif)}.ai-edition-panel h3{margin:2px 0 0;color:#e1cf9d;font:19px var(--serif)}.ai-edition-panel header small{color:#897448;font-size:8px;letter-spacing:1.5px}.ai-edition-panel>header p{max-width:360px;margin:0;color:#72877b;font-size:10px}.ai-edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ai-edition-grid article{padding:16px;border:1px solid #2d4538;background:rgba(4,17,11,.72)}.ai-edition-grid article.practitioner{border-color:#493e55;background:rgba(25,13,29,.34)}.ai-edition-grid article.owned{box-shadow:inset 3px 0 #668d76}.ai-edition-grid article>span{color:#6f8d7c;font-size:8px;letter-spacing:1.5px}.ai-edition-grid h4{margin:5px 0;color:#dfc98b;font:18px var(--serif)}.ai-edition-grid p{min-height:48px;margin:0;color:#83968b;font-size:10px;line-height:1.75}.ai-edition-grid small{display:block;margin:8px 0 12px;color:#5e7368;font-size:9px}.ai-edition-grid button{width:100%;padding:10px;border:1px solid #766239;background:linear-gradient(90deg,#3b301c,#574526);color:#ead49b;cursor:pointer}.ai-edition-grid button:disabled{opacity:.48;cursor:wait}
.formula-report{display:grid;gap:10px;margin-top:14px}.formula-report>article{padding:15px;border:1px solid #294136;background:rgba(4,16,11,.76);animation:inkReveal .45s ease both}.formula-report>article.is-live{border-color:#796638;box-shadow:0 0 20px rgba(151,119,53,.08)}.formula-report>article>header{display:flex;align-items:center;gap:9px;margin-bottom:9px}.formula-report>article>header span{color:#76643b;font:11px var(--serif)}.formula-report h4{flex:1;margin:0;color:#dbc88f;font:16px var(--serif)}.formula-report header b{color:#6f8f7e;font-size:8px}.formula-report article>p{margin:0;color:#b8c5bd;font-size:11px;line-height:1.9}.formula-report ul{display:grid;gap:4px;margin:9px 0;padding-left:18px;color:#809488;font-size:10px}.formula-report details{margin-top:9px;border-top:1px dashed #283c32;padding-top:8px}.formula-report summary{color:#8e7c50;font-size:9px;cursor:pointer}.formula-report details div{display:grid;gap:4px;margin-top:7px}.formula-report details span{color:#65796e;font-size:9px;line-height:1.6}.formula-report.edition-practitioner>article{border-left:2px solid #5d4968}

/* 多模态手相 / 面相：本地预览、授权与无图归档 */
.image-file-input{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.image-upload-shell{margin-top:4px}.image-drop-zone{position:relative;display:grid;place-items:center;min-height:245px;border:1px dashed #365344;border-radius:5px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(114,153,110,.11),transparent 45%),#081710;cursor:pointer;transition:.25s}.image-drop-zone:hover{border-color:#7b946d;background-color:#0b1d16}.image-drop-zone>img{width:100%;height:285px;object-fit:contain;background:#050d09}.image-drop-zone>div{display:flex;flex-direction:column;align-items:center}.image-drop-zone>div>span{display:grid;place-items:center;width:74px;height:74px;margin-bottom:16px;border:1px solid rgba(201,169,104,.28);border-radius:50%;color:#d3bb7e;font:30px var(--serif);box-shadow:0 0 0 12px rgba(201,169,104,.025)}.image-drop-zone strong{color:#b9c7be;font:15px var(--serif)}.image-drop-zone small{margin-top:7px;color:#50645a;font-size:8px}.image-drop-zone>em{position:absolute;right:9px;bottom:9px;padding:6px 9px;border:1px solid rgba(201,169,104,.2);border-radius:2px;background:rgba(5,15,10,.82);color:#ab9a6c;font-size:8px;font-style:normal}.image-guide,.image-privacy-note{display:flex;gap:10px;margin:12px 0;padding:11px;border:1px solid rgba(201,169,104,.12);background:rgba(201,169,104,.035)}.image-guide>span,.image-privacy-note>span{color:var(--gold);font:15px var(--serif)}.image-guide strong,.image-privacy-note strong{display:block;margin-bottom:4px;color:#879b8f;font-size:9px}.image-guide ul{display:grid;gap:3px;margin:0;padding-left:15px;color:#60746a;font-size:8px;line-height:1.55}.image-privacy-note p{margin:0;color:#5d7166;font-size:8px;line-height:1.7}.image-edition-select{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-edition-select>label{display:block;padding:11px;border:1px solid #263c31;border-radius:3px;background:#081710;cursor:pointer}.image-edition-select>label.active{border-color:#687e55;background:rgba(100,130,86,.1);box-shadow:inset 0 0 0 1px rgba(201,169,104,.08)}.image-edition-select input{position:absolute;width:1px!important;height:1px!important;opacity:0}.image-edition-select span{display:flex;flex-direction:column}.image-edition-select strong{color:#aebdb4;font:11px var(--serif)}.image-edition-select small{margin-top:5px;color:#667b6f;font-size:8px}.image-edition-select .active strong{color:#ddcb94}.image-consent{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:start;margin:13px 0;color:#6d8175;font-size:8px;line-height:1.65;cursor:pointer}.image-consent input{width:14px!important;height:14px!important;margin-top:1px;accent-color:#8cac7d}.image-analysis-summary{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin-top:18px}.image-symbol{position:relative;display:grid;place-items:center;min-height:145px;border:1px solid #294136;background:radial-gradient(circle,rgba(110,150,108,.12),transparent 55%)}.image-symbol>span{color:#d8c58c;font:48px var(--serif)}.image-symbol>i{position:absolute;width:92px;height:92px;border:1px dashed rgba(201,169,104,.25);border-radius:50%;animation:orbit 22s linear infinite}.image-symbol>b{position:absolute;bottom:11px;color:#60746a;font-size:8px;font-weight:400;letter-spacing:.16em}.image-metadata{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-metadata article{padding:12px;border:1px solid #263c31;background:rgba(4,16,11,.55)}.image-metadata small{display:block;color:#50645a;font-size:8px}.image-metadata strong{display:block;margin-top:5px;color:#acbbb2;font:11px var(--serif);overflow-wrap:anywhere}.image-check-card{margin-top:14px;padding:14px;border:1px solid rgba(120,160,118,.22);background:rgba(99,140,96,.05)}.image-check-card header{display:flex;justify-content:space-between;color:#cdbb87;font:11px var(--serif)}.image-check-card header strong{color:#86a282;font-size:9px}.image-check-card p{margin:9px 0;color:#9aaba1;font-size:9px}.image-check-card>div{display:flex;flex-wrap:wrap;gap:5px}.image-check-card>div span{padding:4px 7px;border:1px solid #294136;color:#71867a;font-size:8px}.image-check-card>small{display:block;margin-top:8px;color:#9c786f;font-size:8px}.image-policy-line{margin:13px 0 0;padding-top:11px;border-top:1px dashed #294136;color:#52665b;font-size:8px;line-height:1.6}

@media(max-width:600px){.image-edition-select,.image-analysis-summary{grid-template-columns:1fr}.image-symbol{min-height:120px}.image-drop-zone{min-height:220px}.image-drop-zone>img{height:250px}}
.report-timeline{margin-top:14px;padding:14px;border:1px solid #2a4035;background:#07160f}.report-timeline>header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.report-timeline>header span{color:#c5a963}.report-timeline h4{margin:0;color:#cfbc87;font:15px var(--serif)}.report-timeline>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px}.report-timeline article{padding:10px;border-left:1px solid #725e34;background:#0a1b14}.report-timeline strong{color:#d4bd7f;font-size:10px}.report-timeline p{margin:5px 0;color:#9bad9f;font-size:9px;line-height:1.6}.report-timeline small{color:#586c61;font-size:8px}
.ziwei-empty b{display:inline-block;margin-left:3px;color:#887551;font-weight:400}.ziwei-palace footer{flex-wrap:wrap}.ziwei-palace footer small{flex-basis:100%;max-width:100%;overflow:hidden;white-space:nowrap;color:#3e5448;font-size:5px}
.ziwei-transform-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-top:7px}.ziwei-transform-summary span{padding:2px 5px;border:1px solid rgba(201,169,104,.12);color:#806e4c;font-size:5px}
.meihua-meta{grid-template-columns:repeat(4,1fr);min-width:650px}.meihua-chart-pro .hexagram-trio,.meihua-chart-pro .body-use{min-width:650px}
.meihua-aux{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;min-width:650px;margin-top:9px}.meihua-aux article{display:flex;flex-direction:column;padding:10px;border:1px solid #263e31;background:#081710}.meihua-aux span{color:#52675b;font-size:6px}.meihua-aux strong{margin:5px 0;color:#d7c38d;font:11px var(--serif)}.meihua-aux small{color:#687d71;font-size:6px;line-height:1.5}
.qimen-board article.pressure{box-shadow:inset 3px 0 #7e584d}.qimen-board article.punishment{box-shadow:inset 0 0 0 1px #8d6a43}.qimen-board article.chief.punishment{box-shadow:inset 0 0 0 1px #bd9860,inset 0 0 30px rgba(201,169,104,.035)}
.qimen-door{flex-wrap:wrap}.qimen-door small{color:#51675a;font-size:5px}.qimen-use-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:4px;min-width:600px;margin-top:7px}.qimen-use-row article{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #263d31;background:#081710}.qimen-use-row span{color:#566c5f;font-size:6px}.qimen-use-row strong{color:#d7c38d;font:11px var(--serif)}.qimen-use-row small{margin-left:auto;color:#75897d;font-size:6px}
.three-transmissions article.void{background-image:repeating-linear-gradient(135deg,rgba(160,98,82,.05) 0 4px,transparent 4px 8px)}.three-transmissions article.horse{box-shadow:inset 2px 0 #9a7d48}.three-transmissions div em small{color:#bd796c;font-size:5px}
.liuren-links,.liuren-use{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.liuren-links span,.liuren-use span{padding:4px 6px;border:1px solid #263d31;background:#081710;color:#64796d;font-size:6px}.liuren-links b,.liuren-use b{color:#ad9664;font-weight:400}
@media(max-width:700px){
  .shen-sha-grid,.annual-cycle-grid,.ai-edition-grid{grid-template-columns:1fr 1fr}.ai-edition-panel>header{align-items:flex-start;flex-direction:column}.annual-cycle-grid article{min-height:130px}
  .bazi-meta,.bazi-chart .pillar-grid,.bazi-aux,.meihua-meta,.meihua-chart-pro .hexagram-trio,.meihua-chart-pro .body-use,.meihua-aux{min-width:680px}
  .luck-cycle-strip{min-width:760px}.professional-options .field-row{grid-template-columns:1fr}
}

/* Commercial account, membership and legal surfaces */
.consent-stack{display:flex;flex-direction:column;gap:7px;padding:8px 0}.consent-stack a{margin-left:2px;color:#37634a;font-weight:700}.muted-link:hover{color:#37634a}
.account-page,.pricing-page,.legal-page,.reset-page{min-height:100vh;background:radial-gradient(circle at 75% 5%,rgba(76,125,84,.12),transparent 30%),#071510}
.topbar-credit{display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid rgba(201,169,104,.22);border-radius:12px;color:#8b7a56;font-size:7px}.topbar-credit b{color:var(--gold-light);font:10px var(--serif)}
.account-topbar,.simple-topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;max-width:1280px;height:82px;margin:auto;padding:0 30px;border-bottom:1px solid rgba(201,169,104,.12)}
.account-topbar nav,.simple-topbar nav{display:flex;align-items:center;gap:24px;color:#87998e;font-size:11px}.account-topbar nav a:hover,.simple-topbar nav a:hover{color:var(--gold-light)}
.account-main{max-width:1180px;margin:auto;padding:58px 30px 100px}.account-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:42px}.account-kicker{color:var(--gold);font-size:8px;letter-spacing:.28em}.account-hero h1{margin:13px 0 8px;font:38px/1.35 var(--serif)}.account-hero p{margin:0;color:#63776c;font:12px var(--serif)}
.credit-orb{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:150px;flex:0 0 auto;border:1px solid rgba(201,169,104,.3);border-radius:50%;background:radial-gradient(circle,rgba(110,154,104,.12),transparent 65%);box-shadow:0 0 0 9px rgba(201,169,104,.025),0 0 0 10px rgba(201,169,104,.09)}.credit-orb::before{content:"";position:absolute;inset:13px;border:1px dashed rgba(184,210,157,.17);border-radius:50%;animation:orbit 28s linear infinite}.credit-orb small,.credit-orb strong,.credit-orb span{position:relative}.credit-orb small{color:#60766a;font-size:7px;letter-spacing:.18em}.credit-orb strong{color:var(--gold-light);font:34px var(--serif)}.credit-orb span{color:#52675b;font-size:7px}
.account-notice{margin-bottom:18px;padding:12px 15px;border-left:2px solid #79a37a;background:rgba(111,158,111,.08);color:#a9c4aa;font-size:10px}.account-notice.error{border-color:#b76c61;background:rgba(170,83,72,.08);color:#d19489}.deletion-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:15px 18px;border:1px solid rgba(184,107,92,.35);background:rgba(140,66,54,.08)}.deletion-banner div{display:flex;flex-direction:column}.deletion-banner b{color:#d09285;font:13px var(--serif)}.deletion-banner span{margin-top:4px;color:#805e57;font-size:8px}.deletion-banner button{padding:7px 11px;border:1px solid #855b51;background:transparent;color:#c78c80;font-size:9px}
.membership-panel{display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:28px;margin-bottom:20px;padding:24px 27px;border:1px solid rgba(201,169,104,.22);background:linear-gradient(120deg,rgba(36,70,51,.7),rgba(10,29,21,.9))}.membership-copy>span{color:var(--gold);font-size:7px;letter-spacing:.15em}.membership-copy h2{margin:5px 0 3px;font:23px var(--serif)}.membership-copy p{margin:0;color:#61766a;font-size:8px}.membership-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#284033}.membership-meta span{display:flex;flex-direction:column;padding:9px;background:#0a1b14;color:#53685c;font-size:7px}.membership-meta b{margin-top:4px;color:#a4b4aa;font:9px var(--serif)}.membership-panel>a{color:var(--gold-light);font-size:9px}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-card{padding:25px;border:1px solid rgba(171,196,174,.13);background:linear-gradient(145deg,rgba(17,43,32,.9),rgba(8,24,17,.94));box-shadow:0 18px 50px rgba(0,0,0,.14)}.account-card>header{display:flex;gap:11px;align-items:center;margin-bottom:22px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.07)}.account-card>header>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(201,169,104,.36);color:var(--gold);font:11px var(--serif)}.account-card h2{margin:0;font:17px var(--serif)}.account-card header p{margin:3px 0 0;color:#4f6458;font-size:7px}.account-card label{display:block;margin:12px 0 6px;color:#7f9387;font-size:8px}.account-card input,.account-card select{width:100%;height:42px;padding:0 11px;border:1px solid #294035;outline:0;background:#081710;color:#bdc9c0;color-scheme:dark;font-size:10px}.account-card input:focus,.account-card select:focus{border-color:#648469;box-shadow:0 0 0 3px rgba(100,132,105,.08)}.account-card input:disabled{color:#52675b;background:#0a1913}.account-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-primary,.account-secondary{margin-top:17px;padding:10px 14px;border:0;background:#a9c794;color:#10291c;font-size:9px;font-weight:700}.account-secondary{border:1px solid #46604f;background:transparent;color:#9aada0}.account-primary:disabled,.account-secondary:disabled{opacity:.5}
.email-status{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #294035;background:#081710}.email-status div{display:flex;flex-direction:column}.email-status small{color:#52675b;font-size:7px}.email-status strong{margin-top:4px;color:#b9c4bc;font-size:10px}.email-status i{padding:4px 7px;border:1px solid #79544d;color:#b9796d;font:normal 7px var(--sans)}.email-status i.verified{border-color:#58755d;color:#8eb18e}.email-change-form,.password-form{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.email-change-form h3,.password-form h3{margin:0 0 10px;font:13px var(--serif)}.email-change-form input,.password-form input{margin-top:7px}
.plans-section{padding:75px 0 30px;scroll-margin-top:20px}.account-section-title{text-align:center}.account-section-title>span{color:var(--gold);font-size:8px;letter-spacing:.25em}.account-section-title h2{margin:10px 0 8px;font:30px var(--serif)}.account-section-title p{color:#53685c;font-size:9px}.account-plan-grid,.public-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.account-plan-grid article,.public-plan-grid article{position:relative;display:flex;flex-direction:column;min-height:390px;padding:27px;border:1px solid rgba(176,203,178,.13);background:linear-gradient(150deg,rgba(18,46,34,.85),rgba(7,22,15,.95))}.account-plan-grid article.current,.public-plan-grid article.featured{border-color:rgba(201,169,104,.5);box-shadow:inset 0 0 45px rgba(201,169,104,.035),0 18px 55px rgba(0,0,0,.16)}.account-plan-grid article>span,.public-plan-grid article>span{display:grid;place-items:center;width:45px;height:45px;border:1px solid rgba(201,169,104,.35);color:var(--gold-light);font:21px var(--serif)}.account-plan-grid article>small,.public-plan-grid article>small{position:absolute;right:19px;top:19px;padding:3px 7px;border:1px solid #60795f;color:#91aa8d;font-size:7px}.account-plan-grid h3,.public-plan-grid h2{margin:20px 0 5px;font:21px var(--serif)}.account-plan-grid article>p,.public-plan-grid article>p{min-height:34px;color:#5d7166;font-size:8px;line-height:1.7}.account-plan-grid article>strong,.public-plan-grid article>strong{margin:8px 0;color:#e7d2a3;font:31px var(--serif)}.account-plan-grid strong i,.public-plan-grid strong i{margin-right:3px;font-size:13px;font-style:normal}.account-plan-grid strong em,.public-plan-grid strong em{color:#53685c;font:normal 8px var(--sans)}.account-plan-grid ul,.public-plan-grid ul{display:flex;flex-direction:column;gap:9px;margin:10px 0 24px;padding:0;list-style:none;color:#879a8e;font-size:9px}.account-plan-grid li::before,.public-plan-grid li::before{content:"✓";margin-right:7px;color:#7ea17c}.account-plan-grid article>button,.public-plan-grid article>a{margin-top:auto;padding:10px;border:1px solid #3f5948;background:transparent;color:#8da093;text-align:center;font-size:8px}.account-plan-grid article.current>button,.public-plan-grid article.featured>a{border-color:#9f874f;color:#d3bc87}
.account-ledger{margin-top:20px}.ledger-head,.ledger-row{display:grid;grid-template-columns:150px 1fr 80px 70px;align-items:center;gap:10px}.ledger-head{padding:0 10px 8px;color:#455a4e;font-size:7px}.ledger-row{min-height:58px;padding:8px 10px;border-top:1px solid #21372b;color:#667b6f;font-size:8px}.ledger-row>span:nth-child(2){display:flex;flex-direction:column}.ledger-row b{color:#aab9af;font:10px var(--serif)}.ledger-row small{margin-top:4px;color:#465c50}.ledger-row strong{color:#bd796c;font:11px var(--serif)}.ledger-row strong.plus{color:#8daf89}.ledger-row em{color:#9d895b;font:normal 11px var(--serif)}.account-empty{margin:0;padding:35px;text-align:center;color:#496055;font:10px var(--serif)}.order-row{display:grid;grid-template-columns:1.2fr 1fr 90px 70px;gap:12px;padding:13px 10px;border-top:1px solid #21372b;color:#596e62;font-size:8px}.order-row b{color:#9eafa4;font-weight:400}.order-row em{color:#c6af78;font-style:normal}.order-row i{color:#778b7e;font-style:normal}
.danger-zone{margin-top:20px;border-color:rgba(156,84,71,.22)}.danger-zone>header>span{border-color:#815047;color:#be796c}.danger-toggle{padding:8px 12px;border:1px solid #704a43;background:transparent;color:#ae6d63;font-size:8px}.danger-zone form{margin-top:16px;padding:16px;border:1px solid rgba(154,75,65,.22);background:rgba(130,56,48,.045)}.danger-zone form p{color:#755c56;font-size:8px;line-height:1.8}.danger-zone form p b{color:#bb8075}.danger-zone form input{margin-top:7px;border-color:#50332f}.danger-zone form button{margin-top:12px;padding:9px 12px;border:0;background:#743e36;color:#ead5d0;font-size:8px}.account-loading{display:grid;place-items:center;align-content:center;min-height:calc(100vh - 82px);color:#5d7166}.account-loading span{font-size:50px;color:var(--gold-light);animation:orbit 2s linear infinite}.account-loading p{font:11px var(--serif)}

.pricing-main{max-width:1180px;margin:auto;padding:70px 30px 110px}.pricing-hero{text-align:center}.pricing-hero>span{color:var(--gold);font-size:8px;letter-spacing:.3em}.pricing-hero h1{margin:17px 0 12px;font:44px var(--serif)}.pricing-hero h1 em{color:var(--jade-bright);font-style:normal}.pricing-hero p{max-width:650px;margin:auto;color:#64786d;font:11px/1.9 var(--serif)}.public-plan-grid{margin-top:55px}.public-plan-grid article>b{color:#819589;font:9px var(--serif)}.credit-cost-panel{display:grid;grid-template-columns:1fr 1.4fr;gap:45px;align-items:center;margin-top:45px;padding:34px;border:1px solid rgba(201,169,104,.18);background:rgba(21,49,36,.55)}.credit-cost-panel>div:first-child>span{color:var(--gold);font-size:8px;letter-spacing:.2em}.credit-cost-panel h2{margin:8px 0;font:23px var(--serif)}.credit-cost-panel p{margin:0;color:#566b5f;font-size:8px}.credit-cost-panel>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.credit-cost-panel>div:last-child>span{display:grid;grid-template-columns:1fr auto;align-items:end;padding:10px;border:1px solid #2b4336;background:#081710}.credit-cost-panel b{color:#84978b;font-size:8px}.credit-cost-panel strong{color:var(--gold-light);font:18px var(--serif)}.credit-cost-panel small{grid-column:1/3;color:#465c50;font-size:6px}.payment-disclosure{margin:18px 0 0;color:#50645a;font-size:8px;text-align:center}
.legal-main{max-width:850px;margin:auto;padding:80px 30px 120px}.legal-main>span{color:var(--gold);font-size:8px;letter-spacing:.25em}.legal-main h1{margin:15px 0 12px;font:42px var(--serif)}.legal-lead{padding:18px;border-left:2px solid var(--gold);background:rgba(201,169,104,.045);color:#819187!important}.legal-main section{padding:27px 0;border-bottom:1px solid rgba(255,255,255,.07)}.legal-main h2{font:19px var(--serif)}.legal-main p{color:#71847a;font:11px/2 var(--serif)}.legal-main footer{display:flex;gap:20px;margin-top:30px}.legal-main footer a{padding:9px 13px;border:1px solid #334d3e;color:#8a9c91;font-size:9px}
.reset-shell{position:relative;display:grid;place-items:center;min-height:100vh;padding:90px 25px}.reset-shell>.brand{position:absolute;left:40px;top:30px}.reset-shell>section{width:min(440px,100%);padding:35px;border:1px solid rgba(201,169,104,.18);background:linear-gradient(145deg,rgba(20,50,37,.9),rgba(7,22,15,.96));box-shadow:var(--shadow)}.reset-shell section>span{color:var(--gold);font-size:8px;letter-spacing:.25em}.reset-shell h1{margin:14px 0 8px;font:31px var(--serif)}.reset-shell p{color:#66796e;font:10px/1.8 var(--serif)}.reset-shell form{display:flex;flex-direction:column;margin:25px 0}.reset-shell label{margin:10px 0 6px;color:#85978d;font-size:8px}.reset-shell input{height:44px;padding:0 11px;border:1px solid #2a4235;outline:0;background:#081710;color:#bdc8c0}.reset-shell form ul{padding-left:18px;color:#b87569;font-size:8px}.reset-shell button{margin-top:15px;padding:11px;border:0;background:#a9c794;color:#12291d;font-size:9px;font-weight:700}.reset-shell section>a{color:#91a399;font-size:9px}

@media(max-width:850px){
  .account-topbar,.simple-topbar{height:auto;min-height:72px;padding:12px 20px}.account-topbar nav,.simple-topbar nav{gap:12px}.account-main,.pricing-main{padding-left:18px;padding-right:18px}.account-hero{align-items:flex-start}.credit-orb{width:120px;height:120px}.account-grid{grid-template-columns:1fr}.membership-panel{grid-template-columns:1fr}.membership-meta{max-width:520px}.account-plan-grid,.public-plan-grid{grid-template-columns:1fr}.credit-cost-panel{grid-template-columns:1fr}.account-plan-grid article,.public-plan-grid article{min-height:350px}.ledger-head,.ledger-row{grid-template-columns:100px 1fr 55px 45px}.order-row{grid-template-columns:1fr 1fr 65px}.order-row>span{display:none}
}
@media(max-width:560px){
  .account-topbar .brand-copy,.simple-topbar .brand-copy{display:none}.account-topbar nav a:first-child,.simple-topbar nav a:first-child{display:none}.account-hero{display:block}.credit-orb{margin:30px auto 0}.account-hero h1{font-size:29px}.account-form-row{grid-template-columns:1fr}.membership-meta{grid-template-columns:1fr}.ledger-head{display:none}.ledger-row{grid-template-columns:1fr 55px 40px}.ledger-row>span:first-child{grid-column:1/4;color:#40564a}.credit-cost-panel>div:last-child{grid-template-columns:repeat(2,1fr)}.pricing-hero h1{font-size:34px}.legal-main h1{font-size:33px}.reset-shell>.brand{left:20px}.deletion-banner{align-items:flex-start;flex-direction:column}
}

/* Dashboard stage priority: keep professional charts beside the input panel. */
.result-panel,.chart-result{width:100%;min-width:0}
@media (min-width:1201px){
  .app-topbar .brand{width:195px}
  .app-sidebar{width:210px;padding:22px 10px 16px}
  .app-workspace{margin-left:210px;padding:105px 16px 65px}
  .workspace-grid{grid-template-columns:276px minmax(0,1fr);gap:18px}
  .method-nav{grid-template-columns:38px 1fr auto;gap:8px;padding:9px 7px}
  .method-nav small{display:none}
  .sidebar-note{margin:12px 2px;padding:10px}
}
@media (min-width:901px) and (max-width:1200px){
  .app-topbar .brand{width:195px}
  .app-sidebar{display:none}
  .app-workspace{margin-left:0;padding:92px 20px 55px}
  .mobile-methods{display:flex;gap:6px;overflow-x:auto;margin:0 -20px 22px;padding:0 20px 10px}
  .mobile-methods button{flex:0 0 auto;padding:7px 11px;border:1px solid #263c31;border-radius:3px;background:#0b1d16;color:#6c8175;font-size:9px}
  .mobile-methods button.active{border-color:#66866c;color:#d4ded6}
  .workspace-grid{grid-template-columns:276px minmax(0,1fr);gap:18px}
  .input-panel{padding:18px}
}

.divination-families .folk-branch>div span{color:#806b47}
.life-topic-select{border-color:#526b58;background:linear-gradient(135deg,#0b2117,#101b15);color:#d8c68f;font-family:var(--serif)}
.life-topic-note{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;margin:9px 0 16px;padding:11px;border:1px solid #2b4337;background:rgba(7,24,16,.72)}
.life-topic-note>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #5c795f;border-radius:50%;color:#a7bd9f;font:13px var(--serif)}
.life-topic-note p{margin:0;color:#70877a;font-size:8px;line-height:1.7}.life-topic-note strong{display:block;color:#b9c9bc;font:11px var(--serif)}
.life-topic-note.premium{border-color:#826b3b;background:radial-gradient(circle at 0 0,rgba(184,146,63,.13),transparent 55%),#0b1b13}.life-topic-note.premium>span{border-color:#b18d45;color:#e1c77f;box-shadow:0 0 16px rgba(196,155,67,.12)}.life-topic-note.premium strong{color:#e2cc91}
.ai-edition-grid article.comprehensive{border-color:#8b713d;background:radial-gradient(circle at 100% 0,rgba(203,159,62,.12),transparent 48%),rgba(12,25,17,.9)}
.ai-edition-grid article.comprehensive h4{color:#efd58d}.ai-edition-grid article.comprehensive button{border-color:#a1813e;background:linear-gradient(90deg,#56421e,#806127);box-shadow:0 8px 24px rgba(121,87,29,.12)}
@media(max-width:720px){
  .wushu-list article{grid-template-columns:26px 42px 1fr;gap:10px;align-items:start}
  .wushu-seal{width:39px;height:39px}
  .wushu-branches,.wushu-branches.two-branches{grid-template-columns:1fr}
  .wushu-branches>span{min-height:0}
}