:root { --ink:#332a21; --muted:#7d6a58; --gold:#b18a50; --gold-dark:#806032; --line:rgba(181,143,91,.42); --paper:rgba(255,250,243,.7); --glass:rgba(255,251,245,.62); --glass-deep:rgba(255,249,239,.83); --red:#a93f34; --shadow:0 10px 28px rgba(94,67,36,.14), inset 0 1px 1px rgba(255,255,255,.95); --round:24px; font-family:"STKaiti","KaiTi","Songti SC",serif; color:var(--ink); }
*{box-sizing:border-box} body{margin:0;min-width:1120px;background:#e8e1d7;color:var(--ink)} button{font:inherit;color:inherit;cursor:pointer} .app-shell{min-height:100vh;background:radial-gradient(ellipse at 48% 30%,rgba(255,255,255,.88),rgba(246,239,227,.57) 36%,transparent 66%),linear-gradient(180deg,#f4eee6,#e7ded2);position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";position:absolute;pointer-events:none;z-index:0}.app-shell:before{inset:74px 0 0;background:linear-gradient(90deg,rgba(122,135,126,.28),transparent 19%,transparent 76%,rgba(110,121,113,.28)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') center/cover;filter:saturate(.45) contrast(.75);opacity:.25;mix-blend-mode:multiply}.app-shell:after{inset:74px 0 0;background-image:radial-gradient(rgba(95,66,30,.17) .6px,transparent .7px);background-size:5px 5px;opacity:.12}.topbar{height:76px;position:relative;z-index:5;display:flex;align-items:center;padding:0 46px;background:linear-gradient(110deg,rgba(20,22,21,.97),rgba(31,32,30,.95));color:#ead4a9;box-shadow:0 2px 10px #3c3023}.brand{border:0;background:none;color:#e9c986;display:flex;align-items:center;gap:11px;font-size:32px;font-weight:700;letter-spacing:7px}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid #c99c55;border-radius:50%;font-size:35px;line-height:1}.nav-links{display:flex;align-self:stretch;align-items:center;justify-content:center;gap:42px;flex:1;margin-left:75px}.nav-link{height:100%;border:0;border-bottom:3px solid transparent;background:none;padding:0 8px;font-size:18px;letter-spacing:3px;color:#e8d5ad}.nav-link.active,.nav-link:hover{border-bottom-color:#efd49a;color:#fff0c9}.profile-button{border:0;background:none;color:#ead8b4;display:flex;align-items:center;gap:11px;font-size:16px;letter-spacing:2px}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 40% 25%,#fff8e9 0 17%,#b99c73 19% 28%,#fff5df 30% 58%,#78664f 60%);color:transparent;border:1px solid #cab27f}.chevron{font-size:24px}.page-stage{position:relative;z-index:1;padding:38px 52px 38px;min-height:calc(100vh - 76px)}.page-grid{display:grid;grid-template-columns:275px minmax(560px,1fr) 355px;gap:28px;max-width:1580px;margin:auto}.page-grid.no-left{grid-template-columns:minmax(700px,1fr) 330px;max-width:1380px}.glass-panel{background:linear-gradient(125deg,rgba(255,254,249,.8),rgba(255,248,238,.52));backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.87);box-shadow:var(--shadow);border-radius:var(--round);position:relative;overflow:hidden}.glass-panel:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;border:1px solid var(--line);opacity:.8}.side-card{padding:26px 29px;min-height:720px}.side-card h2,.section-title{font-size:23px;text-align:center;margin:0;letter-spacing:4px}.ornament{text-align:center;color:var(--gold);margin:5px 0 20px}.profile-list{margin:0}.profile-list div{margin:12px 0}.profile-list dt{color:#a47e4c;font-size:14px;letter-spacing:2px;margin-bottom:4px}.profile-list dd{margin:0;font-size:15px}.divider,.rule{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:27px 0 20px}.muted{color:var(--muted);font-size:14px;letter-spacing:1px;line-height:1.7}.center{text-align:center}.progress-ring{width:112px;height:112px;margin:14px auto 8px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fffaf0 60%,transparent 61%),conic-gradient(#a77c42 0 75%,#d8c4a4 75%);font-family:Georgia,serif;font-size:30px}.secondary,.primary{border-radius:10px;padding:10px 20px;border:1px solid var(--line);background:rgba(255,250,241,.65);color:#8b6536;letter-spacing:2px}.secondary:hover{background:#fff7e9}.small{display:block;margin:24px auto 0;padding:9px 16px;font-size:14px}.content-column{min-width:0}.page-hero{text-align:center;padding:9px 0 28px}.page-hero h1{font-size:47px;letter-spacing:12px;margin:0 0 6px;text-shadow:0 1px 0 white}.page-hero h1 .seal{font-size:22px;color:#a9473b;letter-spacing:0}.page-hero p{margin:0;color:#79624c;font-size:18px;letter-spacing:5px}.section-card{padding:20px 24px;margin-bottom:18px}.section-heading{font-size:22px;letter-spacing:3px;margin:0 0 17px;display:flex;align-items:center;gap:10px}.section-heading:before{content:"✦";color:var(--gold)}.daily-actions{display:grid;grid-template-columns:repeat(3,1fr);padding:9px 0}.daily-action{text-align:center;padding:0 18px;border-right:1px solid rgba(172,133,86,.24)}.daily-action:last-child{border:0}.icon-circle{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;border:1px solid rgba(174,130,76,.55);font-size:27px;color:#9a713e;background:radial-gradient(circle,#fffaf2,rgba(237,220,194,.45))}.daily-action h3{margin:0;font-size:20px;letter-spacing:2px}.daily-action p{margin:4px 0 0;color:var(--muted);font-size:13px}.measure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.measure-card{min-height:181px;padding:20px 13px;text-align:center;border-radius:18px;border:1px solid rgba(255,255,255,.9);outline:1px solid rgba(178,139,89,.33);outline-offset:-4px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(242,226,201,.35));transition:.2s}.measure-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(105,72,30,.15)}.measure-card .icon-circle{width:51px;height:51px;margin-bottom:7px}.measure-card h3{margin:0;font-size:21px;letter-spacing:2px}.measure-card p{margin:5px 0 8px;color:var(--muted);font-size:13px;line-height:1.45}.arrow-link{border:0;background:none;color:#9a713e;font-size:19px}.bottom-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:17px}.wish-card{min-height:132px;background:linear-gradient(130deg,rgba(255,253,248,.78),rgba(251,244,230,.56)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') left bottom/cover}.wish-card p{max-width:60%;font-size:14px;line-height:1.7;margin:0;color:#705d4c}.wish-card .secondary{float:right;margin-top:-5px}.seven-day{padding:15px 20px}.days{display:flex;justify-content:space-between;margin-top:18px}.day{display:grid;gap:5px;justify-items:center;color:#80613c}.day i{width:23px;height:23px;border-radius:50%;border:1px solid #b59059;font-style:normal;display:grid;place-items:center;font-size:13px}.day.done i{background:#947242;color:white}.day span{font-size:12px}.right-rail{display:grid;gap:13px;align-content:start}.rail-card{padding:21px 20px}.eyebrow{margin:0;color:#82653f;font-size:17px;letter-spacing:3px}.hint{float:right}.solar-card{min-height:164px}.solar-card h2{font-size:26px;margin:13px 0 2px}.pill{font-size:12px;vertical-align:middle;background:#a58a66;color:white;border-radius:4px;padding:3px 5px}.botanical{position:absolute;right:27px;bottom:19px;font-size:45px;opacity:.4;color:#80613b}.fate-summary{display:flex;align-items:center;gap:18px;margin:14px 0}.fate-wheel{width:105px;height:105px;border:2px double #b69975;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:19px;line-height:1.2;transform:rotate(-8deg);background:repeating-conic-gradient(from 0deg,transparent 0deg 23deg,rgba(161,119,67,.25) 24deg 25deg,transparent 26deg 30deg)}.fate-summary dl{margin:0;flex:1;font-size:14px}.fate-summary dl div{display:flex;justify-content:space-between;padding:3px}.fate-summary dt{color:#826542}.fate-summary dd{margin:0}.annual-mini{border-top:1px solid rgba(174,133,86,.25);padding-top:9px;font-size:13px;color:#6d5a47}.annual-mini svg{display:block;width:100%;height:37px}.annual-mini polyline{fill:none;stroke:#ac8352;stroke-width:1.5}.report-mini-list>div{font-size:13px;padding:11px 0;border-bottom:1px solid rgba(174,133,86,.23);color:#685644}.report-mini-list button,.text-button{float:right;border:0;background:none;color:#9b713b}.text-button{font-size:13px}.page-header{padding:6px 0 22px;text-align:center}.page-header h1{font-size:43px;letter-spacing:8px;margin:0 0 5px}.page-header p{margin:0;color:#79624c;font-size:17px;letter-spacing:3px}.detail-card{padding:26px}.info-kicker{color:#a27c4a;letter-spacing:3px;margin:0 0 7px}.page-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-title-row h2{font-size:30px;margin:0;letter-spacing:2px}.tag{border:1px solid var(--line);border-radius:20px;color:#926e3e;padding:6px 12px;font-size:13px}.chart-area{height:190px;border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(220,197,161,.15));border:1px solid rgba(183,143,91,.25);position:relative;overflow:hidden;padding:15px}.chart-area svg{width:100%;height:100%}.chart-area path{fill:rgba(183,142,79,.15);stroke:#a87d42;stroke-width:2}.chart-area line{stroke:rgba(155,124,84,.2);stroke-dasharray:5}.chart-labels{display:flex;justify-content:space-between;color:#866944;font-size:12px;padding:8px 5px 0}.four-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.dimension{padding:15px;border:1px solid rgba(173,129,73,.25);border-radius:16px;background:rgba(255,255,255,.46)}.dimension h3{font-size:18px;margin:0 0 5px;color:#765631}.dimension p{font-size:13px;color:#765f4c;line-height:1.6;margin:0}.timeline{display:flex;gap:12px;overflow:auto;padding:4px 1px 10px}.timeline-card{min-width:155px;padding:13px;border-radius:14px;background:rgba(255,255,255,.48);border:1px solid rgba(177,136,79,.27)}.timeline-card b{color:#89643a;display:block;margin-bottom:5px}.timeline-card p{font-size:13px;margin:0;color:#71604f}.self-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:19px}.birth-chart{min-height:350px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(236,220,195,.27));border-radius:18px;border:1px solid rgba(178,138,80,.3)}.birth-chart-inner{width:265px;height:265px;border:3px double #a67d47;border-radius:50%;display:grid;place-items:center;text-align:center;position:relative;font-size:23px;letter-spacing:5px;background:repeating-conic-gradient(from 5deg,transparent 0deg 41deg,rgba(164,122,67,.25) 42deg 43deg,transparent 44deg 45deg)}.birth-chart-inner:before{content:"命盘总览\A 乙木日主";white-space:pre;display:grid;place-items:center;width:110px;height:110px;border:1px solid #b5905b;border-radius:50%;font-size:18px;line-height:1.5;letter-spacing:3px}.birth-chart-inner span{position:absolute;font-size:15px;letter-spacing:1px;color:#805e37}.birth-chart-inner span:nth-child(1){top:28px}.birth-chart-inner span:nth-child(2){right:17px}.birth-chart-inner span:nth-child(3){bottom:29px}.birth-chart-inner span:nth-child(4){left:17px}.stat-row{display:grid;gap:12px}.stat-card{padding:15px;border-radius:15px;border:1px solid rgba(177,136,79,.25);background:rgba(255,255,255,.46)}.stat-card h3{margin:0 0 6px;font-size:18px}.bars{display:grid;gap:6px}.bar{display:grid;grid-template-columns:34px 1fr 28px;align-items:center;gap:8px;font-size:13px;color:#79614a}.bar i{height:8px;background:#dac9ad;border-radius:8px;overflow:hidden}.bar b{display:block;height:100%;background:linear-gradient(90deg,#b68d50,#8b6540);border-radius:inherit}.action-row{display:flex;gap:12px;flex-wrap:wrap;padding-top:5px}.primary{background:linear-gradient(135deg,#a97a3c,#735025);color:#fff9e9;border-color:#d0a965;box-shadow:inset 0 1px rgba(255,255,255,.35),0 3px 8px rgba(89,57,21,.23)}.primary.red{background:linear-gradient(135deg,#bd5649,#8e3028);border-color:#e0927c}.lessons{padding:18px 0 10px;overflow:hidden}.lessons-scroller{display:flex;gap:15px;overflow:hidden;padding:7px 24px 11px}.lesson-card{min-width:240px;padding:16px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid rgba(178,138,80,.27)}.lesson-card h3{margin:0 0 5px;font-size:19px}.lesson-card p{margin:0;color:#75604d;font-size:13px;line-height:1.5}.lesson-card.partial{opacity:.76}.slider-hint{text-align:right;padding:0 28px;color:#9a7444;font-size:12px}.inquiry-layout{display:grid;grid-template-columns:1fr 330px;gap:18px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic{min-height:92px;padding:15px;border-radius:15px;border:1px solid rgba(179,138,81,.3);background:rgba(255,255,255,.46);text-align:left;transition:.2s}.topic:hover,.topic.selected{outline:2px solid rgba(175,126,59,.55);background:rgba(255,250,240,.79)}.topic span{font-size:24px;color:#a3743e;display:block}.topic b{font-size:17px;letter-spacing:1px}.topic small{display:block;color:#806c59;margin-top:3px}.textarea{width:100%;height:88px;padding:14px;border:1px solid rgba(176,134,75,.37);outline:none;border-radius:13px;background:rgba(255,255,255,.55);resize:vertical;font:15px "STKaiti","KaiTi",serif;color:#514131}.recommend{margin-top:16px;padding:14px;border-radius:14px;background:rgba(192,159,113,.11);border-left:3px solid #b28a52}.recommend p{margin:0 0 9px;font-size:14px}.method-tags{display:flex;gap:7px;flex-wrap:wrap}.method-tags span{padding:5px 9px;border-radius:12px;background:#fbf4e9;border:1px solid rgba(177,136,79,.3);font-size:13px;color:#815f35}.inquiry-aside{padding:22px}.inquiry-aside h2{font-size:23px;margin:0 0 14px}.inquiry-aside li{margin:14px 0;color:#75604d;line-height:1.5}.inquiry-aside .primary{width:100%;margin-top:12px}.love-entry{margin-top:18px;padding:18px;background:linear-gradient(130deg,rgba(255,255,255,.7),rgba(236,215,196,.47));border-radius:18px;border:1px solid rgba(177,136,79,.3)}.love-entry h3{margin:0;font-size:22px}.love-entry p{color:#725f4d;font-size:14px}.love-entry .secondary{margin-right:8px}.report-feature{display:grid;grid-template-columns:195px 1fr;gap:27px;align-items:center}.report-cover{height:265px;border-radius:13px;border:1px solid #b38b54;background:linear-gradient(135deg,rgba(215,198,166,.87),rgba(255,248,232,.8)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') center/cover;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:8px 8px 15px rgba(93,62,28,.18)}.report-cover div{font-size:25px;line-height:1.8;letter-spacing:3px}.report-copy h2{margin:0 0 8px;font-size:29px}.report-copy>p{color:#75604d;line-height:1.8;margin:0 0 15px}.feature-tags{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.feature-tags span{border:1px solid rgba(177,136,79,.4);border-radius:8px;padding:8px 10px;color:#815f35;font-size:14px}.report-actions{display:flex;gap:12px}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.history-card{padding:13px;border-radius:14px;border:1px solid rgba(177,136,79,.28);background:rgba(255,255,255,.44)}.history-card b{font-size:17px;line-height:1.5;display:block}.history-card p{font-size:12px;color:#7b6854;margin:7px 0}.history-card button{float:right}.report-side{display:grid;gap:14px}.report-side .glass-panel{padding:20px}.progress-steps{display:flex;justify-content:space-between;gap:6px;text-align:center;font-size:13px;margin-top:19px}.progress-steps span{display:grid;gap:7px;justify-items:center}.progress-steps i{width:34px;height:34px;border-radius:50%;font-style:normal;display:grid;place-items:center;border:1px solid #b18b55;color:#fff;background:#92703e}.progress-steps span:last-child i{background:transparent;color:#8b6636}.summary-list{margin:12px 0 0;padding:0;list-style:none}.summary-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(177,136,79,.25);font-size:14px}.summary-list li span{color:#7b6347}.question-box h2{font-size:20px;margin:0 0 8px}.question-box p{font-size:14px;color:#73604f;line-height:1.7}.question-box .primary{width:100%}.tabbed-page{padding-top:24px}
.special-tab{position:absolute;z-index:4;top:14px;right:200px;display:inline-flex;align-items:center;gap:14px;border:0;background:linear-gradient(180deg,#f9e8c4 0%,#ead6a9 100%);padding:11px 22px 12px 26px;border-radius:26px 26px 26px 4px;color:#7a532a;font-family:"STKaiti","KaiTi","Songti SC",serif;font-size:18px;letter-spacing:5px;box-shadow:0 4px 14px rgba(96,68,28,.28),inset 0 0 0 1px rgba(255,250,232,.6);transition:.2s}
.special-tab:before{content:"";width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff6dc 0 40%,#b88b48 41% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.special-tab b{font-size:15px;display:inline-grid;place-items:center;width:22px;height:22px;background:rgba(122,83,42,.18);color:#7a532a;border-radius:50%;letter-spacing:0;font-weight:400;transition:.2s}
.special-tab:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(96,68,28,.32),inset 0 0 0 1px rgba(255,250,232,.6)}
.special-tab:hover b{background:#7a532a;color:#fff9e9}.match-layout{display:grid;grid-template-columns:285px 1fr 300px;gap:24px;max-width:1480px;margin:auto}.match-layout .side-card{min-height:570px}.match-main{padding:38px}.match-content{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.portrait-veil{min-height:360px;border-radius:18px;background:radial-gradient(circle at 42% 40%,rgba(132,119,102,.3),transparent 23%),linear-gradient(125deg,rgba(255,255,255,.6),rgba(211,194,165,.25)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') center/cover;position:relative;overflow:hidden}.portrait-veil:after{content:"缘分轮廓 · 待生成";position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#80613e;letter-spacing:3px}.choice-list{display:grid;gap:12px}.choice{border:1px solid rgba(177,136,79,.32);background:rgba(255,255,255,.42);padding:15px;border-radius:14px;text-align:left;display:flex;gap:13px;align-items:center}.choice.selected{outline:2px solid rgba(179,130,64,.55);background:rgba(255,250,240,.78)}.choice .icon-circle{margin:0;width:44px;height:44px;flex:0 0 44px}.choice b{display:block;font-size:19px}.choice small{color:#7d6955;font-size:13px}.choice .tick{margin-left:auto;color:#fff;background:#b48b50;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.match-main .primary{display:block;width:82%;margin:20px auto 0;font-size:20px}.match-right{display:grid;gap:16px}.match-right .glass-panel{padding:22px}.benefit{display:flex;gap:12px;margin:16px 0}.benefit .icon-circle{margin:0;width:45px;height:45px;flex:0 0 45px}.benefit b{font-size:17px}.benefit p{font-size:13px;color:#74604e;margin:3px 0}.steps-band{max-width:1140px;margin:19px auto 0;padding:16px 28px;display:flex;gap:18px;align-items:center;justify-content:space-between}.steps-band-label{font-size:17px;color:#71593d;letter-spacing:3px;white-space:nowrap;flex:0 0 auto;padding-right:18px;border-right:1px solid rgba(177,136,79,.3)}.steps-band .step{flex:1;min-width:0;display:flex;gap:11px;align-items:center}.steps-band .step span{font-size:15px;color:#3a2918;letter-spacing:2px;line-height:1.3}.steps-band .step small{display:block;color:#7e6a4f;font-size:11px;letter-spacing:1px;margin-top:2px}.step-arrow{font-style:normal;font-size:22px;color:#a97a3c;flex:0 0 auto;opacity:.7}.step{display:flex;gap:9px;align-items:center}.step i{width:42px;height:42px;border-radius:50%;background:#fffaf0;display:grid;place-items:center;font-style:normal;font-size:22px;color:#95713e;border:1px solid rgba(177,136,79,.4);flex:0 0 42px}.step small{display:block;color:#7a6753}.toast{position:fixed;z-index:30;right:30px;bottom:30px;padding:14px 20px;border-radius:12px;background:#3e3326;color:#fff9eb;box-shadow:0 6px 20px #4a3623;transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:translateY(0);opacity:1}.incense-overlay{position:fixed;z-index:25;inset:0;display:grid;place-items:center;background:rgba(37,31,24,.49);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:.4s}.incense-overlay.open{opacity:1;pointer-events:auto}.ritual-card{width:650px;padding:34px 46px 39px;text-align:center;background:linear-gradient(140deg,rgba(255,251,244,.96),rgba(232,217,195,.89));border:1px solid rgba(255,255,255,.9);outline:1px solid rgba(181,140,82,.52);outline-offset:-7px;border-radius:30px;box-shadow:0 20px 65px rgba(23,17,12,.45)}.ritual-card h2{font-size:30px;letter-spacing:8px;margin:0}.ritual-card>p{color:#79604a;margin:9px 0 6px;letter-spacing:2px}.ritual-progress{display:flex;justify-content:center;gap:28px;margin:18px 0}.ritual-progress span{display:grid;gap:5px;justify-items:center;color:#967141}.ritual-progress i{width:32px;height:32px;border-radius:50%;font-style:normal;border:1px solid #b78e55;display:grid;place-items:center}.ritual-progress .done i{background:#9c7845;color:white}.incense-scene{height:250px;position:relative;display:grid;place-items:end center;margin:0 auto 11px}.censor{width:265px;height:100px;border-radius:18px 18px 48% 48%;background:linear-gradient(180deg,#be9860,#76522d 55%,#4d321d);border:5px solid #9b713c;box-shadow:inset 0 11px 7px rgba(255,239,200,.3),0 12px 20px rgba(65,40,17,.28);position:relative}.censor:before{content:"天则";position:absolute;inset:20px;display:grid;place-items:center;color:#f4dca5;font-size:25px;letter-spacing:8px;border:1px solid rgba(240,213,160,.66);border-radius:10px}.censor:after{content:"";position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);width:170px;height:28px;border-radius:50%;background:#56391f;z-index:-1}.incense{position:absolute;bottom:84px;width:9px;height:132px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,#594025,#ddbc7d,#6d4c2a);opacity:.25;transform:translateY(25px);transition:.55s}.incense:before{content:"";position:absolute;top:-7px;left:1px;width:7px;height:12px;border-radius:50%;background:#e65d33;box-shadow:0 0 16px #d84c2b}.incense.lit{opacity:1;transform:translateY(0)}.incense:nth-child(1){left:calc(50% - 4px)}.incense:nth-child(2){left:calc(50% + 47px);transform:rotate(8deg) translateY(25px)}.incense:nth-child(3){left:calc(50% - 55px);transform:rotate(-8deg) translateY(25px)}.incense:nth-child(2).lit{transform:rotate(8deg)}.incense:nth-child(3).lit{transform:rotate(-8deg)}.smoke{position:absolute;bottom:200px;width:30px;height:100px;border-left:2px solid rgba(134,126,118,.4);border-radius:50%;opacity:0;filter:blur(1px);transition:.5s}.smoke:before,.smoke:after{content:"";position:absolute;border-left:2px solid rgba(134,126,118,.3);width:35px;height:63px;border-radius:50%;left:8px;top:-19px}.smoke:after{left:-25px;top:-40px}.incense.lit+.smoke{opacity:1;animation:smoke 2.4s ease-in-out infinite}@keyframes smoke{50%{transform:translateY(-25px) translateX(9px);opacity:.28}}.ritual-card .primary{min-width:180px;font-size:17px}.ritual-complete .ritual-card{animation:ritualOut 1.1s .75s forwards}@keyframes ritualOut{to{opacity:0;transform:scale(1.07);filter:blur(4px)}}
@media(max-width:1180px){body{min-width:0}.topbar{padding:0 20px}.nav-links{gap:13px;margin-left:20px}.page-grid{grid-template-columns:225px minmax(500px,1fr) 280px;gap:15px}.page-stage{padding:24px 18px}.measure-grid{grid-template-columns:repeat(2,1fr)}.match-layout{grid-template-columns:230px 1fr 250px}.match-main{padding:23px}.brand{font-size:27px}.nav-link{font-size:15px}.profile-button{font-size:13px}.report-feature{grid-template-columns:145px 1fr}.report-cover{height:230px}}
@media(max-width:860px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:9px 15px}.nav-links{order:3;width:100%;margin:0;gap:4px;justify-content:space-between;height:37px}.nav-link{font-size:13px;padding:0}.page-stage{padding:18px 13px}.page-grid,.page-grid.no-left,.match-layout{grid-template-columns:1fr}.profile-card,.right-rail{display:none}.page-hero h1,.page-header h1{font-size:35px}.bottom-grid,.self-layout,.inquiry-layout,.match-content{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.match-right{grid-template-columns:1fr 1fr}.special-tab{top:109px;right:7%;padding:10px 15px}.steps-band{display:none}.page-title-row h2{font-size:24px}}

/* Original generated ink asset system — no prototype screenshots are used as backgrounds. */
.wish-card{background-image:linear-gradient(130deg,rgba(255,253,248,.78),rgba(251,244,230,.56)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-position:center,right bottom;background-size:cover,130% auto}
.report-cover{background-image:linear-gradient(135deg,rgba(215,198,166,.87),rgba(255,248,232,.8)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-position:center,18% 73%;background-size:cover,auto 112%}
.portrait-veil{background-image:radial-gradient(circle at 42% 40%,rgba(132,119,102,.3),transparent 23%),linear-gradient(125deg,rgba(255,255,255,.6),rgba(211,194,165,.25)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-position:center,center,left bottom;background-size:auto,auto,cover}

/* Homepage rebuild — source-specific layout and reusable ink-wash asset system */
.app-shell{background:#eee6db url('assets/home-rebuild/tianze-ink-landscape-v2.png') center 75px/cover fixed}
.app-shell:before{display:none}.app-shell:after{inset:76px 0 0;background-image:radial-gradient(rgba(99,72,42,.18) .5px,transparent .7px);background-size:5px 5px;opacity:.12}
.topbar{height:81px;padding:0 47px;background:linear-gradient(105deg,#171918 0%,#262725 48%,#171817 100%);border-bottom:1px solid rgba(230,210,175,.38);box-shadow:0 3px 13px rgba(41,30,19,.35)}
.topbar:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(235,216,180,.08) .65px,transparent .8px);background-size:5px 5px;pointer-events:none}
.topbar>*{position:relative;z-index:1}.brand{font-size:31px;letter-spacing:6px}.brand-mark{width:52px;height:52px;font-size:32px;color:#e1b967;border-color:#c39750;background:radial-gradient(circle at 50% 50%,rgba(239,201,117,.09),transparent 64%)}
.nav-links{gap:55px;margin-left:115px}.nav-link{font-size:18px;letter-spacing:3px}.profile-button{font-size:16px}
.page-stage{padding:0;min-height:calc(100vh - 81px)}
.home-scene{min-height:calc(100vh - 81px);margin:0;border:1px solid rgba(111,80,43,.82);border-radius:35px 35px 0 0;background:linear-gradient(rgba(255,252,246,.18),rgba(246,239,229,.19));box-shadow:inset 0 0 0 3px rgba(255,251,243,.71),inset 0 0 0 4px rgba(157,120,75,.35);padding:37px 52px 34px;overflow:hidden}
.home-layout{max-width:1580px;margin:auto;display:grid;grid-template-columns:276px minmax(600px,1fr) 370px;gap:39px;align-items:start}.home-center{min-width:0}.home-scene .glass-panel{background:linear-gradient(135deg,rgba(255,254,250,.79),rgba(252,246,236,.61) 62%,rgba(232,221,204,.46));border:1px solid rgba(255,255,255,.94);box-shadow:0 8px 21px rgba(89,62,32,.15),inset 0 1px 1px rgba(255,255,255,.98);backdrop-filter:blur(7px)}
.home-scene .glass-panel:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(125deg,rgba(255,255,255,.1),rgba(220,202,177,.08)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-size:cover;background-position:center;opacity:.28;mix-blend-mode:multiply}.home-scene .glass-panel:after{border-color:rgba(187,151,103,.53);opacity:.78}
.home-scene .side-card{padding:25px 28px;min-height:781px;border-radius:24px}.home-scene .profile-card{background:linear-gradient(130deg,rgba(255,253,248,.82),rgba(243,235,223,.57)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') left bottom/auto 104%}.home-scene .profile-card h2{font-size:22px;letter-spacing:5px}.home-scene .profile-list div{margin:11px 0}.home-scene .profile-list dt{font-size:13px}.home-scene .profile-list dd{font-size:14px;letter-spacing:1px}.home-scene .divider{margin:25px 0 18px}.home-scene .progress-ring{width:106px;height:106px;font-size:29px}.home-scene .secondary{background:rgba(255,249,237,.5)}
.home-hero{height:159px;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.home-hero h1{font-size:49px;margin:5px 0 5px;letter-spacing:13px;font-weight:700;color:#352719;line-height:1;text-shadow:0 1px #fff9ed}.home-hero .seal{display:inline-grid;place-items:center;width:25px;height:30px;vertical-align:8px;margin-left:1px;border:2px solid #a24431;border-radius:4px;color:#a24431;font-size:12px;letter-spacing:0;line-height:1}.home-hero p{z-index:1;margin:7px 0 0;font-size:18px;letter-spacing:5px;color:#7a5f40}.home-hero p i{display:inline-block;width:45px;height:11px;margin:0 12px;border-top:1px solid #c89c6b;vertical-align:middle;position:relative}.home-hero p i:after{content:"◇";position:absolute;right:-5px;top:-10px;color:#bd8f5c;font-style:normal}.home-hero p i:last-child{transform:scaleX(-1)}
.home-scene .section-card{padding:17px 19px;margin-bottom:15px}.home-scene .section-heading{font-size:22px;line-height:1;margin:0 0 16px;letter-spacing:3px}.home-scene .section-heading:before{font-size:19px}.home-today{height:219px}.home-today:before{background-position:center 39%!important;opacity:.42!important}.home-scene .daily-actions{padding:3px 0}.home-scene .daily-action{padding:0 16px}.home-scene .daily-action h3{font-size:20px;letter-spacing:2px}.home-scene .daily-action p{font-size:13px;margin-top:5px}.home-scene .icon-circle{width:58px;height:58px;font-size:26px;border-color:rgba(166,122,67,.62);box-shadow:inset 0 0 0 4px rgba(255,255,255,.38);background:radial-gradient(circle,rgba(255,254,250,.95),rgba(229,211,184,.42))}
.home-measure{height:251px}.home-measure:before{background-position:center 57%!important;opacity:.34!important}.home-scene .measure-grid{gap:12px}.home-scene .measure-card{height:185px;min-height:0;padding:16px 10px 10px;border-radius:17px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,254,250,.84),rgba(244,235,221,.6));outline-color:rgba(184,146,96,.35);box-shadow:0 4px 10px rgba(100,70,34,.08),inset 0 1px rgba(255,255,255,.9)}.home-scene .measure-card:before{content:"";position:absolute;inset:0;background:url('assets/home-rebuild/tianze-ink-landscape-v2.png') center 68%/cover;opacity:.24;mix-blend-mode:multiply}.home-scene .measure-card>*{position:relative}.home-scene .measure-card .icon-circle{width:53px;height:53px;font-size:24px;margin-bottom:6px}.home-scene .measure-card h3{font-size:20px}.home-scene .measure-card p{margin:4px 0 5px;font-size:13px}.home-scene .arrow-link{font-size:19px}
.home-scene .bottom-grid{grid-template-columns:1.12fr 1fr;gap:14px}.home-scene .bottom-grid .glass-panel{height:133px;overflow:hidden}.home-scene .wish-card{margin:0;padding:17px 19px;background:linear-gradient(135deg,rgba(255,253,247,.78),rgba(244,234,220,.56)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') right bottom/76% auto no-repeat}.home-scene .wish-card:before{display:none}.home-scene .wish-card .section-heading{margin-bottom:11px}.home-scene .wish-card p{font-size:13px;line-height:1.55}.home-scene .wish-card .secondary{font-size:13px;padding:8px 15px}.home-scene .seven-day{padding:17px 19px}.home-scene .seven-day .section-heading{margin-bottom:10px}.home-scene .seven-day .muted{margin:0;font-size:13px}.home-scene .days{margin-top:12px}.home-scene .day i{width:22px;height:22px}.home-scene .day span{font-size:11px}
.home-scene .right-rail{gap:13px}.home-scene .rail-card{padding:18px 18px}.home-scene .solar-card{height:192px;min-height:0;background:linear-gradient(130deg,rgba(255,254,250,.85),rgba(239,231,219,.65)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') right bottom/94% auto no-repeat}.home-scene .solar-card:before{display:none}.home-scene .solar-card .rule{margin:13px 0 11px}.home-scene .solar-card h2{font-size:25px;margin:0 0 3px}.home-scene .solar-card .muted{font-size:12px;margin:6px 0}.home-scene .botanical{display:none}.home-scene .rail-card:nth-child(2){height:315px}.home-scene .rail-card:nth-child(3){height:257px}.home-scene .eyebrow{font-size:16px}.home-scene .fate-summary{gap:16px;margin:12px 0}.home-scene .fate-wheel{width:134px;height:134px;font-size:17px;box-shadow:inset 0 0 0 6px rgba(255,251,243,.66);background:repeating-conic-gradient(from 0deg,transparent 0deg 25deg,rgba(143,103,52,.27) 26deg 27deg,transparent 28deg 30deg)}.home-scene .fate-summary dl{font-size:14px}.home-scene .annual-mini{margin-top:8px}.home-scene .annual-mini svg{height:48px}.home-scene .report-mini-list>div{padding:11px 0;font-size:13px}
@media(max-width:1250px){.home-scene{padding:29px 25px}.home-layout{grid-template-columns:230px minmax(520px,1fr) 290px;gap:18px}.nav-links{gap:24px;margin-left:50px}.home-scene .side-card{padding:21px 20px}.home-scene .right-rail .rail-card{padding:17px}.home-scene .fate-wheel{width:104px;height:104px}.home-scene .rail-card:nth-child(2){height:306px}.home-scene .measure-card{padding-left:6px;padding-right:6px}}
@media(max-width:860px){.home-scene{border-radius:20px 20px 0 0;padding:18px 13px}.home-layout{grid-template-columns:1fr}.home-scene .side-card,.home-scene .right-rail{display:none}.home-hero{height:130px}.home-scene .bottom-grid{grid-template-columns:1fr}.home-scene .bottom-grid .glass-panel{height:auto;min-height:130px}.home-today,.home-measure{height:auto}.home-scene .measure-grid{grid-template-columns:repeat(2,1fr)}}

/* Homepage fidelity pass — local ink layers for every functional module */
.topbar{
  background-color:#1e201e;
  background-image:
    radial-gradient(ellipse at 50% -110%,rgba(209,172,104,.16),transparent 58%),
    radial-gradient(rgba(236,214,173,.075) .55px,transparent .75px),
    linear-gradient(105deg,#191b1a 0%,#2d2e2b 49%,#181918 100%);
  background-size:auto,5px 5px,auto;
}
.topbar:before{content:"";position:absolute;inset:0;pointer-events:none;border-top:1px solid rgba(255,241,206,.09);border-bottom:1px solid rgba(196,155,91,.48);box-shadow:inset 0 -5px 18px rgba(0,0,0,.19)}
.brand{gap:12px;text-shadow:0 1px 7px rgba(239,197,112,.3)}
.brand-mark{border:0;background:none;width:53px;height:53px;padding:0;display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.brand-mark svg{display:block;width:100%;height:100%;fill:none;stroke:#d7ac62;stroke-width:1.25}.brand-mark svg circle:nth-of-type(3){fill:#d7ac62;stroke:none}.brand-mark svg path{stroke-width:1.1}.brand-mark svg circle:nth-of-type(n+4){fill:#d7ac62;stroke:none}
.nav-links{gap:51px;position:relative}.nav-link{position:relative;border-bottom:0;color:#e6c991;text-shadow:0 1px 4px rgba(0,0,0,.6);transition:color .2s ease}.nav-link:after{content:"";position:absolute;left:13%;right:13%;bottom:13px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#f3d78f 20%,#f3d78f 80%,transparent);transform:scaleX(0);transition:transform .2s ease;box-shadow:0 0 6px rgba(243,215,143,.45)}.nav-link.active,.nav-link:hover{border-bottom-color:transparent;color:#fff1c5}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}
.profile-button{padding-left:17px;position:relative}.profile-button:before{content:"";position:absolute;left:0;width:1px;height:24px;background:linear-gradient(transparent,rgba(220,191,142,.5),transparent)}

.home-scene .home-today:before{
  background-image:
    linear-gradient(90deg,rgba(255,254,249,.16),rgba(251,244,234,.12)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png'),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png')!important;
  background-size:cover,53% auto,48% auto!important;
  background-position:center,left bottom,right bottom!important;
  background-repeat:no-repeat!important;
  opacity:.48!important;
  mix-blend-mode:multiply;
}
.home-scene .home-today:after{border-color:rgba(194,157,108,.65);box-shadow:inset 0 0 22px rgba(166,128,81,.07)}
.home-scene .daily-action{position:relative;z-index:1}.home-scene .daily-action:before{content:"";position:absolute;z-index:-1;width:92px;height:82px;bottom:-8px;left:50%;transform:translateX(-50%);background:url('assets/home-rebuild/tianze-ink-landscape-v2.png') center 70%/440px auto no-repeat;opacity:.2;mix-blend-mode:multiply;pointer-events:none}.home-scene .daily-action:nth-child(2):before{background-position:30% 56%;opacity:.16}.home-scene .daily-action:nth-child(3):before{background-position:79% 62%;opacity:.2}

.home-scene .home-measure:before{background-image:linear-gradient(110deg,rgba(255,254,249,.12),rgba(239,227,208,.12)),url('assets/home-rebuild/tianze-ink-landscape-v2.png')!important;background-size:cover,105% auto!important;background-position:center,center 61%!important;opacity:.34!important}
.home-scene .measure-card:before{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,252,244,.04)),url('assets/home-rebuild/tianze-ink-landscape-v2.png')!important;background-size:cover,125% auto!important;background-position:center,left bottom!important;opacity:.34!important;mix-blend-mode:multiply}
.home-scene .measure-card:nth-child(2):before{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,252,244,.04)),url('assets/home-rebuild/tianze-ink-landscape-v2.png')!important;background-size:cover,130% auto!important;background-position:center,right bottom!important;opacity:.31!important}
.home-scene .measure-card:nth-child(3):before{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,252,244,.04)),url('assets/home-rebuild/tianze-ink-landscape-v2.png')!important;background-size:cover,170% auto!important;background-position:center,58% 62%!important;opacity:.24!important}
.home-scene .measure-card:nth-child(4):before{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,252,244,.04)),url('assets/home-rebuild/tianze-ink-landscape-v2.png')!important;background-size:cover,110% auto!important;background-position:center,93% 112%!important;opacity:.29!important}
.home-scene .measure-card:after{content:"";position:absolute;inset:5px;border-radius:13px;border:1px solid rgba(255,255,255,.48);pointer-events:none}.home-scene .measure-card .icon-circle{background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.98),rgba(238,222,198,.4));box-shadow:inset 0 0 0 4px rgba(255,255,255,.33),0 2px 6px rgba(107,75,37,.11)}

.home-scene .right-rail .rail-card{isolation:isolate}.home-scene .right-rail .rail-card:before{z-index:-1;background-image:linear-gradient(130deg,rgba(255,255,255,.1),rgba(229,215,195,.06)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-size:cover,116% auto;background-position:center,right bottom;background-repeat:no-repeat;opacity:.33;mix-blend-mode:multiply}
.home-scene .solar-card{background-image:linear-gradient(130deg,rgba(255,254,250,.85),rgba(239,231,219,.63)),url('assets/home-rebuild/tianze-ink-landscape-v2.png')!important;background-size:cover,92% auto!important;background-position:center,right bottom!important}.home-scene .solar-card:before{display:none!important}
.home-scene .rail-card:nth-child(2):before{background-image:linear-gradient(135deg,rgba(255,255,255,.1),rgba(229,215,195,.04)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-size:cover,176% auto;background-position:center,61% 78%;opacity:.29}.home-scene .rail-card:nth-child(3):before{background-image:linear-gradient(135deg,rgba(255,255,255,.1),rgba(229,215,195,.04)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-size:cover,125% auto;background-position:center,right bottom;opacity:.34}
.home-scene .fate-wheel{background-color:rgba(255,252,245,.51);box-shadow:inset 0 0 0 6px rgba(255,251,243,.7),0 2px 7px rgba(111,77,37,.06)}.home-scene .report-mini-list{position:relative}.home-scene .report-mini-list:after{content:"";position:absolute;right:-17px;bottom:-16px;width:106px;height:102px;background:url('assets/home-rebuild/tianze-ink-landscape-v2.png') right bottom/cover no-repeat;opacity:.16;mix-blend-mode:multiply;pointer-events:none}

/* Lightness pass: retain the ink-and-paper texture while removing the yellow cast. */
:root{--paper:rgba(255,254,251,.84);--glass:rgba(255,254,251,.76);--glass-deep:rgba(255,253,250,.9);--line:rgba(181,143,91,.34);--shadow:0 10px 28px rgba(94,67,36,.1),inset 0 1px 1px rgba(255,255,255,.98)}
body{background:#efebe5}
.app-shell{background-color:#f6f2ed;background-image:linear-gradient(rgba(255,255,255,.34),rgba(255,255,255,.26)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-position:center 81px,center 81px;background-size:cover,cover;background-attachment:fixed}
.glass-panel{background:linear-gradient(125deg,rgba(255,255,255,.88),rgba(255,251,246,.62))}
.home-scene{background:linear-gradient(rgba(255,255,255,.4),rgba(255,252,247,.34))}
.home-scene .glass-panel{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,251,246,.7) 62%,rgba(242,234,223,.47))}
.home-scene .profile-card{background:linear-gradient(130deg,rgba(255,255,255,.9),rgba(249,244,237,.64)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') left bottom/auto 104%}
.home-scene .measure-card{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(250,244,235,.67))}
.home-scene .wish-card{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(250,242,231,.6)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') right bottom/76% auto no-repeat}
.home-scene .solar-card{background-image:linear-gradient(130deg,rgba(255,255,255,.93),rgba(248,241,232,.68)),url('assets/home-rebuild/tianze-ink-landscape-v2.png')!important}

/* The main title has no decorative side blocks; the seal carries the actual brand text. */
.home-hero .seal{width:27px;height:34px;vertical-align:6px;margin-left:4px;padding-top:2px;font-size:11px;line-height:.9;letter-spacing:0;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:700}

/* Self analysis — structured information page, sharing the home page's bright ink-and-paper system. */
.self-scene{min-height:calc(100vh - 81px);margin:0;border:1px solid rgba(111,80,43,.82);border-radius:35px 35px 0 0;background:linear-gradient(rgba(255,255,255,.34),rgba(255,252,247,.31));box-shadow:inset 0 0 0 3px rgba(255,251,243,.74),inset 0 0 0 4px rgba(157,120,75,.32);padding:10px 52px 24px;overflow:hidden}
.self-page-header{height:97px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.self-page-header h1{font-size:43px;letter-spacing:10px;line-height:1;margin:7px 0 6px;color:#352719;text-shadow:0 1px #fff9ed}.self-page-header p{margin:0;font-size:16px;letter-spacing:4px;color:#796043}.self-page-header p i{display:inline-block;width:41px;height:10px;margin:0 14px;border-top:1px solid #c89c6b;vertical-align:middle;position:relative}.self-page-header p i:after{content:"◇";position:absolute;right:-5px;top:-10px;color:#bd8f5c;font-style:normal}.self-page-header p i:last-child{transform:scaleX(-1)}.self-seal{display:inline-grid;place-items:center;vertical-align:7px;width:23px;height:29px;margin-left:6px;border:2px solid #a64d3c;border-radius:3px;color:#a64d3c;font-family:"STKaiti","KaiTi",serif;font-size:10px;letter-spacing:0;line-height:.85}
.self-page-layout{max-width:1580px;margin:auto;display:grid;grid-template-columns:276px minmax(610px,1fr) 370px;gap:37px;align-items:start}.self-scene .glass-panel{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,251,246,.68) 62%,rgba(242,234,223,.47));border:1px solid rgba(255,255,255,.94);box-shadow:0 8px 21px rgba(89,62,32,.15),inset 0 1px 1px rgba(255,255,255,.98);backdrop-filter:blur(7px)}.self-scene .glass-panel:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(125deg,rgba(255,255,255,.13),rgba(220,202,177,.06)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-size:cover;background-position:center 64%;opacity:.22;mix-blend-mode:multiply}.self-scene .glass-panel:after{border-color:rgba(187,151,103,.53);opacity:.78}
.self-scene .profile-card{min-height:738px;padding:25px 28px;border-radius:24px;background:linear-gradient(130deg,rgba(255,255,255,.91),rgba(249,244,237,.64)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') left bottom/auto 104%}.self-scene .profile-card h2{font-size:22px;letter-spacing:5px}.self-scene .profile-list div{margin:11px 0}.self-scene .profile-list dt{font-size:13px}.self-scene .profile-list dd{font-size:14px;letter-spacing:1px}.self-scene .profile-card .progress-ring,.self-scene .profile-card .center,.self-scene .profile-card .muted,.self-scene .profile-card .divider{display:none}.self-scene .profile-card .small{margin:50px auto 0;padding:12px 26px;font-size:15px;background:rgba(255,249,237,.55)}
.self-main{display:grid;gap:12px;min-width:0}.self-heading{display:flex;align-items:center;gap:10px;font-size:21px;line-height:1;margin:0;letter-spacing:3px;color:#3e2c1d}.self-heading>span{color:#a77a42;font-size:20px;letter-spacing:0}.self-destiny-card{padding:19px 23px 15px;min-height:239px;isolation:isolate}.self-destiny-card:before{background-position:center 75%!important;opacity:.28!important}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:15px 14px 10px}.pillar{height:128px;display:grid;justify-items:center;align-content:center;gap:6px;border:1px solid rgba(255,255,255,.88);outline:1px solid rgba(182,144,93,.28);outline-offset:-4px;border-radius:17px;background:linear-gradient(140deg,rgba(255,255,255,.57),rgba(241,229,211,.38));position:relative;overflow:hidden}.pillar:before{content:"";position:absolute;inset:0;background:url('assets/home-rebuild/tianze-ink-landscape-v2.png') center 70% / 260px auto no-repeat;opacity:.15;mix-blend-mode:multiply}.pillar>*{position:relative}.pillar span{font-size:15px;letter-spacing:2px;color:#785b3c;padding-bottom:4px;border-bottom:1px solid rgba(171,125,73,.38);width:70%;text-align:center}.pillar b{font-family:"STKaiti","KaiTi","Songti SC",serif;font-size:31px;letter-spacing:6px;font-weight:500;color:#362719}.pillar small{font-size:14px;color:#805e3c;letter-spacing:2px;padding-top:4px;border-top:1px solid rgba(171,125,73,.38);width:70%;text-align:center}.day-pillar{box-shadow:0 5px 12px rgba(144,101,52,.12)}.destiny-summary{display:flex;justify-content:space-around;align-items:center;padding:9px 11px;border:1px solid rgba(176,130,78,.43);border-radius:11px;background:rgba(255,249,239,.44);font-size:16px;letter-spacing:2px;color:#6f5437}.destiny-summary b{font-weight:500;color:#3c2e20}.destiny-summary i{height:17px;width:1px;background:rgba(178,136,86,.55)}
.self-mid-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:12px}.five-element-card,.structure-card{min-height:241px;padding:19px 21px;isolation:isolate}.five-element-card:before{background-position:29% 74%!important;opacity:.27!important}.structure-card:before{background-position:77% 59%!important;opacity:.22!important}.element-layout{display:grid;grid-template-columns:204px 1fr;gap:10px;align-items:center;margin-top:5px}.element-wheel{width:188px;height:188px;margin:0 auto;border-radius:50%;border:1px solid rgba(167,127,79,.48);background:radial-gradient(circle,rgba(255,255,255,.84) 0 27%,transparent 28%),conic-gradient(from 12deg,rgba(111,161,117,.38) 0 71deg,rgba(186,104,54,.36) 72deg 143deg,rgba(181,143,87,.33) 144deg 215deg,rgba(176,168,145,.35) 216deg 287deg,rgba(89,140,141,.33) 288deg 359deg);position:relative;box-shadow:inset 0 0 0 6px rgba(255,255,255,.45),0 3px 8px rgba(112,77,39,.1)}.element-wheel:before{content:"";position:absolute;inset:20px;border-radius:50%;border:1px solid rgba(162,119,70,.32);background:repeating-conic-gradient(from 0deg,transparent 0deg 20deg,rgba(137,103,60,.18) 21deg 22deg,transparent 23deg 30deg)}.wheel-core{position:absolute;z-index:1;inset:63px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(177,137,81,.6);color:#aa8350;background:radial-gradient(circle at 35% 25%,#fffefb,rgba(239,222,193,.56));font-size:31px;font-style:normal}.el{position:absolute;z-index:2;display:grid;justify-items:center;font-family:"STKaiti","KaiTi",serif;font-size:24px;color:#4b3a25}.el small{font-family:inherit;font-size:11px;margin-top:-3px}.wood{top:4px;left:78px;color:#4e8255}.fire{top:64px;right:4px;color:#ae6135}.earth{bottom:2px;right:35px;color:#7d6642}.metal{bottom:4px;left:34px;color:#777260}.water{top:65px;left:4px;color:#49797b}.element-copy h3{font-family:"STKaiti","KaiTi",serif;font-size:19px;line-height:1.3;margin:7px 0 12px;letter-spacing:1px}.element-copy p,.structure-card p{font-size:13px;line-height:1.85;color:#6d5946;margin:0;letter-spacing:.8px}.structure-tags{display:flex;gap:9px;margin:17px 0 13px;flex-wrap:wrap}.structure-tags span{padding:8px 12px;border-radius:11px;border:1px solid rgba(178,137,81,.47);background:rgba(254,248,237,.52);font-size:16px;letter-spacing:2px;color:#463420}
.self-bottom-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px}.life-lessons-card{min-height:223px;padding:17px 21px 0;overflow:hidden}.life-lessons-card:before{background-position:34% 98%!important;opacity:.2!important}.life-lesson-track{display:flex;gap:9px;margin-top:9px;overflow:hidden}.life-lesson-track article{min-width:calc(50% - 5px);height:76px;display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(178,136,80,.38);border-radius:13px;background:rgba(255,251,243,.47)}.life-lesson-track article.peek{min-width:170px;opacity:.75}.lesson-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(166,122,69,.48);color:#99723f;font-size:15px;letter-spacing:-1px;font-weight:400;background:radial-gradient(circle,#fffdf7,rgba(234,216,189,.48));flex:0 0 43px}.life-lesson-track h3{margin:0 0 3px;font-size:16px;letter-spacing:2px}.life-lesson-track p{margin:0;color:#705d4b;font-size:11px;line-height:1.45}.verification-strip{border-top:1px solid rgba(174,131,78,.36);margin-top:9px;padding:8px 0 9px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:8px}.verify-icon{font-size:34px;color:#a37a45;text-align:center}.verification-strip h3{font-size:16px;margin:0 0 1px;letter-spacing:2px}.verification-strip p{margin:0;color:#795f44;font-size:11px}.verification-strip .secondary{padding:8px 11px;font-size:12px;white-space:nowrap}.verify-line{height:16px;position:relative;width:86%;margin:2px 0}.verify-line:before{content:"";position:absolute;top:7px;left:0;right:0;border-top:1px solid #c29762}.verify-line i{position:absolute;top:3px;width:9px;height:9px;border-radius:50%;background:#fff8ed;border:1px solid #b98449}.verify-line i:nth-child(1){left:5%}.verify-line i:nth-child(2){left:32%}.verify-line i:nth-child(3){left:58%}.verify-line i:nth-child(4){left:80%}.verify-line i:nth-child(5){right:0}.verification-strip small{font-size:10px;color:#795f44;white-space:nowrap}
.self-follow-card{min-height:223px;padding:17px 20px;text-align:center;isolation:isolate}.self-follow-card:before{background-position:75% 70%!important;opacity:.22!important}.self-follow-card .self-heading{justify-content:center}.self-follow-card>p{margin:10px 0 11px;font-size:12px;color:#74604d}.follow-questions{display:flex;gap:8px;justify-content:center;overflow:hidden}.follow-questions button{flex:1;min-width:117px;border:1px solid rgba(178,136,79,.39);border-radius:10px;background:rgba(255,250,241,.58);padding:9px 7px;font-family:"STKaiti","KaiTi",serif;font-size:13px;color:#513d29}.follow-questions button:hover{background:#fff8ed}.self-ask-button{margin-top:15px;min-width:196px;padding:11px 20px;font-family:"STKaiti","KaiTi",serif;font-size:17px}
.self-aside{display:grid;gap:12px}.self-guide-card{padding:20px 22px;min-height:202px;isolation:isolate}.self-guide-card:before{background-position:right bottom!important;opacity:.2!important}.self-guide-card p{font-size:13px;line-height:1.82;letter-spacing:1px;color:#6d5948;margin:14px 0 0;padding-left:22px;position:relative}.self-guide-card p:before{content:"›";position:absolute;left:3px;top:-1px;width:14px;height:14px;border:1px solid #ae814c;border-radius:50%;text-align:center;line-height:12px;color:#a07643}.self-source-card{padding:19px 22px;min-height:197px;isolation:isolate}.self-source-card:before{background-position:72% 88%!important;opacity:.22!important}.source-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:7px 4px 7px 0;border:0;border-bottom:1px solid rgba(170,128,77,.25);background:none;font-family:"STKaiti","KaiTi",serif;font-size:14px;letter-spacing:2px;color:#58442e;text-align:left}.source-row:last-child{border-bottom:0}.source-row b{font-size:23px;line-height:13px;font-weight:400;color:#94723f}.source-row:hover{color:#a66d3c}
@media(max-width:1250px){.self-scene{padding-left:25px;padding-right:25px}.self-page-layout{grid-template-columns:230px minmax(520px,1fr) 290px;gap:18px}.self-scene .profile-card{padding:21px 20px}.pillar-grid{gap:8px;margin-left:0;margin-right:0}.pillar{height:123px}.element-layout{grid-template-columns:178px 1fr}.element-wheel{transform:scale(.91);transform-origin:left center;margin-right:-16px}.life-lesson-track article{min-width:calc(59% - 5px)}.verification-strip{grid-template-columns:38px 1fr}.verification-strip .secondary{grid-column:2;justify-self:end}.self-aside .self-heading{font-size:19px}.self-guide-card,.self-source-card{padding-left:18px;padding-right:18px}}
@media(max-width:860px){.self-scene{border-radius:20px 20px 0 0;padding:17px 13px}.self-page-header{height:105px}.self-page-layout,.self-mid-grid,.self-bottom-grid{grid-template-columns:1fr}.self-scene .profile-card,.self-aside{display:none}.pillar-grid{gap:7px}.pillar b{font-size:25px}.pillar span,.pillar small{font-size:12px}.destiny-summary{font-size:12px;letter-spacing:1px}.element-layout{grid-template-columns:180px 1fr}.self-bottom-grid{gap:12px}.life-lesson-track article{min-width:74%}.follow-questions{justify-content:flex-start;overflow:auto}.follow-questions button{flex:0 0 150px}}

/* === Love topic band (感情专题入口) === */
.love-topic-band{position:relative;margin-top:18px;padding:30px 30px 26px;border-radius:18px;border:1px solid rgba(184,145,92,.32);background:linear-gradient(160deg,rgba(255,253,247,.74),rgba(248,238,219,.46));overflow:hidden}
.love-topic-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -10%,rgba(255,243,210,.7),transparent 55%);pointer-events:none}
.love-topic-band>*{position:relative}
.love-topic-kicker{margin:0 0 6px;text-align:center;color:#a3743e;font-size:13px;letter-spacing:6px;opacity:.85}
.love-topic-title{margin:0 0 18px;text-align:center;font-size:21px;letter-spacing:3px;color:#3e2c1d;font-weight:500;line-height:1.5}
.love-topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.love-entry-card{position:relative;text-align:left;padding:30px 24px 28px;min-height:170px;border-radius:18px;border:1px solid rgba(184,145,92,.3);background:linear-gradient(155deg,rgba(255,253,247,.7),rgba(247,237,219,.42));display:flex;flex-direction:column;gap:14px;transition:.2s;color:inherit;font:inherit}
.love-entry-card:hover{background:linear-gradient(155deg,rgba(255,250,240,.85),rgba(247,237,219,.6));transform:translateY(-2px);box-shadow:0 8px 18px rgba(105,72,30,.12);border-color:rgba(184,145,92,.5)}
.love-entry-card h3{margin:0;font-size:26px;letter-spacing:5px;color:#3a2918;font-weight:500;line-height:1.2}
.love-entry-card p{margin:0;color:#75604d;font-size:14px;line-height:1.85;letter-spacing:1px}
.love-entry-tag{position:absolute;top:-11px;right:18px;background:linear-gradient(135deg,#a97a3c,#735025);color:#fff9e9;padding:5px 11px;font-size:12px;letter-spacing:3px;border-radius:14px;box-shadow:0 2px 6px rgba(89,57,21,.18)}
.love-topic-note{margin:18px 0 0;text-align:center;color:#876a4d;font-size:13px;letter-spacing:1.5px;line-height:1.7}
@media(max-width:1250px){.love-topic-band{padding:24px 22px 22px}.love-topic-grid{gap:10px}.love-entry-card{padding:24px 18px 22px;min-height:160px}.love-entry-card h3{font-size:22px}}
@media(max-width:860px){.love-topic-band{padding:18px 14px 18px}.love-topic-title{font-size:17px;letter-spacing:1px}.love-topic-grid{grid-template-columns:1fr 1fr;gap:10px}.love-entry-card{padding:20px 16px;min-height:130px}.love-entry-card h3{font-size:20px;letter-spacing:3px}.love-entry-card p{font-size:12px}}

/* === Compatibility (合盘解析) === */
.compat-stepper{display:flex;justify-content:center;align-items:center;gap:18px;max-width:880px;margin:6px auto 24px;flex-wrap:wrap}
.compat-step-node{display:inline-flex;align-items:center;gap:8px;color:#92703e;font-size:15px;letter-spacing:2px;padding:4px 0}
.compat-step-node i{width:32px;height:32px;border-radius:50%;background:#fff8ed;border:1px solid #b18b55;display:grid;place-items:center;font-style:normal;color:#92703e;font-size:14px;font-family:"STKaiti","KaiTi",serif}
.compat-step-node.active{color:#735025}
.compat-step-node.active i{background:linear-gradient(135deg,#a97a3c,#735025);color:#fff9e9;border-color:#d0a965;box-shadow:0 2px 6px rgba(89,57,21,.2)}
.compat-step-node.done{color:#75604d}.compat-step-node.done i{background:#9c7845;color:#fff;border-color:#9c7845}
.compat-step-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(176,134,75,.4),rgba(176,134,75,.15));min-width:30px}
.compat-step-panel{position:relative;overflow:hidden;margin-top:4px}
.compat-step-panel .section-heading span{color:#a97a3c;font-size:18px;letter-spacing:0;margin-right:6px;font-family:"STKaiti","KaiTi",serif}
.compat-tabs{display:flex;gap:8px;margin:14px 0 18px;flex-wrap:wrap}
.compat-tab{padding:8px 18px;border-radius:18px;border:1px solid rgba(177,136,79,.4);background:rgba(255,255,255,.5);font:inherit;font-size:14px;letter-spacing:2px;color:#75604d;transition:.15s}
.compat-tab:hover{background:rgba(255,250,240,.78)}
.compat-tab.active{background:linear-gradient(135deg,#a97a3c,#735025);color:#fff9e9;border-color:#a97a3c;box-shadow:0 2px 6px rgba(89,57,21,.2)}
.compat-form-grid{margin-top:6px}
.compat-form-col h3{font-size:18px;letter-spacing:2px;margin:0 0 14px;color:#3a2918;font-weight:500}
.compat-form-col{display:grid;gap:11px;max-width:640px}
.compat-row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:12px}
.compat-row label{font-size:14px;color:#856a4c;letter-spacing:2px}
.compat-input{height:42px!important;font-size:14px;letter-spacing:1px;color:#3a2918;background:rgba(255,255,255,.6)}
.compat-input::placeholder{color:#9a8a76}
.compat-input:disabled{background:rgba(255,250,240,.5);color:#5a4530}
.compat-stage-options{display:flex;gap:9px;flex-wrap:wrap}
.compat-stage-pill{padding:9px 18px;border-radius:18px;border:1px solid rgba(177,136,79,.4);background:rgba(255,255,255,.55);font:inherit;font-size:14px;letter-spacing:2px;color:#75604d;transition:.15s}
.compat-stage-pill:hover{background:rgba(255,250,240,.8)}
.compat-stage-pill.active{background:linear-gradient(135deg,#bd5649,#8e3028);color:#fff9e9;border-color:#e0927c;box-shadow:inset 0 1px rgba(255,255,255,.3),0 2px 6px rgba(89,57,21,.18)}
.compat-depth{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}
.compat-depth-card{position:relative;text-align:left;padding:28px 24px 24px;border:1px solid rgba(184,145,92,.4);border-radius:18px;background:linear-gradient(155deg,rgba(255,253,247,.7),rgba(247,237,219,.4));transition:.2s;color:inherit;font:inherit;display:flex;flex-direction:column;gap:10px;cursor:pointer}
.compat-depth-card:hover{background:linear-gradient(155deg,rgba(255,250,240,.85),rgba(247,237,219,.6));border-color:rgba(184,145,92,.6);transform:translateY(-2px);box-shadow:0 8px 16px rgba(105,72,30,.1)}
.compat-depth-card.active{outline:2px solid #a97a3c;background:linear-gradient(155deg,rgba(255,247,232,.85),rgba(247,237,219,.55))}
.compat-depth-name{font-size:24px;letter-spacing:4px;color:#3a2918;font-weight:500}
.compat-depth-card p{margin:0;color:#75604d;font-size:14px;line-height:1.8;letter-spacing:.5px}
.compat-depth-card small{color:#876a4d;font-size:12px;letter-spacing:1px;line-height:1.6}
.compat-depth-foot{position:absolute;top:18px;right:20px;background:rgba(169,122,60,.12);color:#7e5d34;font-size:12px;padding:3px 9px;border-radius:10px;letter-spacing:1px}
.compat-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.compat-result-card{position:relative;padding:22px 24px 20px;border:1px solid rgba(184,145,92,.32);border-radius:16px;background:linear-gradient(155deg,rgba(255,253,247,.62),rgba(247,237,219,.34))}
.compat-result-card.wide{grid-column:1 / -1;background:linear-gradient(135deg,rgba(255,247,232,.78),rgba(247,237,219,.5))}
.compat-result-card.score{grid-column:1 / -1;background:linear-gradient(135deg,rgba(233,203,158,.85),rgba(216,178,118,.6));border-color:rgba(166,116,54,.5)}
.compat-result-card h4{font-size:15px}
.compat-result-card.score h4{font-size:18px}
.compat-advice{margin:6px 0 0;padding-left:20px;font-size:13px;line-height:1.8;color:#6b5c47}
.compat-result-card>span{position:absolute;top:18px;right:20px;font-size:22px;color:#a97a3c;opacity:.7}
.compat-result-card h4{margin:0 0 8px;font-size:18px;letter-spacing:3px;color:#3a2918;font-weight:500}
.compat-result-card p{margin:0;color:#6d5946;font-size:13px;line-height:1.85;letter-spacing:.5px}
.compat-foot{text-align:center;margin:18px 0 0;color:#7e6a4f;font-size:13px;letter-spacing:1.5px;line-height:1.7}
@media(max-width:1180px){.compat-stepper{gap:10px}.compat-step-node{font-size:13px;letter-spacing:1px}.compat-step-node i{width:28px;height:28px;font-size:13px}.compat-line{flex:1}}
@media(max-width:860px){.compat-stepper{gap:6px;padding:0 4px}.compat-step-node{font-size:12px;letter-spacing:1px}.compat-step-node i{width:26px;height:26px;font-size:12px}.compat-step-line{min-width:14px}.compat-row{grid-template-columns:70px 1fr;gap:8px}.compat-depth,.compat-result-grid{grid-template-columns:1fr}.compat-result-card.wide{grid-column:auto}.compat-depth-card,.compat-result-card{padding:18px 18px 16px}.compat-depth-name{font-size:20px}}

/* === Report scene (专属报告) === */
.report-scene{min-height:calc(100vh - 81px);margin:0;border:1px solid rgba(111,80,43,.82);border-radius:35px 35px 0 0;background:linear-gradient(rgba(255,255,255,.34),rgba(255,252,247,.31));box-shadow:inset 0 0 0 3px rgba(255,251,243,.74),inset 0 0 0 4px rgba(157,120,75,.32);padding:18px 52px 24px;overflow:hidden}
.report-layout{max-width:1580px;margin:auto;display:grid;grid-template-columns:276px minmax(640px,1fr) 340px;gap:30px;align-items:start}
.report-center{min-width:0;display:grid;gap:14px}
.report-center .page-header{padding:6px 0 14px}
.report-right{display:grid;gap:13px;align-content:start}
.report-feature-card{padding:30px 32px 28px}
.report-feature-body{display:grid;grid-template-columns:158px 1fr;gap:28px;align-items:start}
.featured-cover{width:158px;height:206px;font-size:18px;line-height:1.5;letter-spacing:3px;color:#3a2918;display:grid;place-items:center;text-align:center;position:relative}
.featured-cover span{font-family:"STKaiti","KaiTi","Songti SC",serif}
.featured-cover small{display:block;font-size:11px;letter-spacing:1.5px;color:#7e6a4f;margin-top:6px}
.featured-cover .cover-brand{position:absolute;left:0;right:0;bottom:14px;font-size:13px;letter-spacing:3px;color:#5b3a1d;padding:6px 0;border-top:1px solid rgba(125,86,38,.4);border-bottom:1px solid rgba(125,86,38,.4);background:rgba(255,250,232,.4)}
.report-feature-meta h2{margin:0 0 10px;font-size:30px;letter-spacing:3px;color:#3a2918;font-weight:500;line-height:1.3}
.report-feature-meta>p{color:#75604d;line-height:1.85;margin:0 0 14px;font-size:14px}
.report-feature-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:6px}
.report-feature-actions .primary{padding:11px 26px;font-size:16px;letter-spacing:3px}
.report-feature-actions .secondary{padding:11px 22px;font-size:15px;letter-spacing:2px}
.report-feature-note{margin:10px 0 0;font-size:12px;color:#8a6f4f;letter-spacing:1.5px}
.report-history-card{padding:24px 26px}
.history-card{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(177,136,79,.3);border-radius:14px;background:linear-gradient(155deg,rgba(255,253,247,.6),rgba(247,237,219,.34));transition:.2s}
.history-card:hover{background:linear-gradient(155deg,rgba(255,250,240,.78),rgba(247,237,219,.5));transform:translateY(-1px);box-shadow:0 5px 12px rgba(105,72,30,.1)}
.history-cover{width:72px;height:94px;border-radius:5px;border:1px solid rgba(177,136,79,.5);background:linear-gradient(135deg,rgba(215,198,166,.85),rgba(255,248,232,.7)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') center 75%/auto 130% no-repeat;display:grid;place-items:center;text-align:center;box-shadow:4px 4px 9px rgba(93,62,28,.18);font-family:"STKaiti","KaiTi",serif;position:relative;overflow:hidden}
.history-cover:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:1.5px;background:linear-gradient(180deg,rgba(120,82,40,.4),rgba(120,82,40,.1))}
.history-cover span{font-size:13px;line-height:1.4;letter-spacing:2px;color:#3a2918;padding:0 4px}
.history-cover small{display:block;font-size:9px;letter-spacing:1px;color:#7e6a4f;margin-top:3px}
.history-body b{font-size:15px;line-height:1.45;display:block;color:#3a2918;letter-spacing:1.5px}
.history-body p{font-size:12px;color:#7b6854;margin:6px 0 10px;letter-spacing:1px}
.history-body .secondary{padding:6px 16px;font-size:12px;letter-spacing:2px}
.report-pending-card{padding:24px 26px}
.report-pending-list{display:grid;gap:12px;margin-top:6px}
.report-pending-item{display:grid;grid-template-columns:88px 1fr 130px;gap:18px;align-items:center;padding:16px 18px;border:1px solid rgba(177,136,79,.3);border-radius:14px;background:linear-gradient(155deg,rgba(255,253,247,.5),rgba(247,237,219,.26));position:relative;overflow:hidden}
.report-pending-item.is-loading{border-color:rgba(177,136,79,.4);background:linear-gradient(155deg,rgba(255,250,232,.6),rgba(248,234,206,.4))}
.report-pending-item.is-locked{border-color:rgba(153,124,98,.3);background:linear-gradient(155deg,rgba(255,253,247,.42),rgba(238,230,219,.3));opacity:.95}
.report-pending-item.is-locked .report-pending-cover{filter:grayscale(.6) brightness(.96)}
.report-pending-cover{width:88px;height:114px;border-radius:5px;border:1px solid rgba(177,136,79,.45);background:linear-gradient(135deg,rgba(215,198,166,.78),rgba(255,248,232,.65)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') center 75%/auto 130% no-repeat;display:grid;place-items:center;text-align:center;box-shadow:4px 4px 8px rgba(93,62,28,.16);font-family:"STKaiti","KaiTi",serif;position:relative}
.report-pending-cover:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:1.5px;background:linear-gradient(180deg,rgba(120,82,40,.4),rgba(120,82,40,.1))}
.report-pending-cover span{font-size:14px;line-height:1.4;letter-spacing:2px;color:#3a2918;padding:0 4px}
.report-pending-cover small{display:block;font-size:9px;letter-spacing:1px;color:#7e6a4f;margin-top:3px}
.report-pending-body b{font-size:18px;color:#3a2918;letter-spacing:2px;display:block;margin-bottom:6px;font-weight:500}
.report-pending-body p{font-size:13px;color:#75604d;line-height:1.7;margin:0;letter-spacing:.5px}
.report-pending-side{display:grid;justify-items:end;gap:9px}
.report-pending-side .secondary,.report-pending-side .primary{padding:8px 16px;font-size:13px;letter-spacing:2px}
.report-progress-card{padding:20px 22px}
.report-progress{display:grid;grid-template-columns:1fr 14px 1fr 14px 1fr;align-items:center;gap:0;margin-top:14px}
.report-progress-step{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;min-width:0}
.report-progress-step i{width:30px;height:30px;border-radius:50%;font-style:normal;display:grid;place-items:center;font-size:13px;border:1px solid #b18b55;color:#fff;background:#9c7845;flex:0 0 30px}
.report-progress-step.active i{background:linear-gradient(135deg,#bd5649,#8e3028);border-color:#e0927c;box-shadow:0 2px 5px rgba(89,57,21,.2)}
.report-progress-step b{display:block;font-size:13px;color:#3a2918;letter-spacing:1.5px;line-height:1.2}
.report-progress-step small{display:block;font-size:11px;color:#876a4d;letter-spacing:1px;margin-top:3px}
.report-progress-line{height:2px;background:linear-gradient(90deg,rgba(176,134,75,.5),rgba(176,134,75,.2));border-radius:2px}
.report-progress-line.done{background:linear-gradient(90deg,#a97a3c,#735025)}
.report-summary-card{padding:20px 22px}
.report-summary-card .eyebrow{margin-bottom:6px}
.report-ask-card{padding:22px}
.report-ask-card h2{font-size:18px;margin:0 0 8px;letter-spacing:2px;color:#3a2918;line-height:1.4}
.report-ask-card p{font-size:13px;color:#75604d;line-height:1.85;margin:0 0 14px;letter-spacing:.5px}
.report-ask-card .primary{width:100%;padding:12px 20px;font-size:15px;letter-spacing:3px}
@media(max-width:1250px){.report-scene{padding-left:25px;padding-right:25px}.report-layout{grid-template-columns:230px minmax(520px,1fr) 290px;gap:18px}.report-feature-body{grid-template-columns:130px 1fr;gap:20px}.featured-cover{width:130px;height:170px}.report-feature-meta h2{font-size:24px}.report-right .glass-panel{padding:18px 18px}.report-pending-item{grid-template-columns:72px 1fr 110px;gap:14px;padding:14px 14px}.report-pending-cover{width:72px;height:94px}}
@media(max-width:860px){.report-scene{border-radius:20px 20px 0 0;padding:17px 13px}.report-layout{grid-template-columns:1fr}.report-center .page-header h1{font-size:35px}.report-feature-body{grid-template-columns:110px 1fr;gap:14px}.featured-cover{width:110px;height:144px;font-size:14px}.report-feature-meta h2{font-size:20px}.report-pending-item{grid-template-columns:64px 1fr;gap:12px;padding:12px 12px}.report-pending-cover{width:64px;height:84px;font-size:11px}.report-pending-cover span{font-size:11px}.report-pending-side{grid-column:1/-1;justify-items:start;flex-direction:row;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}.report-progress{grid-template-columns:1fr 10px 1fr 10px 1fr;gap:0}.report-progress-step b{font-size:12px}.report-progress-step small{font-size:10px}.report-progress-step i{width:26px;height:26px;font-size:12px;flex-basis:26px}}

/* === Love ask (进一步追问) === */
.context-bar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 18px}
.context-tag{padding:7px 16px;border-radius:20px;border:1px solid rgba(177,136,79,.4);background:linear-gradient(155deg,rgba(255,250,232,.6),rgba(248,234,206,.38));color:#7a532a;font-size:13px;letter-spacing:2px}
.quick-questions{margin-top:18px;padding-top:18px;border-top:1px solid rgba(177,136,79,.25)}
.quick-questions>p{color:#876a4d;font-size:14px;letter-spacing:2px;margin:0 0 12px}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quick-q{padding:14px 16px;border:1px solid rgba(177,136,79,.3);border-radius:12px;background:linear-gradient(155deg,rgba(255,253,247,.56),rgba(247,237,219,.3));color:#5b4a38;font-size:14px;letter-spacing:1.5px;text-align:left;transition:.2s}
.quick-q:hover{background:linear-gradient(155deg,rgba(255,250,240,.74),rgba(247,237,219,.46));border-color:rgba(177,136,79,.45);transform:translateY(-1px);box-shadow:0 4px 10px rgba(105,72,30,.08)}

/* === Report list (报告列表) === */
.report-list{display:grid;gap:14px;margin-top:6px}
.report-list-item{display:grid;grid-template-columns:118px 1fr 170px;gap:20px;align-items:center;padding:18px 20px;border:1px solid rgba(177,136,79,.3);border-radius:18px;background:linear-gradient(155deg,rgba(255,253,247,.66),rgba(247,237,219,.38));position:relative;overflow:hidden}
.report-list-item.is-featured{background:linear-gradient(155deg,rgba(255,250,232,.85),rgba(248,234,206,.55));border-color:rgba(184,145,92,.5);box-shadow:0 4px 14px rgba(105,72,30,.08)}
.report-list-item.is-featured:before{content:"重点";position:absolute;top:12px;right:14px;background:linear-gradient(135deg,#bd5649,#8e3028);color:#fff9e9;font-size:11px;letter-spacing:2px;padding:3px 9px;border-radius:10px}
.report-list-cover{position:relative;width:118px;height:148px;border-radius:6px;border:1px solid rgba(177,136,79,.5);background:linear-gradient(135deg,rgba(215,198,166,.9),rgba(255,248,232,.75)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') center 75%/auto 130% no-repeat;display:grid;place-items:center;text-align:center;box-shadow:6px 6px 12px rgba(93,62,28,.18);font-family:"STKaiti","KaiTi",serif}
.report-list-cover span{font-size:18px;line-height:1.45;letter-spacing:3px;color:#3a2918;padding:0 6px}
.report-list-cover small{display:block;font-size:11px;letter-spacing:1px;color:#7e6a4f;margin-top:6px}
.report-list-cover:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(120,82,40,.4),rgba(120,82,40,.1))}
.report-list-body h3{margin:0 0 6px;font-size:22px;letter-spacing:3px;color:#3a2918;font-weight:500}
.report-list-body p{margin:6px 0 10px;color:#75604d;font-size:13px;line-height:1.7}
.report-list-side{display:grid;justify-items:end;gap:10px}
.report-list-side .secondary,.report-list-side .primary{padding:9px 18px;font-size:14px}
.report-status{display:inline-block;padding:4px 12px;border-radius:14px;font-size:12px;letter-spacing:3px;line-height:1.4}
.report-status.is-done{background:rgba(125,150,108,.15);color:#5a7048;border:1px solid rgba(125,150,108,.35)}
.report-status.is-loading{background:rgba(177,136,79,.15);color:#8b6636;border:1px solid rgba(177,136,79,.4)}
.report-status.is-locked{background:rgba(153,124,98,.13);color:#7d6450;border:1px solid rgba(153,124,98,.3)}
@media(max-width:1180px){.report-list-item{grid-template-columns:96px 1fr 150px;gap:14px;padding:16px}.report-list-cover{width:96px;height:124px}.report-list-cover span{font-size:15px}.report-list-body h3{font-size:19px}}
@media(max-width:860px){.report-list-item{grid-template-columns:84px 1fr;gap:12px;padding:14px}.report-list-cover{width:84px;height:110px}.report-list-cover span{font-size:13px;letter-spacing:2px}.report-list-cover small{font-size:10px}.report-list-side{grid-column:1 / -1;justify-items:start;flex-direction:row;display:flex;justify-content:space-between;align-items:center;gap:10px}.report-list-body h3{font-size:18px}.report-list-item.is-featured:before{top:8px;right:8px;font-size:10px;padding:2px 7px}}

/* === Report reader (报告阅读器) === */
.report-reader-card{padding:34px 38px 30px}
.report-reader-head{display:grid;grid-template-columns:120px 1fr;gap:26px;align-items:start;padding-bottom:24px;border-bottom:1px solid rgba(177,136,79,.3);margin-bottom:24px}
.report-reader-meta h2{margin:0 0 8px;font-size:26px;letter-spacing:3px;color:#3a2918;font-weight:500}
.report-reader-meta p{color:#75604d;line-height:1.85;margin:0 0 12px;font-size:14px}
.report-reader-actions{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}
.report-toc{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:24px;padding:14px 18px;background:rgba(255,250,240,.45);border:1px solid rgba(177,136,79,.25);border-radius:14px}
.report-toc>span{font-size:13px;color:#a3743e;letter-spacing:3px;margin-right:6px}
.report-toc-item{padding:6px 12px;border-radius:14px;border:1px solid transparent;font-size:13px;color:#75604d;letter-spacing:1px;cursor:pointer;background:transparent}
.report-toc-item:hover{background:rgba(255,250,240,.7);color:#5a4530}
.report-toc-item.active{background:linear-gradient(135deg,#a97a3c,#735025);color:#fff9e9;border-color:#d0a965}
.report-chapter{margin:0 0 22px;padding:20px 24px;border:1px solid rgba(177,136,79,.25);border-radius:16px;background:linear-gradient(155deg,rgba(255,253,247,.6),rgba(247,237,219,.3))}
.report-chapter h3{margin:0 0 12px;font-size:20px;letter-spacing:2px;color:#3a2918;font-weight:500}
.report-chapter p{color:#6d5946;font-size:14px;line-height:1.95;letter-spacing:.5px;margin:0 0 8px}
.report-chapter p:last-child{margin-bottom:0}
.report-reader-foot{display:flex;gap:12px;justify-content:center;padding-top:14px;border-top:1px solid rgba(177,136,79,.25);flex-wrap:wrap}
@media(max-width:860px){.report-reader-card{padding:22px 18px}.report-reader-head{grid-template-columns:80px 1fr;gap:14px}.report-reader-meta h2{font-size:20px}.report-toc{padding:10px 12px;gap:6px}.report-toc-item{padding:5px 9px;font-size:12px}.report-chapter{padding:16px 16px}.report-chapter h3{font-size:17px}}

/* === Integrated B: 流年运势 === */
/* Annual fortune page — mirrors home-scene background implementation */
.annual-layout{position:relative;min-height:calc(100vh - 81px);padding:37px 52px 34px;background:linear-gradient(rgba(255,255,255,.4),rgba(255,252,247,.34));border:1px solid rgba(111,80,43,.82);border-radius:35px 35px 0 0;overflow:hidden;box-shadow:inset 0 0 0 3px rgba(255,251,243,.71),inset 0 0 0 4px rgba(157,120,75,.35)}
.annual-layout .page-grid{position:relative;z-index:1}

.annual-layout .glass-panel,.annual-layout .profile-card,.annual-layout .right-rail .rail-card,.annual-layout .solar-card{position:relative;overflow:hidden}
/* Above elements share home-scene background rules — see .home-scene .xxx, .annual-layout .xxx shared selectors above */

.annual-section{position:relative;margin-bottom:18px}
.annual-section-sub{margin:-8px 0 16px;color:#7d6a58;font-size:14px;letter-spacing:2px;line-height:1.7;padding-left:28px}

/* Annual trend chart */
.annual-chart{position:relative;border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(220,197,161,.08));border:1px solid rgba(183,143,91,.22);padding:16px 18px 0;backdrop-filter:blur(5px)}
.annual-chart-dot{cursor:pointer}
.annual-chart-tooltip{position:absolute;z-index:100;width:168px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(255,252,247,.98),rgba(248,238,225,.95));border:1px solid rgba(201,152,74,.45);box-shadow:0 6px 20px rgba(20,12,6,.18);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.annual-chart-tooltip.show{opacity:1;transform:translateY(0)}
.annual-chart-tooltip-month{font-size:15px;letter-spacing:3px;color:#4b3824;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:500;margin-bottom:5px;text-align:center;border-bottom:1px solid rgba(178,138,82,.25);padding-bottom:5px}
.annual-chart-tooltip-trend{font-size:13px;color:#8b6536;letter-spacing:1.5px;margin-bottom:3px;font-family:"STKaiti","KaiTi","Songti SC",serif}
.annual-chart-tooltip-kw{font-size:12px;color:#7d6a58;letter-spacing:.5px;margin-bottom:6px;line-height:1.5}
.annual-chart-tooltip-dos{display:flex;gap:6px;flex-wrap:wrap}
.annual-chart-tooltip-dos span{font-size:11px;padding:2px 7px;border-radius:7px;letter-spacing:1px}
.annual-chart-tooltip-dos span:first-child{background:rgba(178,138,80,.14);color:#8b6536;border:1px solid rgba(178,138,80,.35)}
.annual-chart-tooltip-dos span:last-child{background:rgba(180,80,70,.1);color:#a9473b;border:1px solid rgba(180,80,70,.3)}
.annual-chart-svg{display:block;width:100%;height:auto;aspect-ratio:720/248}
.annual-grid-line{stroke:rgba(155,124,84,.18);stroke-dasharray:4 6}
.annual-peak{filter:drop-shadow(0 0 6px rgba(201,140,70,.5))}
.annual-valley{filter:drop-shadow(0 0 4px rgba(180,120,70,.35))}
.annual-chart-labels{display:flex;justify-content:space-between;padding:4px 6px 12px;color:#866944;font-size:12px;letter-spacing:1px}
.annual-chart-labels span{text-align:center;min-width:0;flex:1}
.annual-summary{margin-top:6px;padding:16px 18px;border:1px solid rgba(176,130,78,.3);border-radius:13px;background:rgba(255,249,239,.45);backdrop-filter:blur(6px)}
.annual-summary-row{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:stretch;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(176,130,78,.22)}
.annual-summary-level{display:grid;gap:6px;justify-items:center;padding-right:20px;border-right:1px solid rgba(176,130,78,.25)}
.annual-summary-label{font-size:13px;color:#8d6b42;letter-spacing:3px}
.annual-summary-stars{font-size:18px;letter-spacing:3px}
.annual-summary-level b{font-size:20px;color:#4b3824;letter-spacing:3px;font-weight:500;font-family:"STKaiti","KaiTi","Songti SC",serif;margin-top:2px}
.annual-summary-kw{display:flex;gap:8px;align-items:center;flex-wrap:wrap;align-content:center}
.annual-kw{padding:6px 14px;border-radius:12px;background:rgba(201,152,74,.12);border:1px solid rgba(201,152,74,.35);color:#8b6536;font-size:15px;letter-spacing:3px;font-family:"STKaiti","KaiTi","Songti SC",serif}
.annual-summary-text{margin:0 0 12px;font-size:14px;line-height:1.9;color:#6d5946;letter-spacing:.5px}
.annual-summary .annual-view-all-btn{margin-top:4px}

/* Annual four dimensions — summary cards */
.annual-dim-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.annual-dim-summary{text-align:left;border:1px solid rgba(177,136,79,.25);border-radius:14px;background:rgba(255,254,250,.55);padding:14px 15px;cursor:pointer;transition:.2s;font-family:inherit;color:inherit;display:flex;flex-direction:column;gap:8px;backdrop-filter:blur(6px);position:relative;overflow:hidden}
.annual-dim-summary:before{content:"";position:absolute;inset:0;z-index:0;mix-blend-mode:multiply;pointer-events:none}
.annual-dim-summary>*{position:relative;z-index:1}
.annual-dim-summary:nth-child(1):before{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,252,244,.04)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-size:cover,125% auto;background-position:center,left bottom;opacity:.34}
.annual-dim-summary:nth-child(2):before{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,252,244,.04)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-size:cover,130% auto;background-position:center,right bottom;opacity:.31}
.annual-dim-summary:nth-child(3):before{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,252,244,.04)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-size:cover,170% auto;background-position:center,58% 62%;opacity:.24}
.annual-dim-summary:nth-child(4):before{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,252,244,.04)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-size:cover,110% auto;background-position:center,93% 112%;opacity:.29}
.annual-dim-summary:hover{transform:translateY(-3px);box-shadow:0 6px 14px rgba(105,72,30,.12);background:rgba(255,250,242,.68);border-color:rgba(201,152,74,.4)}
.annual-dim-summary h3{margin:0;font-size:18px;letter-spacing:2px;color:#5a4026;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:500}
.annual-dim-summary-stars{font-size:14px;letter-spacing:2px;margin:2px 0 1px}
.annual-dim-summary .annual-keywords{gap:5px;margin-bottom:0}
.annual-dim-summary .annual-keywords span{font-size:11px;padding:3px 8px}
.annual-detail-btn{display:block;text-align:center;margin-top:auto;padding:6px 0;font-size:12px;letter-spacing:2px;color:#8b6536;border-top:1px solid rgba(171,125,73,.2);transition:.2s}
.annual-dim-summary:hover .annual-detail-btn{color:#a9473b}
.annual-star{color:#d9c9ae}
.annual-star.on{color:#c9984a;text-shadow:0 0 4px rgba(201,152,74,.4)}
.annual-star.half{background:linear-gradient(90deg,#c9984a 50%,#d9c9ae 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.annual-keywords{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:0}
.annual-keywords span{padding:4px 9px;border-radius:9px;border:1px solid rgba(178,137,81,.42);background:rgba(254,248,237,.52);font-size:12px;letter-spacing:1.5px;color:#5e462c;font-family:"STKaiti","KaiTi","Songti SC",serif}
.annual-month-tag{font-size:11px;padding:2px 8px;border-radius:8px;letter-spacing:1px}
.annual-month-good .annual-month-tag{background:rgba(178,138,80,.18);color:#8b6536;border:1px solid rgba(178,138,80,.4)}
.annual-month-caution .annual-month-tag{background:rgba(180,80,70,.15);color:#a9473b;border:1px solid rgba(180,80,70,.35)}
.annual-month-normal .annual-month-tag{background:rgba(170,160,140,.2);color:#7d6a58;border:1px solid rgba(170,160,140,.35)}
.annual-node-tags{display:flex;gap:8px;flex-wrap:wrap}
.annual-node-tags span{font-size:12px;padding:4px 10px;border-radius:9px;letter-spacing:1px}
.annual-node-tags span:first-child{background:rgba(170,130,70,.15);color:#8b6536;border:1px solid rgba(170,130,70,.35)}
.annual-node-tags span:last-child{background:rgba(180,80,70,.12);color:#a9473b;border:1px solid rgba(180,80,70,.3)}

/* View all button */
.annual-view-all-btn{display:block;width:100%;padding:10px;margin-top:4px;border:1px solid rgba(178,137,81,.35);border-radius:11px;background:rgba(254,248,237,.42);font-family:"STKaiti","KaiTi","Songti SC",serif;font-size:14px;letter-spacing:3px;color:#8b6536;cursor:pointer;transition:.2s;text-align:center}
.annual-view-all-btn:hover{background:rgba(201,152,74,.12);border-color:rgba(201,152,74,.45);color:#a9473b}

/* Advice summary */
.annual-advice-section{background:linear-gradient(135deg,rgba(255,252,247,.7),rgba(248,238,225,.55));position:relative;overflow:hidden}
.annual-advice-top{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}
.annual-advice-keywords,.annual-advice-direction{padding:14px 18px;border-radius:13px;background:rgba(255,255,255,.45);border:1px solid rgba(177,136,79,.25);display:grid;gap:5px;backdrop-filter:blur(5px)}
.annual-adv-kw{font-size:12px;letter-spacing:2px;color:#8d6b42}
.annual-advice-keywords b{font-size:20px;letter-spacing:4px;color:#4b3824;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:500}
.annual-advice-direction b{font-size:18px;letter-spacing:3px;color:#a9473b;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:500}
.annual-advice-brief{margin:0 0 12px;padding:12px 16px;border-radius:12px;background:rgba(192,159,113,.08);border-left:3px solid #b28a52;font-size:13px;line-height:1.85;color:#6d5946;letter-spacing:.5px}

/* Advice popup content (reused in modal) */
.annual-advice-col-title{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:3px;color:#4b3824;padding-bottom:10px;margin-bottom:11px;border-bottom:1px solid rgba(171,125,73,.28);font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:500}
.annual-advice-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:18px;background:radial-gradient(circle,#fffaf2,rgba(237,220,194,.55));border:1px solid rgba(174,130,76,.5);color:#9a713e}
.annual-advice-do .annual-advice-icon{color:#8b6536;border-color:rgba(174,130,76,.55)}
.annual-advice-dont .annual-advice-icon{color:#a9473b;border-color:rgba(180,80,70,.45)}
.annual-advice-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.annual-advice-list li{display:grid;gap:3px;padding-left:20px;position:relative}
.annual-advice-list li:before{content:"";position:absolute;left:4px;top:8px;width:6px;height:6px;border-radius:50%;background:#c9a267}
.annual-advice-dont .annual-advice-list li:before{background:#c9786b}
.annual-advice-list li b{font-size:14px;letter-spacing:1.5px;color:#5e442a;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:500}
.annual-advice-list li span{font-size:14px;line-height:1.75;color:#6d5946}
.annual-advice-footer{margin-top:14px;padding:18px;border-radius:14px;background:rgba(255,250,242,.65);border:1px solid rgba(177,136,79,.3);text-align:center;position:relative;overflow:hidden}
.annual-advice-footer:before{content:"";position:absolute;inset:0;background:url('assets/home-rebuild/tianze-ink-landscape-v2.png') center/cover;opacity:.12;mix-blend-mode:multiply}
.annual-seal{display:inline-grid;place-items:center;width:46px;height:56px;margin:0 auto 10px;border:2px solid #a9473b;border-radius:4px;background:rgba(169,71,59,.06);color:#a9473b;font-size:17px;line-height:1;letter-spacing:0;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:700;position:relative;z-index:1}
.annual-advice-quote{margin:0;font-size:15px;line-height:2;color:#5e442a;letter-spacing:2px;font-family:"STKaiti","KaiTi","Songti SC",serif;position:relative;z-index:1}

/* ===== Annual Modal / Popup ===== */
.annual-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(20,12,6,.55);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;opacity:0;transition:opacity .3s ease}
.annual-modal-overlay.open{opacity:1}
.annual-popup{width:100%;max-width:680px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,251,246,.7) 62%,rgba(242,234,223,.47));border:1px solid rgba(255,255,255,.94);border-radius:20px;box-shadow:0 8px 21px rgba(89,62,32,.15),inset 0 1px 1px rgba(255,255,255,.98);backdrop-filter:blur(7px);position:relative;transform:translateY(20px);opacity:0;transition:transform .35s ease,opacity .35s ease;overflow:hidden}
.annual-modal-overlay.open .annual-popup{transform:translateY(0);opacity:1}
.annual-popup:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background-image:linear-gradient(125deg,rgba(255,255,255,.1),rgba(220,202,177,.08)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-size:cover;background-position:center;opacity:.28;mix-blend-mode:multiply;pointer-events:none}
.annual-popup:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;border:1px solid rgba(187,151,103,.53);opacity:.78;z-index:0}
.annual-popup-head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid rgba(171,125,73,.25);position:relative;z-index:1}
.annual-popup-head h2{margin:0;font-size:22px;letter-spacing:4px;color:#3e2c1d;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:500}
.annual-popup-close{width:32px;height:32px;border-radius:50%;border:1px solid rgba(178,137,81,.5);background:rgba(255,250,243,.6);color:#8b6536;font-size:16px;cursor:pointer;transition:.2s;display:grid;place-items:center}
.annual-popup-close:hover{background:rgba(255,250,243,.85);border-color:rgba(201,152,74,.7);color:#a9473b;transform:rotate(90deg)}
.annual-popup-body{padding:20px 24px 24px;position:relative;z-index:1;max-height:calc(100vh - 180px);overflow-y:auto;font-family:"Songti SC","STSong","SimSun",serif}
.annual-popup-stars{font-size:18px;letter-spacing:3px;margin-bottom:12px}
.annual-popup-keywords{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.annual-popup-keywords span{padding:5px 12px;border-radius:10px;border:1px solid rgba(178,137,81,.42);background:rgba(255,250,243,.6);font-size:13px;letter-spacing:2px;color:#5e462c;font-family:"STKaiti","KaiTi","Songti SC",serif;transition:.2s}
.annual-popup-keywords span:hover{background:rgba(255,250,243,.85);border-color:rgba(201,152,74,.6)}
.annual-popup-section{margin-bottom:14px;padding:15px 18px;border-radius:14px;background:linear-gradient(135deg,rgba(255,254,250,.84),rgba(244,235,221,.6));border:1px solid rgba(255,255,255,.9);outline:1px solid rgba(184,146,96,.35);outline-offset:-4px;box-shadow:0 4px 10px rgba(100,70,34,.08),inset 0 1px rgba(255,255,255,.9);position:relative;overflow:hidden}
.annual-popup-section:before{content:"";position:absolute;inset:0;z-index:0;mix-blend-mode:multiply;pointer-events:none;border-radius:inherit}
.annual-popup-section>*{position:relative;z-index:1}
.annual-popup-section[data-popup-bg="ink"]:before{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,252,244,.04)),url('assets/home-rebuild/home-ink-background.png');background-size:cover,125% auto;background-position:center,left bottom;opacity:.24}
.annual-popup-section[data-popup-bg="left"]:before{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,252,244,.04)),url('assets/home-rebuild/left-mountain-texture.png');background-size:cover,130% auto;background-position:center,right bottom;opacity:.29}
.annual-popup-section[data-popup-bg="right"]:before{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,252,244,.04)),url('assets/home-rebuild/right-mountain-texture.png');background-size:cover,110% auto;background-position:center,93% 112%;opacity:.29}
.annual-popup-section.annual-popup-advice{border-left:3px solid #b28a52}
.annual-popup-label{display:inline-block;padding:2px 10px;border-radius:7px;background:#b28a52;color:#fff8ea;font-size:13px;letter-spacing:2px;margin-bottom:8px}
.annual-popup-section p{margin:0;font-size:15px;line-height:1.9;color:#5e442a;letter-spacing:.5px}
.annual-popup-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.annual-popup-month{padding:12px;border-radius:13px;background:rgba(255,255,255,.5);border:1px solid rgba(177,136,79,.25)}
.annual-popup-month.annual-month-good{background:rgba(255,250,240,.58)}
.annual-popup-month.annual-month-caution{background:rgba(255,245,242,.5)}
.annual-popup-month-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.annual-popup-month-top span:first-child{font-size:14px;letter-spacing:2px;color:#4b3824;font-weight:500;font-family:"STKaiti","KaiTi","Songti SC",serif}
.annual-popup-month b{display:block;font-size:14px;color:#5e442a;letter-spacing:1px;margin-bottom:4px;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:500}
.annual-popup-month p{margin:0;font-size:13px;line-height:1.7;color:#7d6a58}
.annual-popup-nodes{position:relative;padding:4px 0 4px 24px}
.annual-popup-node{position:relative;padding-bottom:16px}
.annual-popup-node:last-child{padding-bottom:0}
.annual-popup-node-dot{position:absolute;left:-24px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff8ea;border:2px solid #b28a52}
.annual-popup-node-line{position:absolute;left:-19px;top:20px;width:2px;height:calc(100% - 8px);background:linear-gradient(180deg,rgba(178,138,82,.5),rgba(178,138,82,.1))}
.annual-popup-node:last-child .annual-popup-node-line{display:none}
.annual-popup-node-content{padding:12px 16px;border-radius:13px;background:rgba(255,255,255,.5);border:1px solid rgba(177,136,79,.25);margin-left:8px}
.annual-popup-node-month{font-size:13px;color:#a17a42;letter-spacing:3px;margin-bottom:4px}
.annual-popup-node-content h3{margin:0 0 6px;font-size:18px;letter-spacing:2px;color:#4b3824;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:500}
.annual-popup-node-content p{margin:0 0 8px;font-size:15px;line-height:1.9;color:#6d5946}
.annual-popup-advice-top{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.annual-popup-advice-top>div{padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.5);border:1px solid rgba(177,136,79,.25)}
.annual-popup-advice-top b{display:block;margin-top:4px;font-size:18px;letter-spacing:3px;color:#4b3824;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:500}
.annual-popup-advice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.annual-popup-advice-col{padding:15px;border-radius:14px;background:rgba(255,255,255,.55);border:1px solid rgba(177,136,79,.3)}

/* Rhythm popup — seasons + subtitle */
.annual-popup-season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.annual-popup-season{padding:14px 10px;border-radius:13px;background:rgba(255,255,255,.5);border:1px solid rgba(177,136,79,.25);text-align:center}
.annual-popup-season b{display:block;font-size:26px;letter-spacing:4px;color:#8b6536;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:500;margin-bottom:5px}
.annual-popup-season span{display:block;font-size:14px;letter-spacing:2px;color:#5e442a;font-family:"STKaiti","KaiTi","Songti SC",serif;margin-bottom:4px}
.annual-popup-season p{margin:0;font-size:13px;line-height:1.7;color:#7d6a58}
.annual-popup-sub-title{font-size:17px;letter-spacing:3px;color:#4b3824;font-family:"STKaiti","KaiTi","Songti SC",serif;font-weight:500;margin:6px 0 12px;padding-left:10px;border-left:3px solid #b28a52}

/* Annual footer (seal + quote on main page) */
.annual-footer-section{margin-top:18px;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,rgba(255,250,242,.7),rgba(248,238,225,.55));border:1px solid rgba(201,152,74,.4);text-align:center;position:relative;overflow:hidden}
.annual-footer-section:before{content:"";position:absolute;inset:0;background:url('assets/home-rebuild/tianze-ink-landscape-v2.png') center/cover;opacity:.12;mix-blend-mode:multiply;pointer-events:none}

/* Responsive for annual page */
@media(max-width:1250px){
  .annual-month-timeline{grid-template-columns:repeat(4,1fr)}
  .annual-four-grid{gap:10px}
  .annual-dimension{padding:13px 14px}
  .annual-summary{padding:14px 16px}
}
@media(max-width:860px){
  .annual-section{margin-bottom:14px}
  .annual-section-sub{font-size:13px;padding-left:20px;margin-bottom:12px}
  .annual-month-timeline{grid-template-columns:repeat(2,1fr);gap:8px}
  .annual-month-card{padding:11px 10px}
  .annual-month-name{font-size:14px}
  .annual-month-theme{font-size:14px}
  .annual-month-desc{font-size:11px}
  .annual-advice-grid{grid-template-columns:1fr;gap:10px}
  .annual-advice-top{grid-template-columns:1fr;gap:10px}
  .annual-chart{padding:12px 12px 0}
  .annual-chart-labels{font-size:11px}
  .annual-chart-labels span{font-size:10.5px}
  .annual-summary{padding:13px 14px}
  .annual-summary-row{grid-template-columns:1fr;gap:12px}
  .annual-summary-level{padding-right:0;padding-bottom:12px;border-right:0;border-bottom:1px solid rgba(176,130,78,.25)}
  .annual-summary-stars{font-size:16px}
  .annual-kw{font-size:13px;padding:5px 11px}
  .annual-summary-text{font-size:13px;line-height:1.8}
  .annual-four-grid{grid-template-columns:1fr;gap:10px}
  .annual-dim-header{flex-wrap:wrap;gap:6px}
  .annual-dim-header h3{font-size:18px}
  .annual-stars{font-size:14px}
  .annual-keywords{gap:5px;margin-bottom:7px}
  .annual-keywords span{font-size:11px;padding:3px 8px}
  .annual-dim-text{font-size:12px;line-height:1.7;margin-bottom:8px}
  .annual-dim-advice{padding:9px 11px}
  .annual-dim-advice p{font-size:11.5px;line-height:1.65}
  .annual-nodes{padding-left:22px}
  .annual-node-dot{left:-22px;top:13px;width:12px;height:12px}
  .annual-node-line{left:-16px;top:27px}
  .annual-node-content{padding:11px 14px;margin-left:8px}
  .annual-node-head{gap:8px;margin-bottom:5px}
  .annual-node-badge{font-size:10px;padding:2px 7px}
  .annual-node-month{font-size:12px}
  .annual-node-title{font-size:17px;margin-bottom:6px}
  .annual-node-desc{font-size:12px;line-height:1.75;margin-bottom:8px}
  .annual-advice-col{padding:13px 14px}
  .annual-advice-col-title{font-size:17px;padding-bottom:9px;margin-bottom:10px}
  .annual-advice-icon{width:30px;height:30px;font-size:16px}
  .annual-advice-list{gap:9px}
  .annual-advice-list li{padding-left:18px}
  .annual-advice-list li:before{left:3px;top:7px;width:6px;height:6px}
  .annual-advice-list li b{font-size:13.5px}
  .annual-advice-list li span{font-size:11.5px}
  .annual-advice-keywords,.annual-advice-direction{padding:12px 14px}
  .annual-advice-keywords b{font-size:18px}
  .annual-advice-direction b{font-size:16px}
  .annual-advice-footer{margin-top:12px;padding:15px}
  .annual-seal{width:42px;height:50px;font-size:15px}
  .annual-advice-quote{font-size:14px;line-height:1.9}
  .annual-popup-season-grid{grid-template-columns:repeat(2,1fr)}
  .annual-popup-month-grid{grid-template-columns:repeat(2,1fr)}
  .annual-popup-advice-grid{grid-template-columns:1fr}
  .annual-popup-advice-top{grid-template-columns:1fr}
  .annual-footer-section{margin-top:14px;padding:18px 16px}
  .annual-popup-body{padding:16px 16px 20px}
  .annual-popup-head{padding:16px 16px}
  .annual-modal-overlay{padding:20px 12px}
}

/* === Integrated C: 问事明机与上香 === */
/* Inquiry redesign — keep the global three-column shell; the center column is a self-contained workbench. */
.inquiry-scene{min-height:calc(100vh - 81px);padding:26px 42px 30px;background:linear-gradient(rgba(255,255,255,.32),rgba(255,252,247,.28));border:1px solid rgba(111,80,43,.82);border-radius:35px 35px 0 0;box-shadow:inset 0 0 0 3px rgba(255,251,243,.72),inset 0 0 0 4px rgba(157,120,75,.31)}.inquiry-mobile-access,.inquiry-mobile-backdrop,.inquiry-mobile-panel{display:none}.inquiry-workbench [hidden]{display:none!important}
.inquiry-scene .page-grid{grid-template-columns:clamp(225px,18vw,275px) minmax(520px,1fr) clamp(280px,23vw,355px);gap:clamp(18px,2vw,28px);align-items:stretch;max-width:1580px;margin:0 auto}.inquiry-scene .profile-card,.inquiry-scene .content-column,.inquiry-scene .right-rail{min-height:clamp(690px,calc(100vh - 155px),790px)}.inquiry-scene .content-column{display:flex;flex-direction:column;min-width:0}.inquiry-scene .page-header{flex:0 0 auto;padding:4px 0 20px;text-align:center}.inquiry-scene .page-header h1{font-size:43px;margin:0 0 7px;letter-spacing:8px}.inquiry-scene .page-header p{margin:0;font-size:16px;letter-spacing:3px}.inquiry-scene .profile-card{display:flex;flex-direction:column;height:100%;min-height:0}.inquiry-scene .profile-card .divider{margin-top:auto}.inquiry-scene .right-rail{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px}.inquiry-scene .right-rail>:last-child{height:100%;display:flex;flex-direction:column}.inquiry-scene .report-mini-list{flex:1}.inquiry-workbench{position:relative;flex:1;min-height:0;overflow:hidden;padding:22px 24px;display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(255,255,255,.91),rgba(255,251,246,.7) 62%,rgba(242,234,223,.48));border:1px solid rgba(255,255,255,.94);box-shadow:0 8px 21px rgba(89,62,32,.14),inset 0 1px 1px rgba(255,255,255,.98);backdrop-filter:blur(7px)}.inquiry-workbench:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(125deg,rgba(255,255,255,.12),rgba(220,202,177,.06)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');background-size:cover;background-position:center 70%;opacity:.2;mix-blend-mode:multiply}.inquiry-form-state,.inquiry-loading-state,.inquiry-result-state{height:100%;display:flex;flex-direction:column;min-height:0}.inquiry-topic-section,.inquiry-question-section,.inquiry-example-section{padding-bottom:18px;margin-bottom:17px;border-bottom:1px solid rgba(176,130,78,.24)}.inquiry-step-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-family:"STKaiti","KaiTi","Songti SC",serif;letter-spacing:2px;color:#3e2c1d}.inquiry-step-header b{display:inline-grid;place-items:center;width:31px;height:22px;margin-right:7px;border:1px solid rgba(177,137,81,.5);border-radius:999px;color:#9b713d;background:rgba(255,249,238,.62);font-size:13px;letter-spacing:0}.inquiry-step-header .text-button{margin-left:10px;font-size:13px}.inquiry-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.inquiry-topic{min-height:84px;display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid rgba(178,136,79,.35);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(248,240,228,.42));text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.8);transition:background .2s ease,border-color .2s ease,transform .2s ease}.inquiry-topic:hover{transform:translateY(-1px);border-color:rgba(177,137,81,.62);background:rgba(255,250,241,.74)}.inquiry-topic.selected{border-color:#b18a50;background:linear-gradient(135deg,rgba(255,250,239,.92),rgba(232,210,176,.34));box-shadow:0 0 0 2px rgba(177,138,80,.16),inset 0 1px rgba(255,255,255,.9)}.topic-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(166,122,67,.56);color:#9d7240;background:radial-gradient(circle,#fffdf8,rgba(231,213,185,.48));font-size:20px}.topic-copy{display:grid;gap:3px}.topic-copy b{font-size:17px;font-weight:500;letter-spacing:2px}.topic-copy small{font-size:12px;color:#796552;letter-spacing:1px}.topic-alert .inquiry-topic-grid{animation:topicPulse .8s ease}@keyframes topicPulse{0%,100%{filter:none}35%{filter:drop-shadow(0 0 8px rgba(169,63,52,.26))}}.inquiry-love-shortcut{margin-top:10px;padding:8px 11px;border-left:3px solid #b18a50;border-radius:10px;background:rgba(192,159,113,.11);font-size:13px;color:#715944}.inquiry-question-input{width:100%;height:118px;min-height:118px;max-height:118px;resize:none;border:1px solid rgba(178,136,79,.38);border-radius:16px;padding:14px 16px;background:rgba(255,253,248,.72);box-shadow:inset 0 1px 8px rgba(118,83,42,.07);font-size:15px;line-height:1.7;letter-spacing:1px;outline:none}.inquiry-question-input:focus{border-color:#b18a50;box-shadow:0 0 0 3px rgba(177,138,80,.14),inset 0 1px 8px rgba(118,83,42,.06)}.inquiry-input-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#806b57;font-size:12px}.inquiry-example-list{display:grid;gap:9px}.inquiry-example{min-height:42px;padding:10px 13px;border:1px solid rgba(178,136,79,.28);border-radius:12px;background:rgba(255,251,244,.54);text-align:left;color:#4c3926;font-size:14px;letter-spacing:1px}.inquiry-example:hover{border-color:rgba(177,137,81,.58);background:#fff8ed}.inquiry-submit-section{margin-top:auto;display:grid;gap:12px}.inquiry-method-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:10px 14px;border-left:3px solid var(--gold);border-radius:12px;background:rgba(192,159,113,.1);color:#715640;font-size:14px}.inquiry-method-strip b{font-weight:500;color:#3e2c1d}.inquiry-relationship-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(178,136,79,.24);border-radius:12px;background:rgba(255,250,242,.52);font-size:13px;color:#6e5844}.inquiry-start-button{justify-self:end;min-width:174px;padding:13px 28px;font-size:17px}.inquiry-guide-popover,.inquiry-example-popover,.inquiry-method-popover{position:absolute;right:24px;z-index:8;width:min(360px,calc(100% - 48px));padding:17px 18px;border:1px solid rgba(178,136,79,.42);border-radius:18px;background:linear-gradient(135deg,rgba(255,254,250,.98),rgba(248,239,225,.94));box-shadow:0 14px 34px rgba(86,61,34,.2);backdrop-filter:blur(8px)}.inquiry-guide-popover{top:63px}.inquiry-example-popover{top:292px}.inquiry-method-popover{bottom:92px}.popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;font-family:"STKaiti","KaiTi",serif;font-size:18px;letter-spacing:2px}.popover-head button{border:0;background:none;color:#9b713d;font-size:24px;line-height:1}.inquiry-guide-popover ol{margin:0;padding-left:22px;color:#67513e;line-height:1.8;font-size:13px}.all-example-list{display:grid;gap:8px}.all-example-list button{display:flex;gap:8px;border:0;border-bottom:1px solid rgba(178,136,79,.2);background:none;padding:8px 0;text-align:left;color:#543f2b;line-height:1.5}.all-example-list span{color:#a1743f}.inquiry-method-popover p{margin:0 0 12px;color:#6c5641;font-size:13px;line-height:1.7}.inquiry-loading-state{justify-content:center;gap:22px}.inquiry-asked{padding:17px 18px;border:1px solid rgba(178,136,79,.28);border-radius:16px;background:rgba(255,251,243,.54)}.inquiry-asked p{margin:0 0 7px;color:#806851;font-size:13px}.inquiry-asked b{display:inline-block;margin-right:8px;color:#9a6d39}.inquiry-asked span{color:#493826;line-height:1.6}.loading-title{text-align:center;font-family:"STKaiti","KaiTi",serif;font-size:27px;letter-spacing:5px;color:#3b2a1c}.inquiry-loading-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.inquiry-loading-step{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px 14px;border:1px solid rgba(178,136,79,.25);border-radius:14px;background:rgba(255,251,243,.45);color:#89725d}.inquiry-loading-step i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(166,122,67,.48);font-style:normal;font-size:12px}.inquiry-loading-step.active{color:#3d2b1d;border-color:#b18a50;background:rgba(255,247,232,.72)}.inquiry-loading-step.done i{background:#b18a50;color:#fff;border-color:#b18a50}.loading-footer{display:flex;justify-content:space-between;align-items:center;color:#806b57;font-size:13px}.inquiry-result-state{gap:13px}.inquiry-result-head{display:flex;align-items:center;justify-content:space-between}.inquiry-result-head h2{margin:0;font-family:"STKaiti","KaiTi",serif;font-size:28px;letter-spacing:4px}.result-asked,.inquiry-result-summary,.inquiry-result-state section{padding:12px 14px;border:1px solid rgba(178,136,79,.22);border-radius:13px;background:rgba(255,251,243,.45)}.result-asked b,.inquiry-result-state h3{display:block;margin:0 0 6px;font-size:15px;color:#8d6637;letter-spacing:2px}.result-asked p,.inquiry-result-summary p{margin:0;line-height:1.65;color:#463522}.inquiry-factor-list,.inquiry-action-list{margin:0;padding-left:20px;color:#5b4632;line-height:1.6}.result-methods{margin-top:auto;padding-top:7px;color:#806952;font-size:13px}.result-actions{display:flex;justify-content:flex-end;gap:10px}.inquiry-result-drawer{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(255,254,250,.98),rgba(247,238,224,.96));border-radius:inherit;box-shadow:-14px 0 30px rgba(88,61,33,.18);transform:translateX(102%);transition:transform .26s ease;overflow:hidden}.inquiry-workbench.drawer-open .inquiry-result-drawer{transform:translateX(0)}.drawer-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 23px 15px;border-bottom:1px solid rgba(178,136,79,.28)}.drawer-head p{margin:0 0 4px;color:#87694b;font-size:13px}.drawer-head h2{margin:0;font-size:28px;letter-spacing:4px}.drawer-head button{border:0;background:none;color:#9b713d;font-size:30px}.drawer-body{overflow:auto;padding:18px 23px 24px}.drawer-body section{margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid rgba(178,136,79,.2)}.drawer-body h3{margin:0 0 8px;color:#8d6637;font-size:17px;letter-spacing:2px}.drawer-body p{margin:0;color:#4d3a27;line-height:1.85;font-size:14px}.drawer-note{background:rgba(169,63,52,.06);border-radius:12px;padding:12px!important}.drawer-body>.primary{float:right;margin-top:6px}.text-button{border:0;background:none;color:#9a6d39}.text-button:hover{color:#a93f34}
@media(max-width:1480px){.inquiry-scene{padding-left:24px;padding-right:24px}.inquiry-scene .page-grid{grid-template-columns:225px minmax(500px,1fr) 280px;gap:18px}.inquiry-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inquiry-method-strip,.inquiry-relationship-entry{align-items:flex-start;flex-direction:column}.inquiry-start-button{justify-self:stretch}.inquiry-scene .page-header h1{font-size:38px}}
@media(max-width:860px){.inquiry-scene{border-radius:20px 20px 0 0;padding:16px 13px}.inquiry-scene .page-grid{grid-template-columns:1fr}.inquiry-scene>.page-grid>.profile-card,.inquiry-scene>.page-grid>.right-rail{display:none}.inquiry-mobile-access{display:flex;gap:10px;margin-bottom:13px}.inquiry-mobile-access .secondary{flex:1;padding:10px}.inquiry-scene .content-column,.inquiry-workbench{min-height:680px}.inquiry-topic-grid,.inquiry-loading-steps{grid-template-columns:1fr}.inquiry-input-meta,.loading-footer,.result-actions{flex-direction:column;align-items:flex-start}.inquiry-result-drawer{position:fixed;top:auto;left:0;right:0;bottom:0;height:88vh;border-radius:24px 24px 0 0}.inquiry-workbench.drawer-open .inquiry-result-drawer{transform:translateY(0)}.inquiry-result-drawer{transform:translateY(102%)}.inquiry-mobile-backdrop{position:fixed;inset:0;z-index:20;background:rgba(36,28,20,.36);backdrop-filter:blur(3px)}.inquiry-mobile-panel{position:fixed;left:10px;right:10px;bottom:0;z-index:21;max-height:82vh;overflow:auto;padding:18px;border-radius:24px 24px 0 0;background:linear-gradient(135deg,rgba(255,254,250,.98),rgba(247,238,224,.96));box-shadow:0 -18px 42px rgba(55,38,20,.28);transform:translateY(105%);transition:transform .24s ease}.inquiry-mobile-panel .profile-card,.inquiry-mobile-panel .right-rail{display:grid!important}.inquiry-mobile-panel .profile-card{display:flex!important;min-height:auto}.mobile-panel-close{float:right;border:0;background:none;color:#9b713d;font-size:28px}.mobile-profile-open .inquiry-mobile-backdrop,.mobile-today-open .inquiry-mobile-backdrop{display:block}.mobile-profile-open [data-mobile-panel="profile"],.mobile-today-open [data-mobile-panel="today"]{display:block;transform:translateY(0)}}

/* Inquiry incense ritual — session-scoped overlay with middle, right, left lighting order. */
.incense-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(255,248,230,.28),rgba(30,24,18,.62) 42%,rgba(22,18,14,.76));backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .52s ease}.incense-overlay.open{opacity:1;pointer-events:auto}.incense-overlay.closing{opacity:0;pointer-events:none}.ritual-card{width:min(520px,calc(100vw - 32px));padding:31px 34px 28px;border:1px solid rgba(232,201,146,.48);border-radius:28px;background:linear-gradient(145deg,rgba(255,253,247,.96),rgba(238,224,201,.91));box-shadow:0 22px 60px rgba(22,15,8,.38),inset 0 1px rgba(255,255,255,.9);text-align:center;color:#3d2b1d;transform:translateY(16px) scale(.98);transition:transform .52s ease;position:relative;overflow:hidden}.incense-overlay.open .ritual-card{transform:translateY(0) scale(1)}.ritual-card:before{content:"";position:absolute;inset:0;background:url('assets/home-rebuild/tianze-ink-landscape-v2.png') center 68%/cover;opacity:.13;mix-blend-mode:multiply;pointer-events:none}.ritual-card>*{position:relative}.ritual-card h2{margin:0 0 7px;font-size:32px;letter-spacing:7px;font-weight:500}.ritual-card p{margin:0;color:#7b634c;letter-spacing:2px}.ritual-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0 20px}.ritual-progress span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid rgba(177,137,81,.32);border-radius:999px;background:rgba(255,250,240,.54);color:#806a55;font-size:14px;letter-spacing:1px}.ritual-progress i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid rgba(177,137,81,.48);font-style:normal;font-size:12px}.ritual-progress span.active{border-color:#b18a50;background:rgba(255,244,222,.82);color:#3e2c1d;box-shadow:0 0 0 3px rgba(177,138,80,.12)}.ritual-progress span.done{border-color:rgba(177,137,81,.55);background:rgba(177,138,80,.14);color:#725535}.ritual-progress span.done i{background:#b18a50;border-color:#b18a50;color:#fff}.incense-scene{height:205px;position:relative;margin:0 auto 20px;width:min(390px,100%)}.censor{position:absolute;left:50%;bottom:12px;width:190px;height:74px;transform:translateX(-50%);border-radius:0 0 96px 96px;background:radial-gradient(ellipse at 50% 8%,#fff4d8 0 7%,#b18a50 8% 10%,#6f4d2b 11% 62%,#3f2c1d 63%);box-shadow:inset 0 8px 15px rgba(255,231,180,.22),0 9px 18px rgba(66,43,22,.24)}.censor:before{content:"";position:absolute;left:16px;right:16px;top:-8px;height:18px;border-radius:50%;background:linear-gradient(180deg,#d9b878,#7f5a31);box-shadow:inset 0 2px 4px rgba(255,245,210,.55)}.censor:after{content:"";position:absolute;left:50%;top:18px;width:58px;height:25px;transform:translateX(-50%);border:1px solid rgba(255,228,177,.35);border-radius:50%;opacity:.7}.incense-wrap{position:absolute;bottom:75px;width:34px;height:122px;transform-origin:50% 100%}.incense-wrap.left{left:125px;transform:rotate(-7deg)}.incense-wrap.middle{left:50%;transform:translateX(-50%)}.incense-wrap.right{right:125px;transform:rotate(7deg)}.incense{position:absolute;left:50%;bottom:0;width:5px;height:100px;transform:translateX(-50%);border-radius:4px;background:linear-gradient(180deg,#b44133 0 14%,#6f372d 15% 100%);box-shadow:inset 0 0 0 1px rgba(80,26,18,.16)}.incense:before{content:"";position:absolute;left:50%;top:-6px;width:11px;height:11px;border-radius:50%;transform:translateX(-50%) scale(.35);background:radial-gradient(circle,#fff8c8 0 15%,#f0a64d 25%,#b23f32 58%,transparent 68%);opacity:0;filter:blur(.1px);transition:opacity .2s ease,transform .24s ease}.incense.lit:before{opacity:1;transform:translateX(-50%) scale(1)}.smoke{position:absolute;left:50%;bottom:98px;width:34px;height:78px;transform:translateX(-50%);opacity:0;pointer-events:none}.smoke:before,.smoke:after{content:"";position:absolute;left:50%;bottom:0;width:20px;height:58px;border-left:2px solid rgba(118,104,91,.36);border-radius:50%;filter:blur(.2px);animation:incenseSmoke 2.8s ease-in-out infinite}.smoke:after{height:70px;border-left:0;border-right:2px solid rgba(118,104,91,.26);animation-delay:.7s}.incense.lit+.smoke{opacity:1}.ritual-complete .smoke{opacity:1}.ritual-complete .ritual-card{box-shadow:0 24px 66px rgba(22,15,8,.35),0 0 42px rgba(209,169,96,.2),inset 0 1px rgba(255,255,255,.9)}@keyframes incenseSmoke{0%{transform:translate(-50%,10px) scale(.82);opacity:0}25%{opacity:.75}100%{transform:translate(calc(-50% + 12px),-28px) scale(1.16);opacity:0}}@media(max-width:860px){.ritual-card{padding:26px 20px}.incense-scene{height:190px}.incense-wrap.left{left:31%}.incense-wrap.right{right:31%}.ritual-progress{gap:6px}.ritual-progress span{font-size:12px}}

/* Let the inquiry side columns breathe so the ink landscape shows through. */
.inquiry-scene>.page-grid>.profile-card,.inquiry-scene>.page-grid>.right-rail .glass-panel{background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(255,249,239,.3) 62%,rgba(224,210,190,.18))!important;border-color:rgba(255,255,255,.58);box-shadow:0 8px 22px rgba(61,43,24,.09),inset 0 1px rgba(255,255,255,.72);backdrop-filter:blur(3px)}
.inquiry-scene>.page-grid>.profile-card:before,.inquiry-scene>.page-grid>.right-rail .glass-panel:before{opacity:.1!important}
.inquiry-scene>.page-grid>.right-rail .solar-card{background-image:linear-gradient(130deg,rgba(255,255,255,.58),rgba(247,238,224,.28)),url('assets/home-rebuild/tianze-ink-landscape-v2.png')!important;background-size:cover,100% auto!important;background-position:center,right bottom!important}
.inquiry-scene>.page-grid>.right-rail .rail-card:nth-child(2),.inquiry-scene>.page-grid>.right-rail .rail-card:nth-child(3){background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,248,236,.24) 58%,rgba(214,199,176,.14))!important;border-color:rgba(255,255,255,.48);box-shadow:0 7px 18px rgba(61,43,24,.07),inset 0 1px rgba(255,255,255,.62);backdrop-filter:blur(2px)}
.inquiry-scene>.page-grid>.right-rail .rail-card:nth-child(2):before,.inquiry-scene>.page-grid>.right-rail .rail-card:nth-child(3):before{opacity:.06!important}
.inquiry-scene>.page-grid>.right-rail .fate-wheel{background-color:rgba(255,252,245,.34);box-shadow:inset 0 0 0 5px rgba(255,251,243,.42),0 2px 7px rgba(111,77,37,.04)}
.inquiry-scene>.page-grid>.right-rail .annual-mini,.inquiry-scene>.page-grid>.right-rail .report-mini-list>div{background:rgba(255,252,246,.18);border-color:rgba(181,143,91,.18)}

/* Use the provided incense burner image while keeping the existing incense and smoke animation. */
.censor{width:260px;height:132px;bottom:-2px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}.censor:before,.censor:after{display:none!important}.censor img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;background:transparent;border:0;box-shadow:none}.incense-scene{height:238px}.incense-wrap{bottom:76px}.incense-wrap.left{left:43%;transform:translateX(-50%) rotate(-6deg)}.incense-wrap.middle{left:50%;transform:translateX(-50%)}.incense-wrap.right{right:auto;left:57%;transform:translateX(-50%) rotate(6deg)}
.incense{background:linear-gradient(180deg,#7f241c 0 16%,#3f1714 17% 100%);box-shadow:inset 0 0 0 1px rgba(40,12,9,.3),0 1px 2px rgba(32,13,8,.18)}.incense:before{background:radial-gradient(circle,#fff1a8 0 12%,#df7d32 24%,#84231c 58%,transparent 70%)}

/* Incense ritual visual polish only: no business state, timing, event, or storage changes. */
.incense-scene{isolation:isolate}.incense-scene:after{content:"";position:absolute;left:50%;bottom:102px;width:112px;height:24px;transform:translateX(-50%);z-index:3;border-radius:50%;background:radial-gradient(ellipse at 50% 45%,rgba(44,24,14,.46),rgba(92,62,34,.22) 48%,transparent 72%);filter:blur(.4px);pointer-events:none}.censor{z-index:2;pointer-events:none}.incense-wrap{z-index:1;pointer-events:none}.incense-wrap.left{left:46%}.incense-wrap.right{left:54%}.incense{width:6px;height:104px;border-radius:999px;background:linear-gradient(90deg,#2a1710 0%,#4b2618 26%,#8b5133 48%,#3a1c13 72%,#1d0f0b 100%);box-shadow:inset 1px 0 1px rgba(255,224,169,.16),inset -1px 0 2px rgba(18,8,4,.45),1px 1px 2px rgba(28,15,9,.28)}.incense:before{top:-10px;width:7px;height:15px;border-radius:999px 999px 5px 5px;background:linear-gradient(180deg,#61574c 0%,#332e29 42%,#6b2b20 100%);filter:none;opacity:0;transform:translateX(-50%) scale(.92);box-shadow:inset 0 1px rgba(255,255,255,.12),0 1px 2px rgba(32,16,9,.16)}.incense:after{content:"";position:absolute;left:50%;top:-12px;width:3px;height:3px;border-radius:50%;transform:translateX(-50%);background:#7c241b;box-shadow:0 0 5px rgba(124,36,27,.42);opacity:0;animation:emberBreath 1.9s ease-in-out infinite;pointer-events:none}.incense.lit:before,.incense.lit:after{opacity:1}.smoke{bottom:104px;width:56px;height:118px;pointer-events:none}.smoke:before,.smoke:after{left:50%;bottom:0;width:26px;height:92px;border:0;border-left:1.5px solid rgba(92,80,69,.24);border-radius:58% 42% 52% 48%;filter:blur(.65px);animation:softIncenseSmoke 4.2s ease-in-out infinite}.smoke:after{width:32px;height:108px;border-left:0;border-right:1.5px solid rgba(78,67,58,.18);animation-name:softIncenseSmokeAlt;animation-duration:5.1s}.incense-wrap.left .smoke:before{animation-delay:.35s}.incense-wrap.left .smoke:after{animation-delay:1.15s}.incense-wrap.middle .smoke:before{animation-delay:.05s}.incense-wrap.middle .smoke:after{animation-delay:.85s}.incense-wrap.right .smoke:before{animation-delay:.68s}.incense-wrap.right .smoke:after{animation-delay:1.55s}@keyframes emberBreath{0%,100%{opacity:.52;transform:translateX(-50%) scale(.78)}45%{opacity:.9;transform:translateX(-50%) scale(1)}}@keyframes softIncenseSmoke{0%{transform:translate(-50%,10px) rotate(-4deg) scale(.7);opacity:0}18%{opacity:.45}58%{opacity:.22}100%{transform:translate(calc(-50% - 14px),-46px) rotate(12deg) scale(1.25);opacity:0}}@keyframes softIncenseSmokeAlt{0%{transform:translate(-50%,8px) rotate(5deg) scale(.66);opacity:0}20%{opacity:.34}62%{opacity:.18}100%{transform:translate(calc(-50% + 16px),-58px) rotate(-10deg) scale(1.36);opacity:0}}

/* Incense visual refinement: lower insertion point, warmer gold body, subtle ember, winding smoke. */
.incense-wrap{bottom:58px}.incense-scene:after{bottom:84px}.incense{background:linear-gradient(90deg,#1f100a 0%,#4b2415 17%,#8d5a2f 34%,#d0a451 48%,#6d381e 63%,#2a120c 100%);box-shadow:inset 1px 0 1px rgba(255,229,160,.34),inset -1px 0 2px rgba(18,8,4,.55),0 1px 3px rgba(35,17,8,.3)}.incense:before{background:linear-gradient(180deg,#746a5d 0%,#34302b 38%,#9b3a22 100%)}.incense:after{top:-13px;width:4px;height:4px;background:radial-gradient(circle,#ffd789 0 18%,#e07a2c 35%,#8b2419 68%,transparent 72%);box-shadow:0 0 7px rgba(230,114,42,.58),0 0 13px rgba(255,190,89,.24)}.smoke{bottom:108px;width:72px;height:142px}.smoke:before,.smoke:after{height:118px;width:38px;border-radius:46% 54% 42% 58%;filter:blur(.8px);border-left:1.4px solid rgba(83,72,63,.24);animation-name:windingIncenseSmoke}.smoke:after{height:132px;width:46px;border-right:1.3px solid rgba(69,60,53,.18);animation-name:windingIncenseSmokeAlt}@keyframes windingIncenseSmoke{0%{transform:translate(-50%,12px) rotate(-7deg) scale(.62);opacity:0}16%{opacity:.42}34%{transform:translate(calc(-50% + 11px),-16px) rotate(10deg) scale(.88);opacity:.34}58%{transform:translate(calc(-50% - 13px),-42px) rotate(-13deg) scale(1.08);opacity:.22}100%{transform:translate(calc(-50% + 10px),-82px) rotate(16deg) scale(1.34);opacity:0}}@keyframes windingIncenseSmokeAlt{0%{transform:translate(-50%,9px) rotate(8deg) scale(.58);opacity:0}18%{opacity:.32}40%{transform:translate(calc(-50% - 12px),-23px) rotate(-12deg) scale(.92);opacity:.26}66%{transform:translate(calc(-50% + 15px),-55px) rotate(15deg) scale(1.16);opacity:.16}100%{transform:translate(calc(-50% - 9px),-92px) rotate(-18deg) scale(1.42);opacity:0}}

/* Burner insertion layering: base burner < incense < ash < front lip; visual-only. */
.incense-scene{overflow:visible}.censor{z-index:1}.incense-wrap{bottom:46px;z-index:auto}.incense-wrap.left{left:47%}.incense-wrap.right{left:53%}.incense{bottom:-12px;height:116px;z-index:3}.incense-wrap.left .incense{height:112px}.incense-wrap.right .incense{height:114px}.burner-ash-layer{position:absolute;left:50%;bottom:82px;width:128px;height:20px;transform:translateX(-50%);z-index:4;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(82,68,54,.74) 0%,rgba(112,96,79,.46) 38%,rgba(64,49,38,.3) 68%,transparent 100%);box-shadow:inset 0 2px 5px rgba(42,29,19,.32),0 1px 3px rgba(255,232,181,.12)}.burner-front-mask{position:absolute;left:50%;bottom:70px;width:178px;height:34px;transform:translateX(-50%);z-index:5;border-radius:50%;pointer-events:none;background:linear-gradient(180deg,rgba(205,171,105,.18) 0%,rgba(102,62,31,.72) 46%,rgba(44,25,14,.48) 100%);box-shadow:inset 0 2px 3px rgba(255,235,180,.16),0 -2px 5px rgba(36,19,10,.22)}.burner-front-mask:before{content:"";position:absolute;left:50%;top:4px;width:86%;height:18px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,rgba(255,226,154,.18),rgba(70,42,23,.28));pointer-events:none}.incense-scene:after{bottom:74px;width:124px;height:25px;background:radial-gradient(ellipse at 50% 48%,rgba(30,17,10,.62),rgba(73,47,27,.34) 46%,transparent 74%)}.smoke{z-index:8;bottom:122px;width:92px;height:176px}.smoke:before,.smoke:after{height:154px;width:54px;border-left:1.35px solid rgba(78,67,58,.23);border-radius:42% 58% 36% 64%;filter:blur(.85px);animation-duration:5.4s}.smoke:after{height:170px;width:66px;border-right:1.25px solid rgba(71,61,54,.17);animation-duration:6.2s}@keyframes windingIncenseSmoke{0%{transform:translate(-50%,12px) rotate(-10deg) scale(.56);opacity:0}14%{opacity:.42}28%{transform:translate(calc(-50% + 18px),-22px) rotate(14deg) scale(.82);opacity:.34}48%{transform:translate(calc(-50% - 22px),-58px) rotate(-18deg) scale(1.02);opacity:.23}72%{transform:translate(calc(-50% + 20px),-96px) rotate(16deg) scale(1.22);opacity:.12}100%{transform:translate(calc(-50% - 12px),-136px) rotate(-22deg) scale(1.5);opacity:0}}@keyframes windingIncenseSmokeAlt{0%{transform:translate(-50%,10px) rotate(9deg) scale(.52);opacity:0}16%{opacity:.34}34%{transform:translate(calc(-50% - 18px),-30px) rotate(-16deg) scale(.84);opacity:.28}56%{transform:translate(calc(-50% + 24px),-72px) rotate(20deg) scale(1.06);opacity:.17}80%{transform:translate(calc(-50% - 20px),-112px) rotate(-18deg) scale(1.28);opacity:.09}100%{transform:translate(calc(-50% + 14px),-150px) rotate(24deg) scale(1.56);opacity:0}}

/* Particle smoke: replaces line smoke with soft drifting vapor puffs. */
/* Continuous SVG incense smoke: no particles, no border-line smoke. */
.incense-smoke-defs{position:absolute;width:0;height:0;overflow:hidden}.smoke-box{position:absolute;left:50%;bottom:112px;width:78px;height:170px;transform:translateX(-50%);z-index:10;pointer-events:none;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;filter:none;opacity:0;transition:opacity 350ms ease;animation:none}.smoke-box:before,.smoke-box:after{content:none;display:none}.smoke-box.is-visible{opacity:1}.smoke-svg{display:block;width:100%;height:100%;overflow:visible}.smoke-stream{fill:none;stroke:url(#incense-smoke-gradient);stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 100%;will-change:transform,opacity}.smoke-stream-core{stroke-width:1.8;opacity:.96;animation:smoke-core-sway 4.8s ease-in-out infinite alternate}.smoke-stream-left{stroke-width:4.3;opacity:.46;animation:smoke-left-sway 6.4s ease-in-out infinite alternate}.smoke-stream-right{stroke-width:5.1;opacity:.34;animation:smoke-right-sway 7.2s ease-in-out infinite alternate}.incense-wrap.middle .smoke-box{width:74px}.incense-wrap.right .smoke-box{width:82px;bottom:112px}.incense-wrap.left .smoke-box{width:78px;bottom:112px}.incense-wrap.right .smoke-svg{transform:scaleX(.98)}.incense-wrap.left .smoke-svg{transform:scaleX(-.96)}@keyframes smoke-core-sway{0%{transform:translateX(-2px) scaleX(.9)}45%{transform:translateX(3px) scaleX(1.08)}100%{transform:translateX(-1.2px) scaleX(.95)}}@keyframes smoke-left-sway{0%{transform:translateX(2px) scaleX(.86);opacity:.34}50%{transform:translateX(-6px) scaleX(1.16);opacity:.49}100%{transform:translateX(4px) scaleX(.94);opacity:.29}}@keyframes smoke-right-sway{0%{transform:translateX(-2px) scaleX(.88);opacity:.27}55%{transform:translateX(7px) scaleX(1.18);opacity:.38}100%{transform:translateX(-4px) scaleX(.93);opacity:.23}}
.compat-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.compat-form-head h3{margin:0}.compat-form-head .text-button{float:none;white-space:nowrap}

/* === 2026-07 visual alignment: annual / inquiry / reports ===
   Reuses the home/self title seal and increases the ink-wash glass transparency. */
.unified-page-header{
  min-height:96px;
  padding:8px 0 18px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  text-align:left;
}
.unified-page-header h1{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  margin:0!important;
  font-size:36px!important;
  line-height:1;
  letter-spacing:9px!important;
  font-weight:700;
  color:#352719;
  text-shadow:0 1px #fff9ed;
  white-space:nowrap;
}
.unified-title-text{display:inline-block}
.unified-title-seal{
  display:inline-grid;
  place-items:center;
  width:27px;
  height:34px;
  padding-top:2px;
  border:2px solid #a24431;
  border-radius:4px;
  color:#a24431;
  font-family:"STKaiti","KaiTi","Songti SC",serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:0;
  line-height:.9;
  text-align:center;
}
.unified-page-header p{
  position:relative;
  margin:0!important;
  padding-left:30px;
  color:#796043!important;
  font-size:16px!important;
  line-height:1.65;
  letter-spacing:3px!important;
  white-space:nowrap;
}
.unified-page-header p:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:18px;
  height:1px;
  background:linear-gradient(90deg,transparent,#bc8b55);
}
.unified-page-header p:after{
  content:"◇";
  position:absolute;
  left:17px;
  top:50%;
  transform:translate(-50%,-54%);
  color:#bd8f5c;
  font-size:10px;
  letter-spacing:0;
}

/* Transparent glass system shared by the three optimized pages. */
.annual-layout .glass-panel,
.inquiry-scene .glass-panel,
.report-scene .glass-panel{
  background:linear-gradient(135deg,rgba(255,254,250,.64),rgba(252,246,236,.40) 62%,rgba(232,221,204,.25))!important;
  border-color:rgba(255,255,255,.78)!important;
  box-shadow:0 8px 22px rgba(75,52,28,.105),inset 0 1px 1px rgba(255,255,255,.88)!important;
  backdrop-filter:blur(11px) saturate(.92)!important;
  -webkit-backdrop-filter:blur(11px) saturate(.92)!important;
}
.annual-layout .glass-panel:before,
.inquiry-scene .glass-panel:before,
.report-scene .glass-panel:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background-image:linear-gradient(125deg,rgba(255,255,255,.08),rgba(220,202,177,.045)),url('assets/home-rebuild/tianze-ink-landscape-v2.png');
  background-size:cover;
  background-position:center 64%;
  opacity:.18;
  mix-blend-mode:multiply;
  pointer-events:none;
}
.annual-layout .glass-panel:after,
.inquiry-scene .glass-panel:after,
.report-scene .glass-panel:after{
  border-color:rgba(187,151,103,.42)!important;
  opacity:.64!important;
}

/* Main center modules need the strongest transparent-paper effect. */
.annual-layout .content-column>.glass-panel,
.inquiry-scene .inquiry-workbench,
.report-scene .report-center>.glass-panel{
  background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,249,239,.34) 60%,rgba(218,203,181,.20))!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:0 9px 25px rgba(65,44,23,.09),inset 0 1px rgba(255,255,255,.82)!important;
  backdrop-filter:blur(12px) saturate(.9)!important;
  -webkit-backdrop-filter:blur(12px) saturate(.9)!important;
}
.annual-layout .content-column>.glass-panel:before,
.inquiry-scene .inquiry-workbench:before,
.report-scene .report-center>.glass-panel:before{opacity:.14!important}

/* Inner cards stay readable without becoming opaque white blocks. */
.annual-dim-summary,
.inquiry-topic,
.inquiry-question-section textarea,
.report-scene .history-card,
.report-scene .report-pending-item{
  background:linear-gradient(135deg,rgba(255,255,255,.50),rgba(249,240,226,.25))!important;
  border-color:rgba(177,136,79,.25)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.66)!important;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.annual-advice-section{background:linear-gradient(135deg,rgba(255,252,247,.55),rgba(248,238,225,.30))!important}

/* Remove older page-specific title overrides. */
.inquiry-scene .unified-page-header h1,
.report-center .unified-page-header h1{font-size:36px!important}
.report-center .unified-page-header{padding:5px 0 15px!important}

@media(max-width:1100px){
  .unified-page-header{gap:20px}
  .unified-page-header h1{font-size:34px!important;letter-spacing:7px!important}
  .unified-page-header p{font-size:15px!important;letter-spacing:2px!important}
}
@media(max-width:860px){
  .unified-page-header{
    min-height:auto;
    padding:5px 0 18px!important;
    flex-direction:column;
    gap:10px;
    text-align:center;
  }
  .unified-page-header h1,
  .inquiry-scene .unified-page-header h1,
  .report-center .unified-page-header h1{
    font-size:32px!important;
    letter-spacing:7px!important;
  }
  .unified-page-header p{
    padding-left:0;
    white-space:normal;
    text-align:center;
    line-height:1.7;
  }
  .unified-page-header p:before,.unified-page-header p:after{display:none}
}

/* === 2026-08 v3 · clear translucent paper system ===
   Reference target: thin bright rice-paper glass, visible ink landscape,
   crisp double borders, and restrained warm shadows. */
:root{
  --paper:rgba(255,255,255,.44);
  --glass:rgba(255,255,255,.36);
  --glass-deep:rgba(255,255,255,.50);
  --line:rgba(176,137,84,.32);
  --shadow:0 11px 30px rgba(73,50,27,.075),inset 0 1px 1px rgba(255,255,255,.84);
}
body{background:#f3f0eb}
.app-shell{
  background-color:#f8f5f0;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png');
  background-position:center 76px,center 76px;
  background-size:cover,cover;
  background-attachment:fixed;
}
.app-shell:before{
  opacity:.32;
  filter:saturate(.34) contrast(.82) brightness(1.08);
}
.app-shell:after{opacity:.07}

.home-scene,
.self-scene,
.annual-layout,
.inquiry-scene,
.report-scene,
.tabbed-page{
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,252,247,.075))!important;
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.58),
    inset 0 0 0 4px rgba(157,120,75,.26)!important;
}

/* First-level panels: visibly transparent, but still separated from the landscape. */
.glass-panel,
.home-scene .glass-panel,
.self-scene .glass-panel,
.annual-layout .glass-panel,
.inquiry-scene .glass-panel,
.report-scene .glass-panel{
  background:linear-gradient(135deg,
    rgba(255,255,255,.46),
    rgba(255,252,247,.245) 58%,
    rgba(222,210,192,.12))!important;
  border-color:rgba(255,255,255,.76)!important;
  box-shadow:0 11px 28px rgba(68,46,24,.072),inset 0 1px 1px rgba(255,255,255,.82)!important;
  backdrop-filter:blur(7px) saturate(.78) brightness(1.055)!important;
  -webkit-backdrop-filter:blur(7px) saturate(.78) brightness(1.055)!important;
}
.glass-panel:after,
.home-scene .glass-panel:after,
.self-scene .glass-panel:after,
.annual-layout .glass-panel:after,
.inquiry-scene .glass-panel:after,
.report-scene .glass-panel:after{
  border-color:rgba(184,146,96,.37)!important;
  opacity:.72!important;
  box-shadow:inset 0 0 18px rgba(255,255,255,.16);
}
.glass-panel:before,
.home-scene .glass-panel:before,
.self-scene .glass-panel:before,
.annual-layout .glass-panel:before,
.inquiry-scene .glass-panel:before,
.report-scene .glass-panel:before{
  opacity:.23!important;
  filter:contrast(.92) brightness(1.07);
}

/* Side cards and the right rail keep a touch more white for long-form readability. */
.profile-card,
.home-scene .profile-card,
.self-scene .profile-card,
.annual-layout .profile-card,
.inquiry-scene .profile-card,
.report-scene .profile-card,
.rail-card,
.report-right>.glass-panel,
.self-aside>.glass-panel,
.match-right>.glass-panel{
  background:linear-gradient(135deg,
    rgba(255,255,255,.50),
    rgba(255,251,244,.27) 62%,
    rgba(225,214,198,.13))!important;
}
.home-scene .profile-card,
.self-scene .profile-card,
.annual-layout .profile-card,
.inquiry-scene .profile-card,
.report-scene .profile-card{
  background-image:
    linear-gradient(135deg,rgba(255,255,255,.49),rgba(255,251,244,.24) 65%,rgba(225,214,198,.12)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png')!important;
  background-position:center,left bottom!important;
  background-size:cover,auto 104%!important;
  background-repeat:no-repeat!important;
}
.home-scene .solar-card,
.annual-layout .solar-card,
.inquiry-scene .solar-card,
.report-scene .solar-card{
  background-image:
    linear-gradient(135deg,rgba(255,255,255,.47),rgba(255,250,241,.22)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png')!important;
  background-position:center,right bottom!important;
  background-size:cover,100% auto!important;
}
.home-scene .wish-card{
  background-image:
    linear-gradient(135deg,rgba(255,255,255,.43),rgba(255,249,239,.20)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png')!important;
}

/* Main center canvases use the thinnest translucent paper. */
.home-center>.glass-panel,
.self-main>.glass-panel,
.self-main>div>.glass-panel,
.annual-layout .content-column>.glass-panel,
.inquiry-scene .inquiry-workbench,
.report-scene .report-center>.glass-panel,
.match-main,
.compat-step-panel{
  background:linear-gradient(135deg,
    rgba(255,255,255,.405),
    rgba(255,250,242,.185) 58%,
    rgba(216,202,181,.085))!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 26px rgba(62,42,22,.065),inset 0 1px rgba(255,255,255,.76)!important;
  backdrop-filter:blur(6px) saturate(.76) brightness(1.06)!important;
  -webkit-backdrop-filter:blur(6px) saturate(.76) brightness(1.06)!important;
}
.inquiry-workbench:before,
.annual-layout .content-column>.glass-panel:before,
.report-scene .report-center>.glass-panel:before{opacity:.22!important}

/* Second-level information blocks. */
.measure-card,
.pillar,
.dimension,
.timeline-card,
.lesson-card,
.choice,
.love-topic-band,
.love-entry-card,
.compat-depth-card,
.compat-result-card,
.report-list-item,
.history-card,
.report-pending-item,
.report-chapter,
.quick-q,
.annual-chart,
.annual-summary,
.annual-dim-summary,
.annual-node-content,
.annual-advice-keywords,
.annual-advice-direction,
.annual-advice-col,
.annual-advice-footer,
.inquiry-topic,
.inquiry-example,
.inquiry-asked,
.inquiry-loading-step,
.result-asked,
.inquiry-result-summary,
.inquiry-result-state section,
.inquiry-relationship-entry,
.inquiry-method-strip,
.report-toc,
.context-tag,
.destiny-summary,
.life-lesson-track article,
.follow-questions button,
.structure-tags span,
.compat-tab,
.compat-stage-pill{
  background:linear-gradient(135deg,
    rgba(255,255,255,.36),
    rgba(255,249,239,.145))!important;
  border-color:rgba(176,135,80,.275)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.56)!important;
  backdrop-filter:blur(4px) saturate(.78) brightness(1.045);
  -webkit-backdrop-filter:blur(4px) saturate(.78) brightness(1.045);
}
.measure-card:after{border-color:rgba(255,255,255,.36)!important}

/* Selected / active blocks remain clear without becoming solid cream. */
.inquiry-topic.selected,
.compat-depth-card.active,
.report-list-item.is-featured,
.report-pending-item.is-loading,
.timeline-card.active,
.choice.selected{
  background:linear-gradient(135deg,
    rgba(255,255,255,.53),
    rgba(247,229,201,.245))!important;
  border-color:rgba(176,132,73,.45)!important;
}

/* Inputs and compact interactive chips. */
.textarea,
.inquiry-question-input,
.compat-input,
input,
textarea,
select{
  background:rgba(255,255,255,.39)!important;
  border-color:rgba(176,135,80,.31)!important;
  box-shadow:inset 0 1px 7px rgba(89,61,31,.035),inset 0 1px rgba(255,255,255,.60)!important;
  backdrop-filter:blur(4px) brightness(1.04);
  -webkit-backdrop-filter:blur(4px) brightness(1.04);
}
.secondary,
.tag,
.annual-view-all-btn,
.inquiry-step-header b,
.annual-keywords span,
.annual-kw,
.method-tags span,
.report-status,
.compat-depth-foot{
  background:rgba(255,255,255,.285)!important;
  border-color:rgba(176,135,80,.29)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.48);
}
.secondary:hover,
.inquiry-example:hover,
.quick-q:hover,
.measure-card:hover,
.history-card:hover,
.love-entry-card:hover,
.compat-depth-card:hover{
  background:rgba(255,255,255,.50)!important;
}

/* Circular and decorative micro-cards: brighter highlights, less beige fill. */
.icon-circle,
.topic-icon,
.lesson-icon,
.annual-advice-icon,
.wheel-core,
.compat-step-node i{
  background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.68),rgba(236,219,193,.21))!important;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.24),0 2px 6px rgba(86,58,29,.055)!important;
}
.progress-ring{
  background:radial-gradient(circle,rgba(255,255,255,.44) 59%,transparent 61%),conic-gradient(#a77c42 0 75%,rgba(216,196,164,.58) 75%)!important;
}
.fate-wheel{
  background-color:rgba(255,255,255,.22)!important;
  box-shadow:inset 0 0 0 5px rgba(255,255,255,.25),0 2px 7px rgba(83,56,28,.035)!important;
}

/* Advice and subtle callout bands should read as translucent ink washes. */
.annual-advice-section{
  background:linear-gradient(135deg,rgba(255,255,255,.37),rgba(246,232,211,.14))!important;
}
.annual-advice-brief,
.annual-dim-advice,
.inquiry-love-shortcut,
.drawer-note,
.recommend,
.verification-strip{
  background:rgba(190,153,102,.055)!important;
}
.annual-chart-tooltip,
.inquiry-guide-popover,
.inquiry-example-popover,
.inquiry-method-popover,
.inquiry-result-drawer,
.annual-popup,
.modal-card{
  background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(249,239,224,.64))!important;
  backdrop-filter:blur(14px) saturate(.80) brightness(1.035)!important;
  -webkit-backdrop-filter:blur(14px) saturate(.80) brightness(1.035)!important;
}

/* Let the ink texture show through slightly more on pages that previously looked blank. */
.home-scene .glass-panel:before,
.self-scene .glass-panel:before,
.annual-layout .glass-panel:before,
.inquiry-scene .glass-panel:before,
.report-scene .glass-panel:before,
.match-main:before,
.compat-step-panel:before{
  opacity:.26!important;
}
.home-scene .measure-card:before,
.annual-dim-summary:before{opacity:.36!important}
.pillar:before{opacity:.21!important}

/* Mobile: reduce blur cost while retaining the clear-paper look. */
@media(max-width:860px){
  .glass-panel,
  .home-scene .glass-panel,
  .self-scene .glass-panel,
  .annual-layout .glass-panel,
  .inquiry-scene .glass-panel,
  .report-scene .glass-panel{
    background:linear-gradient(135deg,rgba(255,255,255,.50),rgba(255,250,242,.24))!important;
    backdrop-filter:blur(4px) brightness(1.04)!important;
    -webkit-backdrop-filter:blur(4px) brightness(1.04)!important;
  }
  .measure-card,.pillar,.dimension,.timeline-card,.lesson-card,.choice,
  .annual-dim-summary,.inquiry-topic,.history-card,.report-pending-item,.report-list-item{
    background:linear-gradient(135deg,rgba(255,255,255,.40),rgba(255,249,239,.17))!important;
  }
}


/* === 2026-08 v9 · final unified paper-glass system ======================== */
/*
   One continuous landscape belongs to the page. Panels only refract it.
   This block intentionally supersedes the cumulative v5-v8 experiments above.
*/

:root{
  --tz-panel-top:rgba(255,253,248,.46);
  --tz-panel-bottom:rgba(248,239,226,.18);
  --tz-panel-side-top:rgba(255,253,248,.50);
  --tz-panel-side-bottom:rgba(248,239,226,.21);
  --tz-inner-top:rgba(255,254,250,.30);
  --tz-inner-bottom:rgba(248,239,226,.09);
  --tz-panel-border:rgba(255,255,255,.78);
  --tz-inner-border:rgba(173,132,78,.25);
  --tz-frame:rgba(168,127,75,.33);
  --tz-soft-shadow:0 9px 25px rgba(72,50,27,.075),inset 0 1px 1px rgba(255,255,255,.76);
}

/* The only full mountain image on ordinary pages. Fixed positioning prevents
   a second stretched image from appearing on long report/result pages. */
.app-shell{
  background:#eee8df !important;
  isolation:isolate;
}
.app-shell::before{
  display:block !important;
  content:"" !important;
  position:fixed !important;
  inset:76px 0 0 !important;
  z-index:0 !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(249,244,236,.025) 34%,rgba(241,234,224,.055)),
    url('assets/home-rebuild/home-ink-background.png') center center / cover no-repeat !important;
  opacity:.96 !important;
  filter:saturate(.64) contrast(.92) brightness(1.035) !important;
  mix-blend-mode:normal !important;
  pointer-events:none;
}
.app-shell::after{
  display:block !important;
  content:"" !important;
  position:fixed !important;
  inset:76px 0 0 !important;
  z-index:0 !important;
  background-image:radial-gradient(rgba(91,63,35,.13) .48px,transparent .58px) !important;
  background-size:5px 5px !important;
  opacity:.035 !important;
  pointer-events:none;
}
.page-stage{background:transparent !important;}

/* Scene wrappers retain the prototype's rounded frame, but never paint another
   rectangular landscape over the full background. */
.home-scene,
.self-scene,
.annual-layout,
.inquiry-scene,
.report-scene,
.tabbed-page{
  position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,252,247,.025)) !important;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.54),
    inset 0 0 0 3px rgba(154,116,70,.27) !important;
}
.home-scene::before,
.self-scene::before,
.annual-layout::before,
.inquiry-scene::before,
.report-scene::before,
.tabbed-page::before,
.home-scene::after,
.self-scene::after,
.annual-layout::after,
.inquiry-scene::after,
.report-scene::after,
.tabbed-page::after{
  display:none !important;
  content:none !important;
  background:none !important;
}

/* Main glass material. Lower alpha and lighter blur let the continuous
   landscape read through every module without sacrificing text contrast. */
.glass-panel,
.home-scene .glass-panel,
.self-scene .glass-panel,
.annual-layout .glass-panel,
.inquiry-scene .glass-panel,
.report-scene .glass-panel,
.tabbed-page .glass-panel{
  background:linear-gradient(145deg,var(--tz-panel-top),var(--tz-panel-bottom)) !important;
  background-image:linear-gradient(145deg,var(--tz-panel-top),var(--tz-panel-bottom)) !important;
  border:1px solid var(--tz-panel-border) !important;
  box-shadow:var(--tz-soft-shadow) !important;
  backdrop-filter:blur(3.5px) saturate(.78) brightness(1.045) !important;
  -webkit-backdrop-filter:blur(3.5px) saturate(.78) brightness(1.045) !important;
}

/* Remove the repeated per-card landscape layer that produced visible squares. */
.glass-panel::before,
.home-scene .glass-panel::before,
.self-scene .glass-panel::before,
.annual-layout .glass-panel::before,
.inquiry-scene .glass-panel::before,
.report-scene .glass-panel::before,
.tabbed-page .glass-panel::before,
.home-scene .measure-card::before,
.home-scene .daily-action::before,
.home-scene .report-mini-list::after{
  display:none !important;
  content:none !important;
  background:none !important;
  opacity:0 !important;
}

/* A fine inner keyline recreates the luminous double edge in the prototype. */
.glass-panel::after,
.home-scene .glass-panel::after,
.self-scene .glass-panel::after,
.annual-layout .glass-panel::after,
.inquiry-scene .glass-panel::after,
.report-scene .glass-panel::after,
.tabbed-page .glass-panel::after{
  display:block !important;
  content:"" !important;
  inset:4px !important;
  border:1px solid var(--tz-frame) !important;
  border-radius:calc(var(--round) - 4px) !important;
  box-shadow:inset 0 0 16px rgba(255,255,255,.20) !important;
  opacity:.70 !important;
  pointer-events:none !important;
}

/* All left/right rails use one material and the same opacity. */
.profile-card,
.side-card,
.right-rail > .glass-panel,
.rail-card,
.self-aside > .glass-panel,
.report-right > .glass-panel,
.match-right > .glass-panel,
.inquiry-scene > .page-grid > .profile-card,
.inquiry-scene > .page-grid > .right-rail .glass-panel,
.annual-layout .profile-card,
.annual-layout .right-rail .glass-panel,
.report-scene .profile-card,
.report-scene .right-rail .glass-panel,
.self-scene .profile-card,
.home-layout > .profile-card,
.home-layout > .right-rail .glass-panel{
  background:linear-gradient(145deg,var(--tz-panel-side-top),var(--tz-panel-side-bottom)) !important;
  background-image:linear-gradient(145deg,var(--tz-panel-side-top),var(--tz-panel-side-bottom)) !important;
  border-color:var(--tz-panel-border) !important;
  box-shadow:var(--tz-soft-shadow) !important;
  backdrop-filter:blur(4px) saturate(.76) brightness(1.045) !important;
  -webkit-backdrop-filter:blur(4px) saturate(.76) brightness(1.045) !important;
}

/* Large center modules stay only slightly denser than the side panels. */
.home-center > .glass-panel,
.self-main > .glass-panel,
.self-main > div > .glass-panel,
.annual-layout .content-column > .glass-panel,
.inquiry-scene .inquiry-workbench,
.report-scene .report-center > .glass-panel,
.match-main,
.compat-step-panel,
.report-reader-card,
.steps-band{
  background:linear-gradient(145deg,rgba(255,253,248,.50),rgba(248,239,226,.20)) !important;
  background-image:linear-gradient(145deg,rgba(255,253,248,.50),rgba(248,239,226,.20)) !important;
}

/* Inner information blocks are translucent paper washes, never mini landscape
   thumbnails. Keeping this list explicit protects diagrams and primary CTAs. */
.measure-card,
.pillar,
.dimension,
.timeline-card,
.lesson-card,
.choice,
.love-topic-band,
.love-entry-card,
.compat-depth-card,
.compat-result-card,
.report-list-item,
.history-card,
.report-pending-item,
.report-chapter,
.quick-q,
.annual-chart,
.annual-summary,
.annual-dim-summary,
.annual-node-content,
.annual-advice-keywords,
.annual-advice-direction,
.annual-advice-col,
.annual-advice-footer,
.inquiry-topic,
.inquiry-example,
.inquiry-asked,
.inquiry-loading-step,
.result-asked,
.inquiry-result-summary,
.inquiry-result-state section,
.inquiry-relationship-entry,
.inquiry-method-strip,
.report-toc,
.report-toc-item,
.context-tag,
.destiny-summary,
.life-lesson-track article,
.follow-questions button,
.structure-tags span,
.compat-tab,
.compat-stage-pill,
.report-feature-body,
.report-feature-meta,
.report-summary-card,
.report-progress-card,
.report-ask-card,
.input-shell,
.report-mini-list > div,
.fate-summary,
.annual-mini,
.source-row,
.verification-strip,
.feature-tags span,
.recommend,
.method-tags span,
.inquiry-question-input,
.textarea,
.compat-input,
input,
textarea,
select,
.secondary,
.tag,
.annual-view-all-btn,
.inquiry-step-header b,
.annual-keywords span,
.annual-kw,
.report-status,
.compat-depth-foot{
  background:linear-gradient(145deg,var(--tz-inner-top),var(--tz-inner-bottom)) !important;
  background-image:linear-gradient(145deg,var(--tz-inner-top),var(--tz-inner-bottom)) !important;
  border-color:var(--tz-inner-border) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.48) !important;
  backdrop-filter:blur(1.8px) saturate(.76) brightness(1.025) !important;
  -webkit-backdrop-filter:blur(1.8px) saturate(.76) brightness(1.025) !important;
}

/* Daily items are columns rather than standalone cards in the prototype. */
.daily-action{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Selected and hover states gain a restrained warm wash without turning solid. */
.measure-card:hover,
.inquiry-topic:hover,
.inquiry-topic.selected,
.choice:hover,
.choice.selected,
.compat-depth-card:hover,
.compat-depth-card.active,
.timeline-card:hover,
.timeline-card.active,
.report-list-item.is-featured,
.report-pending-item.is-loading,
.history-card:hover,
.quick-q:hover,
.love-entry-card:hover,
.source-row:hover,
.follow-questions button:hover{
  background:linear-gradient(145deg,rgba(255,252,246,.45),rgba(235,216,188,.17)) !important;
  background-image:linear-gradient(145deg,rgba(255,252,246,.45),rgba(235,216,188,.17)) !important;
  border-color:rgba(177,130,67,.42) !important;
}

/* Containers must never paint hidden opaque rectangles around their children. */
.measure-grid,
.daily-actions,
.pillar-grid,
.choice-list,
.context-bar,
.inquiry-topic-grid,
.inquiry-example-list,
.inquiry-input-meta,
.action-row,
.result-actions,
.report-feature-body,
.report-reader-head,
.report-reader-meta,
.report-reader-actions,
.report-reader-foot,
.report-pending-list,
.report-list,
.history-grid,
.compat-stage-options,
.compat-row,
.portrait-veil,
.match-content > div,
.drawer-note{
  background-color:transparent !important;
  box-shadow:none !important;
}

/* The only local illustrations are transparent cutouts, so they cannot create
   rectangular seams. */
.solar-card,
.home-scene .solar-card,
.annual-layout .solar-card,
.inquiry-scene .solar-card,
.report-scene .solar-card{
  background:
    url('assets/home-rebuild/solar-botanical.png') right 18px bottom 10px / 122px auto no-repeat,
    linear-gradient(145deg,var(--tz-panel-side-top),var(--tz-panel-side-bottom)) !important;
  background-image:
    url('assets/home-rebuild/solar-botanical.png'),
    linear-gradient(145deg,var(--tz-panel-side-top),var(--tz-panel-side-bottom)) !important;
  background-position:right 18px bottom 10px,center !important;
  background-size:122px auto,auto !important;
  background-repeat:no-repeat !important;
}
.home-scene .wish-card,
.self-scene .wish-card,
.annual-layout .wish-card,
.inquiry-scene .wish-card,
.report-scene .wish-card{
  background:
    url('assets/home-rebuild/plum-branch.png') right bottom / contain no-repeat,
    linear-gradient(145deg,rgba(255,253,248,.44),rgba(248,239,226,.16)) !important;
  background-image:
    url('assets/home-rebuild/plum-branch.png'),
    linear-gradient(145deg,rgba(255,253,248,.44),rgba(248,239,226,.16)) !important;
  background-position:right bottom,center !important;
  background-size:contain,auto !important;
  background-repeat:no-repeat !important;
}

/* Covers are deliberate opaque artifacts, not interface panels. */
.report-list-cover,
.report-cover,
.report-feature-cover,
.report-pending-cover,
.history-cover{
  background:
    linear-gradient(135deg,rgba(213,195,163,.90),rgba(255,248,232,.77)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png') center 74% / auto 132% no-repeat !important;
  background-image:
    linear-gradient(135deg,rgba(213,195,163,.90),rgba(255,248,232,.77)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png') !important;
  background-position:center,center 74% !important;
  background-size:cover,auto 132% !important;
  background-repeat:no-repeat !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Functional overlays need stronger opacity because they sit above the page. */
.inquiry-guide-popover,
.inquiry-example-popover,
.inquiry-method-popover,
.inquiry-result-drawer,
.inquiry-mobile-panel{
  background:linear-gradient(145deg,rgba(255,254,250,.94),rgba(247,238,224,.90)) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

@media(max-width:860px){
  .app-shell::before{
    background-position:center top !important;
  }
  .glass-panel,
  .home-scene .glass-panel,
  .self-scene .glass-panel,
  .annual-layout .glass-panel,
  .inquiry-scene .glass-panel,
  .report-scene .glass-panel,
  .tabbed-page .glass-panel{
    backdrop-filter:blur(2.5px) saturate(.78) brightness(1.04) !important;
    -webkit-backdrop-filter:blur(2.5px) saturate(.78) brightness(1.04) !important;
  }
}

/* v3.1 brightness calibration: keep transparency, soften the underlying ink. */
.app-shell{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.27)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png');
  background-attachment:scroll;
  background-repeat:no-repeat;
}
.app-shell:before{
  opacity:.16;
  filter:saturate(.30) contrast(.75) brightness(1.12);
}
.home-scene,
.self-scene,
.annual-layout,
.inquiry-scene,
.report-scene,
.tabbed-page{
  background:linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,252,247,.12))!important;
}


/* === 2026-08 v4 · header unification + brighter center translucency === */
/* All four-character page titles use the same smaller scale, with the subtitle placed on the right. */
.unified-page-header,
.self-scene > .unified-page-header,
.tabbed-page > .unified-page-header,
.report-reader-card ~ .unified-page-header{
  min-height: 92px;
  padding: 6px 0 18px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  text-align:left;
}
.unified-page-header h1,
.self-scene .unified-page-header h1,
.inquiry-scene .unified-page-header h1,
.report-center .unified-page-header h1,
.tabbed-page .unified-page-header h1{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 !important;
  font-size:34px !important;
  line-height:1;
  letter-spacing:8px !important;
  font-weight:700;
  color:#352719;
  text-shadow:0 1px rgba(255,255,255,.88);
  white-space:nowrap;
}
.unified-page-header p,
.self-scene .unified-page-header p,
.tabbed-page .unified-page-header p{
  position:relative;
  margin:0 !important;
  padding-left:28px;
  color:#7a6243 !important;
  font-size:16px !important;
  line-height:1.6;
  letter-spacing:3px !important;
  white-space:nowrap;
}
.unified-page-header p:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:17px;
  height:1px;
  background:linear-gradient(90deg,transparent,#bc8b55 24%,#bc8b55 72%,transparent);
}
.unified-page-header p:after{
  content:"◇";
  position:absolute;
  left:16px;
  top:50%;
  transform:translate(-50%,-56%);
  color:#bd8f5c;
  font-size:10px;
  letter-spacing:0;
}

/* More refined artistic red seal. */
.home-hero .seal,
.unified-title-seal,
.annual-seal,
.self-seal,
.page-hero .seal{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:29px;
  height:35px;
  margin-left:4px;
  padding-top:1px;
  border:2px solid rgba(166,61,48,.92);
  border-radius:4px;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.20), transparent 34%),
    radial-gradient(circle at 70% 72%, rgba(166,61,48,.14), transparent 45%),
    linear-gradient(135deg, rgba(171,67,54,.10), rgba(255,255,255,.02) 48%, rgba(171,67,54,.08));
  color:#a33d31;
  font-family:"STXingkai","STKaiti","KaiTi","Songti SC",serif;
  font-size:12px !important;
  font-weight:700;
  letter-spacing:-1px !important;
  line-height:.82 !important;
  text-align:center;
  transform:translateY(-1px) rotate(-5deg);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22), 0 1px 0 rgba(255,255,255,.50);
}
.home-hero .seal:before,
.unified-title-seal:before,
.annual-seal:before,
.self-seal:before,
.page-hero .seal:before{
  content:"";
  position:absolute;
  inset:2px;
  border:1px solid rgba(166,61,48,.40);
  border-radius:2px;
  transform:rotate(2deg);
  opacity:.65;
  pointer-events:none;
}
.home-hero .seal:after,
.unified-title-seal:after,
.annual-seal:after,
.self-seal:after,
.page-hero .seal:after{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(circle at 18% 18%, rgba(166,61,48,.18) 0 12%, transparent 13%),
    radial-gradient(circle at 78% 76%, rgba(166,61,48,.11) 0 10%, transparent 12%),
    radial-gradient(circle at 54% 42%, rgba(255,255,255,.10) 0 14%, transparent 18%);
  mix-blend-mode:multiply;
  pointer-events:none;
}
.home-hero .seal{width:30px;height:36px;vertical-align:6px;font-size:12px !important}
.unified-title-seal{vertical-align:4px}

/* Brighter translucent-paper system: center stays bright for text; edges fade more. */
.glass-panel,
.home-scene .glass-panel,
.self-scene .glass-panel,
.annual-layout .glass-panel,
.inquiry-scene .glass-panel,
.report-scene .glass-panel,
.tabbed-page .glass-panel{
  background:
    radial-gradient(ellipse at 50% 46%, rgba(255,255,255,.88) 0%, rgba(255,253,248,.80) 34%, rgba(255,250,243,.62) 62%, rgba(255,247,239,.34) 100%),
    linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,251,245,.08)) !important;
  border-color:rgba(255,255,255,.84) !important;
  box-shadow:0 10px 24px rgba(68,46,24,.050), inset 0 1px 1px rgba(255,255,255,.88) !important;
  backdrop-filter:blur(6px) saturate(.78) brightness(1.08) !important;
  -webkit-backdrop-filter:blur(6px) saturate(.78) brightness(1.08) !important;
}
.glass-panel:after,
.home-scene .glass-panel:after,
.self-scene .glass-panel:after,
.annual-layout .glass-panel:after,
.inquiry-scene .glass-panel:after,
.report-scene .glass-panel:after,
.tabbed-page .glass-panel:after{
  border-color:rgba(188,150,101,.34) !important;
  opacity:.68 !important;
  box-shadow:inset 0 0 14px rgba(255,255,255,.12);
}
.glass-panel:before,
.home-scene .glass-panel:before,
.self-scene .glass-panel:before,
.annual-layout .glass-panel:before,
.inquiry-scene .glass-panel:before,
.report-scene .glass-panel:before,
.tabbed-page .glass-panel:before{
  opacity:.14 !important;
  filter:contrast(.9) brightness(1.08);
}

/* Primary content cards: bright in the center, transparent toward the edges. */
.home-center>.glass-panel,
.self-main>.glass-panel,
.self-main>div>.glass-panel,
.annual-layout .content-column>.glass-panel,
.inquiry-scene .inquiry-workbench,
.report-scene .report-center>.glass-panel,
.match-main,
.compat-step-panel{
  background:
    radial-gradient(ellipse at 50% 45%, rgba(255,255,255,.90) 0%, rgba(255,253,248,.82) 38%, rgba(255,250,243,.60) 66%, rgba(255,247,240,.28) 100%),
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,251,245,.05)) !important;
  border-color:rgba(255,255,255,.82) !important;
  box-shadow:0 9px 22px rgba(62,42,22,.045), inset 0 1px rgba(255,255,255,.90) !important;
}

/* Secondary small blocks become brighter, not darker. Center has more opacity than the edges. */
.measure-card,
.pillar,
.dimension,
.timeline-card,
.lesson-card,
.choice,
.love-topic-band,
.love-entry-card,
.compat-depth-card,
.compat-result-card,
.report-list-item,
.history-card,
.report-pending-item,
.report-chapter,
.quick-q,
.annual-chart,
.annual-summary,
.annual-dim-summary,
.annual-node-content,
.annual-advice-keywords,
.annual-advice-direction,
.annual-advice-col,
.annual-advice-footer,
.inquiry-topic,
.inquiry-example,
.inquiry-asked,
.inquiry-loading-step,
.result-asked,
.inquiry-result-summary,
.inquiry-result-state section,
.inquiry-relationship-entry,
.inquiry-method-strip,
.report-toc,
.context-tag,
.destiny-summary,
.life-lesson-track article,
.follow-questions button,
.structure-tags span,
.compat-tab,
.compat-stage-pill,
.report-feature-body,
.report-summary-card,
.report-progress-card,
.report-ask-card,
.inquiry-question-section textarea,
.input-shell,
.report-mini-list > div{
  background:
    radial-gradient(ellipse at 50% 44%, rgba(255,255,255,.78) 0%, rgba(255,252,246,.68) 42%, rgba(255,249,241,.42) 72%, rgba(255,247,239,.16) 100%),
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,251,244,.03)) !important;
  border-color:rgba(177,136,79,.23) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.66) !important;
  backdrop-filter:blur(4px) saturate(.78) brightness(1.06);
  -webkit-backdrop-filter:blur(4px) saturate(.78) brightness(1.06);
}

.inquiry-topic.selected,
.compat-depth-card.active,
.report-list-item.is-featured,
.report-pending-item.is-loading,
.timeline-card.active,
.choice.selected{
  background:
    radial-gradient(ellipse at 50% 46%, rgba(255,255,255,.86) 0%, rgba(255,250,240,.74) 46%, rgba(248,234,206,.46) 78%, rgba(247,230,200,.18) 100%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(247,232,206,.06)) !important;
}

.textarea,
.inquiry-question-input,
.compat-input,
input,
textarea,
select{
  background:
    radial-gradient(ellipse at 50% 44%, rgba(255,255,255,.82) 0%, rgba(255,253,248,.72) 46%, rgba(255,249,241,.42) 78%, rgba(255,247,239,.18) 100%) !important;
  border-color:rgba(176,135,80,.28) !important;
  box-shadow:inset 0 1px 7px rgba(89,61,31,.025), inset 0 1px rgba(255,255,255,.72) !important;
}

.secondary,
.tag,
.annual-view-all-btn,
.inquiry-step-header b,
.annual-keywords span,
.annual-kw,
.method-tags span,
.report-status,
.compat-depth-foot{
  background:
    radial-gradient(ellipse at 50% 45%, rgba(255,255,255,.70) 0%, rgba(255,252,246,.56) 56%, rgba(255,248,239,.22) 100%) !important;
  border-color:rgba(176,135,80,.26) !important;
}

@media(max-width:1100px){
  .unified-page-header{gap:18px}
  .unified-page-header h1{font-size:32px !important; letter-spacing:7px !important}
  .unified-page-header p{font-size:15px !important; letter-spacing:2px !important}
}
@media(max-width:860px){
  .unified-page-header{
    min-height:auto;
    padding:5px 0 18px !important;
    flex-direction:column;
    gap:9px;
    text-align:center;
  }
  .unified-page-header h1,
  .self-scene .unified-page-header h1,
  .inquiry-scene .unified-page-header h1,
  .report-center .unified-page-header h1,
  .tabbed-page .unified-page-header h1{
    font-size:30px !important;
    letter-spacing:6px !important;
  }
  .unified-page-header p{
    white-space:normal;
    padding-left:0;
    text-align:center;
  }
  .unified-page-header p:before,
  .unified-page-header p:after{display:none}
}


/* === 2026-08 v5 · restore prototype mountain background and card texture === */
/* 1) Restore the page background mountain painting closer to the prototype. */
.app-shell{
  background:#f2ede5 !important;
}
.app-shell:before{
  inset:76px 0 0 !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04)),
    url('assets/home-rebuild/home-ink-background.png') center/cover no-repeat !important;
  opacity:.44 !important;
  filter:saturate(.64) contrast(.92) brightness(1.03) !important;
  mix-blend-mode:normal !important;
}
.app-shell:after{
  opacity:.04 !important;
}

.home-scene,
.self-scene,
.annual-layout,
.inquiry-scene,
.report-scene,
.tabbed-page{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,252,247,.14)),
    url('assets/home-rebuild/home-ink-background.png') center/cover no-repeat !important;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.62),
    inset 0 0 0 3px rgba(178,140,90,.22) !important;
}
.home-scene::before,
.self-scene::before,
.annual-layout::before,
.inquiry-scene::before,
.report-scene::before,
.tabbed-page::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    url('assets/home-rebuild/hero-mountain-left.png') left 34px top 44px / 28% auto no-repeat,
    url('assets/home-rebuild/hero-mountain-right.png') right 34px top 42px / 28% auto no-repeat;
  opacity:.42;
}

/* 2) Main panels return to a soft translucent paper feel, not a flat bright overlay. */
.glass-panel,
.home-scene .glass-panel,
.self-scene .glass-panel,
.annual-layout .glass-panel,
.inquiry-scene .glass-panel,
.report-scene .glass-panel,
.tabbed-page .glass-panel{
  background:
    linear-gradient(180deg,rgba(255,253,248,.90),rgba(255,250,243,.78)) !important;
  border-color:rgba(255,255,255,.88) !important;
  box-shadow:0 9px 24px rgba(80,58,34,.06), inset 0 1px 1px rgba(255,255,255,.84) !important;
  backdrop-filter:blur(6px) brightness(1.02) !important;
  -webkit-backdrop-filter:blur(6px) brightness(1.02) !important;
}
.glass-panel::before,
.home-scene .glass-panel::before,
.self-scene .glass-panel::before,
.annual-layout .glass-panel::before,
.inquiry-scene .glass-panel::before,
.report-scene .glass-panel::before,
.tabbed-page .glass-panel::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.00),rgba(255,255,255,.04)),
    url('assets/home-rebuild/home-ink-background.png') center/cover no-repeat;
  opacity:.12 !important;
  filter:saturate(.68) contrast(.9) brightness(1.02);
}
.glass-panel::after,
.home-scene .glass-panel::after,
.self-scene .glass-panel::after,
.annual-layout .glass-panel::after,
.inquiry-scene .glass-panel::after,
.report-scene .glass-panel::after,
.tabbed-page .glass-panel::after{
  border-color:rgba(187,151,103,.33) !important;
  opacity:.74 !important;
}

/* 3) Small blocks restore the mountain texture inside the card, following the prototype. */
.measure-card,
.daily-action,
.pillar,
.dimension,
.timeline-card,
.lesson-card,
.choice,
.love-topic-band,
.love-entry-card,
.compat-depth-card,
.compat-result-card,
.report-list-item,
.history-card,
.report-pending-item,
.report-chapter,
.quick-q,
.annual-chart,
.annual-summary,
.annual-dim-summary,
.annual-node-content,
.annual-advice-keywords,
.annual-advice-direction,
.annual-advice-col,
.annual-advice-footer,
.inquiry-topic,
.inquiry-example,
.inquiry-asked,
.inquiry-loading-step,
.result-asked,
.inquiry-result-summary,
.inquiry-result-state section,
.inquiry-relationship-entry,
.inquiry-method-strip,
.report-toc,
.context-tag,
.destiny-summary,
.life-lesson-track article,
.follow-questions button,
.structure-tags span,
.compat-tab,
.compat-stage-pill,
.report-feature-body,
.report-summary-card,
.report-progress-card,
.report-ask-card,
.inquiry-question-section textarea,
.input-shell,
.report-mini-list > div,
.fate-summary,
.annual-mini,
.source-row,
.verification-strip,
.feature-tags span,
.recommend,
.method-tags span,
.report-list-cover,
.report-cover,
.report-pending-cover,
.history-cover{
  background:
    linear-gradient(180deg,rgba(255,253,248,.84),rgba(255,250,243,.62)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png') center/126% no-repeat !important;
  border-color:rgba(178,139,89,.24) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.60) !important;
}

/* 4) The three action cards on the home page and similar cards need a clearer internal landscape. */
.measure-card,
.timeline-card,
.inquiry-topic,
.choice,
.report-list-item,
.report-pending-item,
.history-card,
.annual-dim-summary,
.life-lesson-track article,
.quick-q,
.source-row{
  background-position:center, center 62% !important;
  background-size:auto, cover !important;
}

/* 5) Larger center blocks use a broader mountain scene like the prototype's middle modules. */
.home-center > .glass-panel,
.self-main > .glass-panel,
.self-main > div > .glass-panel,
.annual-layout .content-column > .glass-panel,
.inquiry-scene .inquiry-workbench,
.report-scene .report-center > .glass-panel,
.match-main,
.compat-step-panel{
  background:
    linear-gradient(180deg,rgba(255,253,248,.88),rgba(255,250,244,.76)),
    url('assets/home-rebuild/home-ink-background.png') center/cover no-repeat !important;
  border-color:rgba(255,255,255,.90) !important;
}
.home-center > .glass-panel::before,
.self-main > .glass-panel::before,
.self-main > div > .glass-panel::before,
.annual-layout .content-column > .glass-panel::before,
.inquiry-scene .inquiry-workbench::before,
.report-scene .report-center > .glass-panel::before,
.match-main::before,
.compat-step-panel::before{
  opacity:.16 !important;
}

/* 6) Restore special prototype-like cards. */
.home-scene .wish-card,
.self-scene .wish-card,
.annual-layout .wish-card,
.inquiry-scene .wish-card,
.report-scene .wish-card{
  background:
    linear-gradient(180deg,rgba(255,253,248,.86),rgba(255,250,244,.70)),
    url('assets/home-rebuild/plum-branch.png') right bottom / contain no-repeat,
    url('assets/home-rebuild/home-ink-background.png') center/cover no-repeat !important;
}
.solar-card{
  background:
    linear-gradient(180deg,rgba(255,253,248,.92),rgba(255,250,243,.78)),
    url('assets/home-rebuild/solar-botanical.png') right 18px bottom 10px / 120px auto no-repeat,
    url('assets/home-rebuild/home-ink-background.png') center/cover no-repeat !important;
}
.profile-card{
  background:
    linear-gradient(180deg,rgba(255,253,248,.92),rgba(255,250,244,.82)),
    url('assets/home-rebuild/left-mountain-texture.png') left bottom / cover no-repeat !important;
}
.rail-card:nth-child(2),
.rail-card:nth-child(3){
  background:
    linear-gradient(180deg,rgba(255,253,248,.92),rgba(255,250,243,.78)),
    url('assets/home-rebuild/right-mountain-texture.png') right bottom / cover no-repeat !important;
}

/* 7) Inputs and chips stay lighter but keep the ink texture. */
.textarea,
.inquiry-question-input,
.compat-input,
input,
textarea,
select,
.secondary,
.tag,
.annual-view-all-btn,
.inquiry-step-header b,
.annual-keywords span,
.annual-kw,
.report-status,
.compat-depth-foot{
  background:
    linear-gradient(180deg,rgba(255,253,248,.88),rgba(255,250,244,.72)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png') center/128% no-repeat !important;
  border-color:rgba(178,139,89,.26) !important;
}

/* 8) Hover and selected states remain readable while preserving the mountain texture. */
.inquiry-topic.selected,
.compat-depth-card.active,
.report-list-item.is-featured,
.report-pending-item.is-loading,
.timeline-card.active,
.choice.selected,
.measure-card:hover,
.quick-q:hover,
.history-card:hover,
.love-entry-card:hover,
.compat-depth-card:hover{
  background:
    linear-gradient(180deg,rgba(255,251,244,.92),rgba(248,236,214,.74)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png') center/126% no-repeat !important;
  border-color:rgba(178,139,89,.34) !important;
}

@media(max-width:860px){
  .home-scene::before,
  .self-scene::before,
  .annual-layout::before,
  .inquiry-scene::before,
  .report-scene::before,
  .tabbed-page::before{
    background:
      url('assets/home-rebuild/hero-mountain-left.png') left 10px top 24px / 42% auto no-repeat,
      url('assets/home-rebuild/hero-mountain-right.png') right 10px top 24px / 42% auto no-repeat;
    opacity:.32;
  }
  .home-scene,
  .self-scene,
  .annual-layout,
  .inquiry-scene,
  .report-scene,
  .tabbed-page{
    background-size:cover !important;
  }
}


/* === 2026-08 v6 · unified full-page mountain background + unified side transparency === */

/* A. Every page uses the same complete mountain background, no extra split/fragment overlays. */
.app-shell{
  background:#f2ede5 !important;
}
.app-shell:before{
  inset:76px 0 0 !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)),
    url('assets/home-rebuild/home-ink-background.png') center center / cover no-repeat !important;
  opacity:.38 !important;
  filter:saturate(.62) contrast(.90) brightness(1.02) !important;
  mix-blend-mode:normal !important;
}
.app-shell:after{
  opacity:.035 !important;
}

.home-scene,
.self-scene,
.annual-layout,
.inquiry-scene,
.report-scene,
.tabbed-page{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,252,247,.10)),
    url('assets/home-rebuild/home-ink-background.png') center center / cover no-repeat !important;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.60),
    inset 0 0 0 3px rgba(178,140,90,.20) !important;
}

/* Remove the extra left/right decorative mountain overlays so the big background stays one unified scene. */
.home-scene::before,
.self-scene::before,
.annual-layout::before,
.inquiry-scene::before,
.report-scene::before,
.tabbed-page::before,
.home-scene::after,
.self-scene::after,
.annual-layout::after,
.inquiry-scene::after,
.report-scene::after,
.tabbed-page::after{
  display:none !important;
  content:none !important;
}

/* B. All left and right side panels share the exact same transparency rule. */
.profile-card,
.side-card,
.right-rail > .glass-panel,
.rail-card,
.self-aside > .glass-panel,
.report-right > .glass-panel,
.match-right > .glass-panel,
.inquiry-scene > .page-grid > .profile-card,
.inquiry-scene > .page-grid > .right-rail .glass-panel,
.annual-layout .profile-card,
.annual-layout .right-rail .glass-panel,
.report-scene .profile-card,
.report-scene .right-rail .glass-panel,
.self-scene .profile-card{
  background:
    linear-gradient(180deg,rgba(255,253,248,.90),rgba(255,250,243,.80)) !important;
  border-color:rgba(255,255,255,.88) !important;
  box-shadow:0 8px 22px rgba(80,58,34,.055), inset 0 1px 1px rgba(255,255,255,.84) !important;
  backdrop-filter:blur(6px) brightness(1.02) !important;
  -webkit-backdrop-filter:blur(6px) brightness(1.02) !important;
}
.profile-card::before,
.side-card::before,
.right-rail > .glass-panel::before,
.rail-card::before,
.self-aside > .glass-panel::before,
.report-right > .glass-panel::before,
.match-right > .glass-panel::before,
.inquiry-scene > .page-grid > .profile-card::before,
.inquiry-scene > .page-grid > .right-rail .glass-panel::before,
.annual-layout .profile-card::before,
.annual-layout .right-rail .glass-panel::before,
.report-scene .profile-card::before,
.report-scene .right-rail .glass-panel::before,
.self-scene .profile-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.00),rgba(255,255,255,.03)),
    url('assets/home-rebuild/home-ink-background.png') center/cover no-repeat;
  opacity:.08 !important;
  filter:saturate(.62) contrast(.88) brightness(1.02);
}
.profile-card::after,
.side-card::after,
.right-rail > .glass-panel::after,
.rail-card::after,
.self-aside > .glass-panel::after,
.report-right > .glass-panel::after,
.match-right > .glass-panel::after,
.inquiry-scene > .page-grid > .profile-card::after,
.inquiry-scene > .page-grid > .right-rail .glass-panel::after,
.annual-layout .profile-card::after,
.annual-layout .right-rail .glass-panel::after,
.report-scene .profile-card::after,
.report-scene .right-rail .glass-panel::after,
.self-scene .profile-card::after{
  border-color:rgba(187,151,103,.33) !important;
  opacity:.74 !important;
}

/* C. Large center panels keep the clean complete background feel. */
.home-center > .glass-panel,
.self-main > .glass-panel,
.self-main > div > .glass-panel,
.annual-layout .content-column > .glass-panel,
.inquiry-scene .inquiry-workbench,
.report-scene .report-center > .glass-panel,
.match-main,
.compat-step-panel{
  background:
    linear-gradient(180deg,rgba(255,253,248,.88),rgba(255,250,244,.76)),
    url('assets/home-rebuild/home-ink-background.png') center/cover no-repeat !important;
  border-color:rgba(255,255,255,.90) !important;
}
.home-center > .glass-panel::before,
.self-main > .glass-panel::before,
.self-main > div > .glass-panel::before,
.annual-layout .content-column > .glass-panel::before,
.inquiry-scene .inquiry-workbench::before,
.report-scene .report-center > .glass-panel::before,
.match-main::before,
.compat-step-panel::before{
  opacity:.10 !important;
}

/* D. Small blocks should be simple and clean: no heavy mountain patches, only faint paper texture. */
.measure-card,
.daily-action,
.pillar,
.dimension,
.timeline-card,
.lesson-card,
.choice,
.love-topic-band,
.love-entry-card,
.compat-depth-card,
.compat-result-card,
.report-list-item,
.history-card,
.report-pending-item,
.report-chapter,
.quick-q,
.annual-chart,
.annual-summary,
.annual-dim-summary,
.annual-node-content,
.annual-advice-keywords,
.annual-advice-direction,
.annual-advice-col,
.annual-advice-footer,
.inquiry-topic,
.inquiry-example,
.inquiry-asked,
.inquiry-loading-step,
.result-asked,
.inquiry-result-summary,
.inquiry-result-state section,
.inquiry-relationship-entry,
.inquiry-method-strip,
.report-toc,
.context-tag,
.destiny-summary,
.life-lesson-track article,
.follow-questions button,
.structure-tags span,
.compat-tab,
.compat-stage-pill,
.report-feature-body,
.report-summary-card,
.report-progress-card,
.report-ask-card,
.inquiry-question-section textarea,
.input-shell,
.report-mini-list > div,
.fate-summary,
.annual-mini,
.source-row,
.verification-strip,
.feature-tags span,
.recommend,
.method-tags span,
.report-list-cover,
.report-cover,
.report-pending-cover,
.history-cover,
.secondary,
.tag,
.annual-view-all-btn,
.inquiry-step-header b,
.annual-keywords span,
.annual-kw,
.report-status,
.compat-depth-foot,
.textarea,
.inquiry-question-input,
.compat-input,
input,
textarea,
select{
  background:
    linear-gradient(180deg,rgba(255,253,248,.84),rgba(255,250,243,.68)),
    linear-gradient(135deg,rgba(255,255,255,.05),rgba(235,226,214,.02)) !important;
  border-color:rgba(178,139,89,.23) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.58) !important;
  backdrop-filter:blur(3px) brightness(1.015) !important;
  -webkit-backdrop-filter:blur(3px) brightness(1.015) !important;
}

/* E. Selected / hover states stay clean, not messy. */
.inquiry-topic.selected,
.compat-depth-card.active,
.report-list-item.is-featured,
.report-pending-item.is-loading,
.timeline-card.active,
.choice.selected,
.measure-card:hover,
.quick-q:hover,
.history-card:hover,
.love-entry-card:hover,
.compat-depth-card:hover{
  background:
    linear-gradient(180deg,rgba(255,251,244,.90),rgba(248,236,214,.76)),
    linear-gradient(135deg,rgba(255,255,255,.05),rgba(244,232,208,.03)) !important;
  border-color:rgba(178,139,89,.32) !important;
}

/* F. Remove previous special side textures so both sides remain visually unified. */
.solar-card,
.profile-card,
.rail-card:nth-child(2),
.rail-card:nth-child(3),
.home-scene .wish-card,
.self-scene .wish-card,
.annual-layout .wish-card,
.inquiry-scene .wish-card,
.report-scene .wish-card{
  background-image:none !important;
}

@media(max-width:860px){
  .home-scene,
  .self-scene,
  .annual-layout,
  .inquiry-scene,
  .report-scene,
  .tabbed-page{
    background-position:center top !important;
    background-size:cover !important;
  }
}


/* === 2026-08 v7 · restore transparency according to prototype === */
/* Goal: unified mountain background, transparent left/right panels, transparent center modules,
   and simple inner small cards without noisy square textures. */

/* 1) Keep one complete mountain background for every page. */
.app-shell{
  background:#f1ece4 !important;
}
.app-shell:before{
  inset:76px 0 0 !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
    url('assets/home-rebuild/home-ink-background.png') center center / cover no-repeat !important;
  opacity:.34 !important;
  filter:saturate(.60) contrast(.92) brightness(1.04) !important;
  mix-blend-mode:normal !important;
}
.app-shell:after{opacity:.035 !important;}

.home-scene,
.self-scene,
.annual-layout,
.inquiry-scene,
.report-scene,
.tabbed-page{
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,252,247,.08)),
    url('assets/home-rebuild/home-ink-background.png') center center / cover no-repeat !important;
}

/* 2) Global transparent panel baseline. */
.glass-panel,
.home-scene .glass-panel,
.self-scene .glass-panel,
.annual-layout .glass-panel,
.inquiry-scene .glass-panel,
.report-scene .glass-panel,
.tabbed-page .glass-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,250,242,.30)) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:0 9px 24px rgba(84,61,34,.05), inset 0 1px 1px rgba(255,255,255,.86) !important;
  backdrop-filter:blur(9px) saturate(.82) brightness(1.03) !important;
  -webkit-backdrop-filter:blur(9px) saturate(.82) brightness(1.03) !important;
}
.glass-panel:before,
.home-scene .glass-panel:before,
.self-scene .glass-panel:before,
.annual-layout .glass-panel:before,
.inquiry-scene .glass-panel:before,
.report-scene .glass-panel:before,
.tabbed-page .glass-panel:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0)),
    url('assets/home-rebuild/home-ink-background.png') center/cover no-repeat;
  opacity:.07 !important;
  filter:saturate(.55) contrast(.86) brightness(1.03);
}
.glass-panel:after,
.home-scene .glass-panel:after,
.self-scene .glass-panel:after,
.annual-layout .glass-panel:after,
.inquiry-scene .glass-panel:after,
.report-scene .glass-panel:after,
.tabbed-page .glass-panel:after{
  border-color:rgba(188,151,102,.34) !important;
  opacity:.78 !important;
}

/* 3) Left/right panels must share the SAME transparency level across all pages. */
.profile-card,
.side-card,
.right-rail > .glass-panel,
.rail-card,
.self-aside > .glass-panel,
.report-right > .glass-panel,
.match-right > .glass-panel,
.inquiry-scene > .page-grid > .profile-card,
.inquiry-scene > .page-grid > .right-rail .glass-panel,
.annual-layout .profile-card,
.annual-layout .right-rail .glass-panel,
.report-scene .profile-card,
.report-scene .right-rail .glass-panel,
.self-scene .profile-card{
  background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,250,242,.28)) !important;
  border-color:rgba(255,255,255,.84) !important;
  backdrop-filter:blur(10px) saturate(.82) brightness(1.035) !important;
  -webkit-backdrop-filter:blur(10px) saturate(.82) brightness(1.035) !important;
}
.profile-card:before,
.side-card:before,
.right-rail > .glass-panel:before,
.rail-card:before,
.self-aside > .glass-panel:before,
.report-right > .glass-panel:before,
.match-right > .glass-panel:before,
.inquiry-scene > .page-grid > .profile-card:before,
.inquiry-scene > .page-grid > .right-rail .glass-panel:before,
.annual-layout .profile-card:before,
.annual-layout .right-rail .glass-panel:before,
.report-scene .profile-card:before,
.report-scene .right-rail .glass-panel:before,
.self-scene .profile-card:before{
  opacity:.06 !important;
}

/* 4) Middle large modules also need transparency, but slightly stronger for readability. */
.home-center > .glass-panel,
.self-main > .glass-panel,
.self-main > div > .glass-panel,
.annual-layout .content-column > .glass-panel,
.inquiry-scene .inquiry-workbench,
.report-scene .report-center > .glass-panel,
.match-main,
.compat-step-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(255,250,243,.34)) !important;
  border-color:rgba(255,255,255,.86) !important;
  backdrop-filter:blur(9px) saturate(.84) brightness(1.035) !important;
  -webkit-backdrop-filter:blur(9px) saturate(.84) brightness(1.035) !important;
}
.home-center > .glass-panel:before,
.self-main > .glass-panel:before,
.self-main > div > .glass-panel:before,
.annual-layout .content-column > .glass-panel:before,
.inquiry-scene .inquiry-workbench:before,
.report-scene .report-center > .glass-panel:before,
.match-main:before,
.compat-step-panel:before{
  opacity:.055 !important;
}

/* 5) Small blocks: remove the noisy little square backgrounds. Keep only a soft translucent paper wash. */
.measure-card,
.daily-action,
.pillar,
.dimension,
.timeline-card,
.lesson-card,
.choice,
.love-topic-band,
.love-entry-card,
.compat-depth-card,
.compat-result-card,
.report-list-item,
.history-card,
.report-pending-item,
.report-chapter,
.quick-q,
.annual-chart,
.annual-summary,
.annual-dim-summary,
.annual-node-content,
.annual-advice-keywords,
.annual-advice-direction,
.annual-advice-col,
.annual-advice-footer,
.inquiry-topic,
.inquiry-example,
.inquiry-asked,
.inquiry-loading-step,
.result-asked,
.inquiry-result-summary,
.inquiry-result-state section,
.inquiry-relationship-entry,
.inquiry-method-strip,
.report-toc,
.context-tag,
.destiny-summary,
.life-lesson-track article,
.follow-questions button,
.structure-tags span,
.compat-tab,
.compat-stage-pill,
.report-feature-body,
.report-summary-card,
.report-progress-card,
.report-ask-card,
.input-shell,
.report-mini-list > div,
.fate-summary,
.annual-mini,
.source-row,
.verification-strip,
.feature-tags span,
.recommend,
.method-tags span,
.secondary,
.tag,
.annual-view-all-btn,
.inquiry-step-header b,
.annual-keywords span,
.annual-kw,
.report-status,
.compat-depth-foot,
.textarea,
.inquiry-question-input,
.compat-input,
input,
textarea,
select{
  background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,250,243,.18)) !important;
  background-image:none !important;
  border-color:rgba(181,143,91,.24) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.60) !important;
  backdrop-filter:blur(5px) saturate(.82) brightness(1.02) !important;
  -webkit-backdrop-filter:blur(5px) saturate(.82) brightness(1.02) !important;
}

/* 6) Selected cards / hover states still translucent, not opaque blocks. */
.inquiry-topic.selected,
.compat-depth-card.active,
.report-list-item.is-featured,
.report-pending-item.is-loading,
.timeline-card.active,
.choice.selected,
.measure-card:hover,
.quick-q:hover,
.history-card:hover,
.love-entry-card:hover,
.compat-depth-card:hover{
  background:linear-gradient(180deg,rgba(255,252,246,.56),rgba(248,236,214,.28)) !important;
  background-image:none !important;
  border-color:rgba(185,144,88,.34) !important;
}

/* 7) Preserve book/report covers; don't flatten them. */
.report-list-cover,
.report-cover,
.report-pending-cover,
.history-cover{
  background-image:linear-gradient(135deg,rgba(215,198,166,.90),rgba(255,248,232,.74)), url('assets/home-rebuild/tianze-ink-landscape-v2.png') !important;
  background-position:center, center 75% !important;
  background-size:cover, auto 130% !important;
  background-repeat:no-repeat !important;
}

/* 8) Right-rail special cards can keep a subtle motif only, not strong opaque fills. */
.solar-card,
.home-scene .wish-card,
.self-scene .wish-card,
.annual-layout .wish-card,
.inquiry-scene .wish-card,
.report-scene .wish-card{
  background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,250,243,.26)) !important;
}
.solar-card:before,
.home-scene .wish-card:before,
.self-scene .wish-card:before,
.annual-layout .wish-card:before,
.inquiry-scene .wish-card:before,
.report-scene .wish-card:before{
  opacity:.08 !important;
}

@media(max-width:860px){
  .glass-panel,
  .home-scene .glass-panel,
  .self-scene .glass-panel,
  .annual-layout .glass-panel,
  .inquiry-scene .glass-panel,
  .report-scene .glass-panel,
  .tabbed-page .glass-panel{
    backdrop-filter:blur(6px) brightness(1.02) !important;
    -webkit-backdrop-filter:blur(6px) brightness(1.02) !important;
  }
}


/* === 2026-08 v8 · use annual-page transparency standard for all pages === */
/* Apply the same translucent hierarchy that works on 流年运势 to self/match/inquiry/reports/home. */

/* 1) Large page cards: same as annual center sections. */
.self-destiny-card,
.five-element-card,
.structure-card,
.life-lessons-card,
.self-follow-card,
.self-guide-card,
.self-source-card,
.report-feature-card,
.report-history-card,
.report-pending-card,
.report-summary-card,
.report-progress-card,
.report-ask-card,
.inquiry-topic-section,
.inquiry-example-section,
.inquiry-question-section,
.inquiry-submit-section,
.inquiry-form-state,
.inquiry-loading-state,
.inquiry-result-state,
.match-main,
.compat-step-panel,
.match-right > .glass-panel,
.report-reader-card,
.steps-band,
.love-entry,
.inquiry-mobile-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(255,250,243,.34)) !important;
  border:1px solid rgba(255,255,255,.86) !important;
  box-shadow:0 9px 24px rgba(84,61,34,.05), inset 0 1px 1px rgba(255,255,255,.86) !important;
  backdrop-filter:blur(9px) saturate(.84) brightness(1.035) !important;
  -webkit-backdrop-filter:blur(9px) saturate(.84) brightness(1.035) !important;
}

/* 2) Side panels on all pages: same as annual side cards. */
.self-aside > .glass-panel,
.match-right > .glass-panel,
.report-right > .glass-panel,
.inquiry-scene > .page-grid > .right-rail .glass-panel,
.inquiry-scene > .page-grid > .profile-card,
.report-scene .profile-card,
.report-scene .right-rail .glass-panel,
.self-scene .profile-card,
.home-layout > .right-rail .glass-panel,
.home-layout > .profile-card{
  background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,250,242,.28)) !important;
  border-color:rgba(255,255,255,.84) !important;
  backdrop-filter:blur(10px) saturate(.82) brightness(1.035) !important;
  -webkit-backdrop-filter:blur(10px) saturate(.82) brightness(1.035) !important;
}

/* 3) Small sub-cards and chips across all pages: same as annual small-block standard. */
.benefit,
.report-feature-meta,
.report-list-item,
.report-pending-item,
.history-card,
.lesson-card,
.life-lesson-track article,
.source-row,
.follow-questions button,
.structure-tags span,
.pillar,
.destiny-summary,
.choice,
.compat-depth-card,
.compat-result-card,
.compat-stage-pill,
.compat-tab,
.timeline-card,
.measure-card,
.daily-action,
.inquiry-topic,
.inquiry-example,
.inquiry-asked,
.inquiry-loading-step,
.result-asked,
.inquiry-result-summary,
.inquiry-result-state section,
.inquiry-relationship-entry,
.inquiry-method-strip,
.quick-q,
.context-tag,
.method-tags span,
.feature-tags span,
.report-toc,
.report-toc-item,
.report-mini-list > div,
.annual-mini,
.fate-summary,
.recommend,
.verification-strip,
.report-reader-meta,
.report-reader-actions,
.report-reader-foot,
.compat-row,
.compat-stage-options,
.annual-chart,
.annual-summary,
.annual-dim-summary,
.annual-node-content,
.annual-advice-keywords,
.annual-advice-direction,
.annual-advice-col,
.annual-advice-footer,
.dimension,
.textarea,
.inquiry-question-input,
.compat-input,
input,
textarea,
select,
.secondary,
.tag,
.annual-view-all-btn,
.inquiry-step-header b,
.annual-keywords span,
.annual-kw,
.report-status,
.compat-depth-foot{
  background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,250,243,.18)) !important;
  background-image:none !important;
  border-color:rgba(181,143,91,.24) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.60) !important;
  backdrop-filter:blur(5px) saturate(.82) brightness(1.02) !important;
  -webkit-backdrop-filter:blur(5px) saturate(.82) brightness(1.02) !important;
}

/* 4) Hover/selected states aligned too. */
.benefit:hover,
.source-row:hover,
.follow-questions button:hover,
.choice.selected,
.compat-depth-card.active,
.timeline-card.active,
.measure-card:hover,
.inquiry-topic.selected,
.report-list-item.is-featured,
.report-pending-item.is-loading,
.history-card:hover,
.quick-q:hover,
.compat-depth-card:hover,
.love-entry-card:hover{
  background:linear-gradient(180deg,rgba(255,252,246,.56),rgba(248,236,214,.28)) !important;
  background-image:none !important;
  border-color:rgba(185,144,88,.34) !important;
}

/* 5) Clean up report/inquiry/home special boxes that still looked too solid. */
.report-feature-body,
.report-feature-cover,
.report-list-cover,
.report-pending-cover,
.history-cover,
.report-cover,
.context-bar,
.choice-list,
.pillar-grid,
.inquiry-topic-grid,
.inquiry-example-list,
.inquiry-input-meta,
.action-row,
.result-actions,
.report-history-card .report-list-item,
.report-pending-list .report-pending-item,
.measure-grid,
.daily-actions{
  background:transparent !important;
  box-shadow:none !important;
}

/* 6) Prevent unwanted opaque placeholders in match/report sections. */
.portrait-veil,
.match-content > div,
.report-reader-head,
.report-reader-meta,
.drawer-note{
  background-color:transparent !important;
}

@media(max-width:860px){
  .self-destiny-card,
  .five-element-card,
  .structure-card,
  .life-lessons-card,
  .self-follow-card,
  .self-guide-card,
  .self-source-card,
  .report-feature-card,
  .report-history-card,
  .report-pending-card,
  .report-summary-card,
  .report-progress-card,
  .report-ask-card,
  .inquiry-topic-section,
  .inquiry-example-section,
  .inquiry-question-section,
  .inquiry-submit-section,
  .inquiry-form-state,
  .inquiry-loading-state,
  .inquiry-result-state,
  .match-main,
  .compat-step-panel,
  .report-reader-card,
  .steps-band{
    backdrop-filter:blur(6px) brightness(1.02) !important;
    -webkit-backdrop-filter:blur(6px) brightness(1.02) !important;
  }
}


/* === v9 cascade guard: keep the final visual system last in the file === */
.app-shell{background:#eee8df !important;isolation:isolate}
.app-shell::before{
  display:block !important;content:"" !important;position:fixed !important;inset:76px 0 0 !important;z-index:0 !important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(249,244,236,.025) 34%,rgba(241,234,224,.055)),url('assets/home-rebuild/home-ink-background.png') center/cover no-repeat !important;
  opacity:.96 !important;filter:saturate(.64) contrast(.92) brightness(1.035) !important;mix-blend-mode:normal !important;pointer-events:none
}
.app-shell::after{
  display:block !important;content:"" !important;position:fixed !important;inset:76px 0 0 !important;z-index:0 !important;
  background-image:radial-gradient(rgba(91,63,35,.13) .48px,transparent .58px) !important;background-size:5px 5px !important;opacity:.035 !important;pointer-events:none
}
.page-stage{background:transparent !important}

.home-scene,.self-scene,.annual-layout,.inquiry-scene,.report-scene,.tabbed-page{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,252,247,.025)) !important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.54),inset 0 0 0 3px rgba(154,116,70,.27) !important
}
.home-scene::before,.self-scene::before,.annual-layout::before,.inquiry-scene::before,.report-scene::before,.tabbed-page::before,
.home-scene::after,.self-scene::after,.annual-layout::after,.inquiry-scene::after,.report-scene::after,.tabbed-page::after{
  display:none !important;content:none !important;background:none !important
}

.glass-panel,.home-scene .glass-panel,.self-scene .glass-panel,.annual-layout .glass-panel,.inquiry-scene .glass-panel,.report-scene .glass-panel,.tabbed-page .glass-panel{
  background:linear-gradient(145deg,rgba(255,253,248,.46),rgba(248,239,226,.18)) !important;background-image:linear-gradient(145deg,rgba(255,253,248,.46),rgba(248,239,226,.18)) !important;
  border:1px solid rgba(255,255,255,.78) !important;box-shadow:0 9px 25px rgba(72,50,27,.075),inset 0 1px 1px rgba(255,255,255,.76) !important;
  backdrop-filter:blur(3.5px) saturate(.78) brightness(1.045) !important;-webkit-backdrop-filter:blur(3.5px) saturate(.78) brightness(1.045) !important
}
.glass-panel::before,.home-scene .glass-panel::before,.self-scene .glass-panel::before,.annual-layout .glass-panel::before,.inquiry-scene .glass-panel::before,.report-scene .glass-panel::before,.tabbed-page .glass-panel::before,
.home-scene .measure-card::before,.home-scene .daily-action::before,.home-scene .report-mini-list::after{
  display:none !important;content:none !important;background:none !important;opacity:0 !important
}
.glass-panel::after,.home-scene .glass-panel::after,.self-scene .glass-panel::after,.annual-layout .glass-panel::after,.inquiry-scene .glass-panel::after,.report-scene .glass-panel::after,.tabbed-page .glass-panel::after{
  display:block !important;content:"" !important;inset:4px !important;border:1px solid rgba(168,127,75,.33) !important;border-radius:calc(var(--round) - 4px) !important;
  box-shadow:inset 0 0 16px rgba(255,255,255,.20) !important;opacity:.70 !important;pointer-events:none !important
}

.profile-card,.side-card,.right-rail>.glass-panel,.rail-card,.self-aside>.glass-panel,.report-right>.glass-panel,.match-right>.glass-panel,
.inquiry-scene>.page-grid>.profile-card,.inquiry-scene>.page-grid>.right-rail .glass-panel,.annual-layout .profile-card,.annual-layout .right-rail .glass-panel,
.report-scene .profile-card,.report-scene .right-rail .glass-panel,.self-scene .profile-card,.home-layout>.profile-card,.home-layout>.right-rail .glass-panel{
  background:linear-gradient(145deg,rgba(255,253,248,.50),rgba(248,239,226,.21)) !important;background-image:linear-gradient(145deg,rgba(255,253,248,.50),rgba(248,239,226,.21)) !important;
  border-color:rgba(255,255,255,.78) !important;box-shadow:0 9px 25px rgba(72,50,27,.075),inset 0 1px 1px rgba(255,255,255,.76) !important;
  backdrop-filter:blur(4px) saturate(.76) brightness(1.045) !important;-webkit-backdrop-filter:blur(4px) saturate(.76) brightness(1.045) !important
}
.home-center>.glass-panel,.self-main>.glass-panel,.self-main>div>.glass-panel,.annual-layout .content-column>.glass-panel,
.inquiry-scene .inquiry-workbench,.report-scene .report-center>.glass-panel,.match-main,.compat-step-panel,.report-reader-card,.steps-band{
  background:linear-gradient(145deg,rgba(255,253,248,.50),rgba(248,239,226,.20)) !important;background-image:linear-gradient(145deg,rgba(255,253,248,.50),rgba(248,239,226,.20)) !important
}

.measure-card,.pillar,.dimension,.timeline-card,.lesson-card,.choice,.love-topic-band,.love-entry-card,.compat-depth-card,.compat-result-card,
.report-list-item,.history-card,.report-pending-item,.report-chapter,.quick-q,.annual-chart,.annual-summary,.annual-dim-summary,.annual-node-content,
.annual-advice-keywords,.annual-advice-direction,.annual-advice-col,.annual-advice-footer,.inquiry-topic,.inquiry-example,.inquiry-asked,
.inquiry-loading-step,.result-asked,.inquiry-result-summary,.inquiry-result-state section,.inquiry-relationship-entry,.inquiry-method-strip,
.report-toc,.report-toc-item,.context-tag,.destiny-summary,.life-lesson-track article,.follow-questions button,.structure-tags span,.compat-tab,
.compat-stage-pill,.report-feature-body,.report-feature-meta,.report-summary-card,.report-progress-card,.report-ask-card,.input-shell,
.report-mini-list>div,.fate-summary,.annual-mini,.source-row,.verification-strip,.feature-tags span,.recommend,.method-tags span,
.inquiry-question-input,.textarea,.compat-input,input,textarea,select,.secondary,.tag,.annual-view-all-btn,.inquiry-step-header b,
.annual-keywords span,.annual-kw,.report-status,.compat-depth-foot{
  background:linear-gradient(145deg,rgba(255,254,250,.30),rgba(248,239,226,.09)) !important;background-image:linear-gradient(145deg,rgba(255,254,250,.30),rgba(248,239,226,.09)) !important;
  border-color:rgba(173,132,78,.25) !important;box-shadow:inset 0 1px rgba(255,255,255,.48) !important;
  backdrop-filter:blur(1.8px) saturate(.76) brightness(1.025) !important;-webkit-backdrop-filter:blur(1.8px) saturate(.76) brightness(1.025) !important
}
.daily-action{background:transparent !important;background-image:none !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}

.measure-card:hover,.inquiry-topic:hover,.inquiry-topic.selected,.choice:hover,.choice.selected,.compat-depth-card:hover,.compat-depth-card.active,
.timeline-card:hover,.timeline-card.active,.report-list-item.is-featured,.report-pending-item.is-loading,.history-card:hover,.quick-q:hover,
.love-entry-card:hover,.source-row:hover,.follow-questions button:hover{
  background:linear-gradient(145deg,rgba(255,252,246,.45),rgba(235,216,188,.17)) !important;background-image:linear-gradient(145deg,rgba(255,252,246,.45),rgba(235,216,188,.17)) !important;border-color:rgba(177,130,67,.42) !important
}

.measure-grid,.daily-actions,.pillar-grid,.choice-list,.context-bar,.inquiry-topic-grid,.inquiry-example-list,.inquiry-input-meta,.action-row,.result-actions,
.report-feature-body,.report-reader-head,.report-reader-meta,.report-reader-actions,.report-reader-foot,.report-pending-list,.report-list,.history-grid,
.compat-stage-options,.compat-row,.portrait-veil,.match-content>div,.drawer-note{
  background-color:transparent !important;box-shadow:none !important
}

.solar-card,.home-scene .solar-card,.annual-layout .solar-card,.inquiry-scene .solar-card,.report-scene .solar-card{
  background:url('assets/home-rebuild/solar-botanical.png') right 18px bottom 10px/122px auto no-repeat,linear-gradient(145deg,rgba(255,253,248,.50),rgba(248,239,226,.21)) !important;
  background-image:url('assets/home-rebuild/solar-botanical.png'),linear-gradient(145deg,rgba(255,253,248,.50),rgba(248,239,226,.21)) !important;
  background-position:right 18px bottom 10px,center !important;background-size:122px auto,auto !important;background-repeat:no-repeat !important
}
.home-scene .wish-card,.self-scene .wish-card,.annual-layout .wish-card,.inquiry-scene .wish-card,.report-scene .wish-card{
  background:url('assets/home-rebuild/plum-branch.png') right bottom/contain no-repeat,linear-gradient(145deg,rgba(255,253,248,.44),rgba(248,239,226,.16)) !important;
  background-image:url('assets/home-rebuild/plum-branch.png'),linear-gradient(145deg,rgba(255,253,248,.44),rgba(248,239,226,.16)) !important;
  background-position:right bottom,center !important;background-size:contain,auto !important;background-repeat:no-repeat !important
}
.report-list-cover,.report-cover,.report-feature-cover,.report-pending-cover,.history-cover{
  background:linear-gradient(135deg,rgba(213,195,163,.90),rgba(255,248,232,.77)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') center 74%/auto 132% no-repeat !important;
  background-image:linear-gradient(135deg,rgba(213,195,163,.90),rgba(255,248,232,.77)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') !important;
  background-position:center,center 74% !important;background-size:cover,auto 132% !important;background-repeat:no-repeat !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important
}
.inquiry-guide-popover,.inquiry-example-popover,.inquiry-method-popover,.inquiry-result-drawer,.inquiry-mobile-panel{
  background:linear-gradient(145deg,rgba(255,254,250,.94),rgba(247,238,224,.90)) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important
}

@media(max-width:860px){
  .app-shell::before{background-position:center top !important}
  .glass-panel,.home-scene .glass-panel,.self-scene .glass-panel,.annual-layout .glass-panel,.inquiry-scene .glass-panel,.report-scene .glass-panel,.tabbed-page .glass-panel{
    backdrop-filter:blur(2.5px) saturate(.78) brightness(1.04) !important;-webkit-backdrop-filter:blur(2.5px) saturate(.78) brightness(1.04) !important
  }
}

/* === v10 homepage refinement: seamless wish art, 24 solar terms, detailed destiny summary === */
.home-scene .wish-card,
.self-scene .wish-card,
.annual-layout .wish-card,
.inquiry-scene .wish-card,
.report-scene .wish-card{
  background:
    url('assets/home-rebuild/plum-branch-v2.png') right -18px center / 61% auto no-repeat,
    linear-gradient(145deg,rgba(255,253,248,.44),rgba(248,239,226,.16)) !important;
  background-image:
    url('assets/home-rebuild/plum-branch-v2.png'),
    linear-gradient(145deg,rgba(255,253,248,.44),rgba(248,239,226,.16)) !important;
  background-position:right -18px center,center !important;
  background-size:61% auto,auto !important;
  background-repeat:no-repeat !important;
}
.wish-card > *{position:relative;z-index:1}
.home-scene .wish-card p{max-width:58%;text-shadow:0 1px 1px rgba(255,253,248,.82)}
.home-scene .wish-card .secondary{
  background:linear-gradient(145deg,rgba(121,87,48,.91),rgba(92,63,35,.86)) !important;
  color:#fff8e8;border-color:rgba(211,173,116,.74) !important;
  box-shadow:0 5px 12px rgba(65,42,20,.15),inset 0 1px rgba(255,255,255,.24) !important;
}

.solar-card,.home-scene .solar-card,.annual-layout .solar-card,.inquiry-scene .solar-card,.report-scene .solar-card{
  min-height:176px;
  background:linear-gradient(145deg,rgba(255,253,248,.50),rgba(248,239,226,.21)) !important;
  background-image:linear-gradient(145deg,rgba(255,253,248,.50),rgba(248,239,226,.21)) !important;
}
.solar-card > *{position:relative;z-index:1}
.solar-card-head,.destiny-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.solar-switcher{display:flex;align-items:center;gap:5px;color:#947044;font-size:10px;letter-spacing:.5px}
.solar-switcher button{
  display:grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid rgba(171,129,76,.26);border-radius:50%;
  background:rgba(255,253,248,.28);color:#8b6639;font-size:17px;line-height:1;transition:.18s ease;
}
.solar-switcher button:hover{border-color:rgba(160,112,54,.55);background:rgba(255,249,238,.62);transform:translateY(-1px)}
.solar-card .rule{margin:11px 0 7px}
.solar-copy{position:relative;z-index:2;width:61%;min-width:154px}
.solar-card h2{margin:7px 0 1px;font-size:25px;letter-spacing:3px}
.solar-card .muted{margin:0;font-size:11px;letter-spacing:.4px;white-space:nowrap}
.solar-verse{margin:7px 0 0;color:#74604c;font-size:12px;line-height:1.55;letter-spacing:.8px;white-space:nowrap}
.solar-art{
  position:absolute;z-index:1;right:3px;bottom:1px;width:142px;height:112px;object-fit:contain;object-position:right bottom;
  opacity:.68;filter:saturate(.55) sepia(.08) contrast(.91);mix-blend-mode:multiply;pointer-events:none;
  transform:translateY(2px);transition:opacity .25s ease,transform .25s ease;
}
.solar-art.solar-art-enter{animation:solarArtIn .36s ease both}
@keyframes solarArtIn{from{opacity:0;transform:translate(5px,5px)}to{opacity:.68;transform:translateY(2px)}}

.destiny-card{padding-bottom:16px}
.destiny-card > *{position:relative;z-index:1}
.destiny-more{float:none!important;margin:0;padding:0;font-size:11px;letter-spacing:.5px}
.fate-summary-link{
  width:100%;display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:15px;margin:10px 0 9px;padding:8px 5px 9px;
  border:0;border-bottom:1px solid rgba(167,125,72,.22);background:transparent;text-align:left;border-radius:12px;transition:.2s ease;
}
.fate-summary-link:hover{background:rgba(255,250,241,.24);transform:translateY(-1px)}
.fate-compass{
  width:112px;height:112px;position:relative;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(255,252,245,.82) 0 27%,transparent 28%),repeating-conic-gradient(from -2deg,rgba(151,111,62,.08) 0 18deg,rgba(151,111,62,.34) 18deg 19deg,rgba(151,111,62,.08) 19deg 44deg,rgba(151,111,62,.31) 44deg 45deg);
  border:1px solid rgba(151,111,62,.64);box-shadow:inset 0 0 0 5px rgba(255,252,245,.35),0 2px 8px rgba(91,61,28,.07);
}
.fate-ring{position:absolute;border-radius:50%;pointer-events:none}
.fate-ring.ring-one{inset:10px;border:1px solid rgba(151,111,62,.46)}
.fate-ring.ring-two{inset:28px;border:1px double rgba(151,111,62,.48)}
.fate-compass>b{position:absolute;inset:37px;display:grid;place-items:center;border-radius:50%;background:rgba(255,251,241,.77);border:1px solid rgba(161,119,67,.38);color:#6a4e2e;font-size:14px;line-height:1;letter-spacing:1px;text-align:center}
.fate-compass>b small{display:block;font-size:8px;color:#98754a;letter-spacing:1px}
.fate-compass i{position:absolute;color:#765735;font-size:9px;font-style:normal;line-height:1}
.fate-compass .g1{left:50%;top:5px;transform:translateX(-50%)}
.fate-compass .g2{right:15px;top:17px}.fate-compass .g3{right:5px;top:51px}.fate-compass .g4{right:16px;bottom:16px}
.fate-compass .g5{left:50%;bottom:5px;transform:translateX(-50%)}
.fate-compass .g6{left:15px;bottom:16px}.fate-compass .g7{left:5px;top:51px}.fate-compass .g8{left:15px;top:17px}
.fate-summary-link dl{margin:0;display:grid;gap:4px;font-size:12px;min-width:0;max-width:100%}
.fate-summary-link dl div{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:8px;padding:2px 0;min-width:0}
.fate-summary-link dt{color:#987346;letter-spacing:1px}
.fate-summary-link dd{margin:0;min-width:0;max-width:100%;color:#4e3b28;font-size:13px;line-height:1.55;letter-spacing:.6px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}

.annual-mini{
  width:100%;display:block;padding:7px 3px 2px!important;border:0!important;border-radius:10px;text-align:left;color:#6d5a47!important;
  background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  transition:.2s ease;
}
.annual-mini:hover{background:rgba(255,250,241,.24)!important;transform:translateY(-1px)}
.annual-mini-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.7px}
.annual-mini-title i{font-style:normal;color:#9b713b;font-size:10px}
.annual-mini svg{display:block;width:100%;height:53px;margin-top:2px;overflow:visible}
.annual-mini .mini-grid{fill:none;stroke:rgba(151,112,65,.15);stroke-width:1;stroke-dasharray:2 4}
.annual-mini .mini-area{fill:url(#miniArea);stroke:none}
.annual-mini .mini-line{fill:none;stroke:#9f7441;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.annual-mini .mini-dots circle{fill:#f8efe1;stroke:#9f7441;stroke-width:1.2}
.annual-mini-labels{display:flex;justify-content:space-between;color:#9a8061;font-size:8px;letter-spacing:0}
.annual-mini-labels i{font-style:normal}

@media(max-width:1260px){
  .solar-art{width:126px}.solar-copy{width:64%}
  .fate-summary-link{grid-template-columns:104px 1fr;gap:10px}.fate-compass{width:101px;height:101px}.fate-compass>b{inset:34px}
}

/* === v11 focused refinement: annual chart, inquiry canvas, featured report === */

/* Keep chart geometry proportional so dots remain true circles on every screen. */
.annual-trend-section .annual-chart{
  padding:18px 20px 2px !important;
  overflow:visible;
  background:linear-gradient(180deg,rgba(255,254,250,.28),rgba(245,231,211,.07)) !important;
  border-color:rgba(167,122,68,.22) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.60),0 8px 22px rgba(80,52,25,.04) !important;
}
.annual-trend-section .annual-chart-svg{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:720/248;
  overflow:visible;
}
.annual-trend-section .annual-grid-line{
  stroke:rgba(126,91,53,.15);
  stroke-width:1;
  stroke-dasharray:2 8;
}
.annual-line-shadow{
  fill:none;
  stroke:rgba(86,48,24,.16);
  stroke-width:7;
  stroke-linecap:round;
  filter:blur(5px);
  transform:translateY(3px);
}
.annual-line-main{filter:drop-shadow(0 1px 1px rgba(69,39,19,.16))}
.annual-trend-section .annual-chart-dot{
  fill:url(#annualDot);
  stroke:rgba(255,242,215,.94);
  stroke-width:2.4;
  filter:url(#annualSoftShadow);
  cursor:pointer;
  transform-box:fill-box;
  transform-origin:center;
  transition:transform .20s ease,filter .20s ease;
}
.annual-trend-section .annual-chart-dot.annual-peak{
  fill:url(#annualPeakDot);
  stroke:rgba(255,228,187,.98);
  stroke-width:2.8;
}
.annual-trend-section .annual-chart-dot:hover{
  transform:scale(1.34);
  filter:drop-shadow(0 3px 4px rgba(80,42,20,.36));
}
.annual-trend-section .annual-chart-labels{
  padding:2px 3px 13px;
  color:#786044;
  font-size:12px;
  letter-spacing:1px;
}

/* The inquiry state layers are layout containers, not additional paper cards. */
.inquiry-scene .inquiry-workbench,
.report-scene .report-center > .glass-panel{
  background:linear-gradient(145deg,rgba(255,253,248,.36),rgba(248,239,226,.10)) !important;
  background-image:linear-gradient(145deg,rgba(255,253,248,.36),rgba(248,239,226,.10)) !important;
  border-color:rgba(255,255,255,.74) !important;
  box-shadow:0 9px 24px rgba(72,50,27,.055),inset 0 1px rgba(255,255,255,.62) !important;
  backdrop-filter:blur(2.4px) saturate(.76) brightness(1.035) !important;
  -webkit-backdrop-filter:blur(2.4px) saturate(.76) brightness(1.035) !important;
}
.inquiry-scene .inquiry-workbench::before,
.report-scene .report-center > .glass-panel::before{
  display:none !important;
  content:none !important;
  background:none !important;
}
.inquiry-form-state,
.inquiry-loading-state,
.inquiry-result-state,
.inquiry-topic-section,
.inquiry-example-section,
.inquiry-question-section,
.inquiry-submit-section{
  background:transparent !important;
  background-image:none !important;
  border-left:0 !important;
  border-right:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Featured report cover: a deliberate book object with ink landscape and seal. */
.report-feature-body{perspective:1100px}
.report-feature-cover{
  position:relative;
  isolation:isolate;
  width:166px;
  height:222px;
  flex:0 0 166px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:23px 16px 18px 25px;
  border:1px solid rgba(113,75,35,.56) !important;
  border-radius:5px 8px 8px 5px;
  background:
    linear-gradient(155deg,rgba(255,251,238,.38),rgba(189,151,95,.13)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png') center bottom / auto 112% no-repeat,
    #e9ddc8 !important;
  background-image:
    linear-gradient(155deg,rgba(255,251,238,.38),rgba(189,151,95,.13)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png') !important;
  background-position:center,center bottom !important;
  background-size:cover,auto 112% !important;
  background-repeat:no-repeat !important;
  box-shadow:8px 11px 18px rgba(59,35,16,.20),inset 0 0 0 4px rgba(255,248,230,.34),inset 7px 0 10px rgba(77,49,25,.13) !important;
  color:#342316;
  font-family:"STKaiti","KaiTi","Songti SC",serif;
  transform-origin:left center;
  transform-style:preserve-3d;
  transition:transform .34s cubic-bezier(.2,.72,.2,1),box-shadow .34s ease,filter .34s ease;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.report-feature-cover::before{
  display:block !important;
  content:"" !important;
  position:absolute;
  z-index:0;
  left:7px;
  top:0;
  bottom:0;
  width:3px;
  opacity:1 !important;
  background:linear-gradient(180deg,rgba(91,55,28,.12),rgba(91,55,28,.58) 48%,rgba(91,55,28,.10)) !important;
  border-left:1px solid rgba(255,244,218,.62);
  border-right:1px solid rgba(80,48,24,.22);
}
.report-feature-cover::after{
  display:block !important;
  content:"" !important;
  position:absolute;
  z-index:4;
  inset:-45% -90%;
  width:46%;
  border:0 !important;
  background:linear-gradient(105deg,transparent,rgba(255,249,229,.36),transparent) !important;
  opacity:0 !important;
  transform:translateX(-180%) rotate(10deg);
  pointer-events:none;
}
.report-feature-cover > *{position:relative;z-index:2}
.report-feature-cover .cover-kicker{
  align-self:flex-start;
  margin-left:9px;
  color:#785633;
  font-size:11px;
  letter-spacing:5px;
  writing-mode:vertical-rl;
  position:absolute;
  left:17px;
  top:25px;
}
.report-feature-cover .cover-title{
  margin-top:10px;
  font-size:30px;
  line-height:1.45;
  letter-spacing:8px;
  font-weight:600;
  text-align:center;
  text-shadow:0 1px rgba(255,250,235,.78);
}
.report-feature-cover .cover-year{
  margin-top:5px;
  color:#75563a;
  font-size:11px;
  letter-spacing:4px;
}
.report-feature-cover .cover-seal{
  position:absolute;
  right:18px;
  top:104px;
  display:grid;
  place-items:center;
  width:27px;
  height:34px;
  border:2px solid #a23f32;
  border-radius:3px;
  background:rgba(162,63,50,.06);
  color:#a23f32;
  font-size:11px;
  font-style:normal;
  font-weight:700;
  line-height:.82;
  transform:rotate(-5deg);
}
.report-feature-cover .cover-brand{
  position:absolute;
  left:24px;
  right:14px;
  bottom:13px;
  padding:6px 0 4px;
  border-top:1px solid rgba(104,70,35,.32);
  border-bottom:1px solid rgba(104,70,35,.22);
  background:rgba(255,248,229,.22);
  color:#4e3520;
  font-size:10px;
  letter-spacing:2.5px;
  text-align:center;
}
.report-feature-cover:hover,
.report-feature-card:hover .report-feature-cover{
  transform:translateY(-7px) rotateY(-5deg) rotateZ(-.45deg);
  filter:saturate(1.05) contrast(1.02);
  box-shadow:13px 18px 28px rgba(59,35,16,.25),inset 0 0 0 4px rgba(255,248,230,.40),inset 7px 0 10px rgba(77,49,25,.13) !important;
}
.report-feature-cover:hover::after,
.report-feature-card:hover .report-feature-cover::after{
  opacity:1 !important;
  animation:reportCoverSheen .8s ease both;
}
@keyframes reportCoverSheen{
  from{transform:translateX(-180%) rotate(10deg)}
  to{transform:translateX(560%) rotate(10deg)}
}

@media(max-width:1250px){
  .report-feature-cover{width:140px;height:188px;flex-basis:140px;padding-left:21px}
  .report-feature-cover .cover-title{font-size:25px;letter-spacing:7px}
  .report-feature-cover .cover-seal{right:14px;top:86px}
  .report-feature-cover .cover-brand{left:21px;right:11px;font-size:8px;letter-spacing:1.8px}
}
@media(max-width:860px){
  .annual-trend-section .annual-chart{padding:12px 9px 0 !important}
  .report-feature-cover{width:112px;height:154px;flex-basis:112px;padding:16px 10px 12px 17px}
  .report-feature-cover .cover-kicker{display:none}
  .report-feature-cover .cover-title{margin-top:3px;font-size:20px;letter-spacing:5px}
  .report-feature-cover .cover-year{font-size:8px;letter-spacing:2px}
  .report-feature-cover .cover-seal{width:21px;height:27px;right:10px;top:69px;font-size:8px}
  .report-feature-cover .cover-brand{left:16px;right:8px;bottom:8px;padding:3px 0;font-size:7px;letter-spacing:1px}
}

/* === v12 · Collectible miniature report covers === */
.history-card{grid-template-columns:78px minmax(0,1fr);gap:15px;overflow:visible}
.report-art-cover{
  --cover-base:#d7d2c4;
  --cover-ink:#3f493f;
  --cover-accent:#9d3f33;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  margin:0;
  padding:13px 8px 10px 13px;
  border:1px solid color-mix(in srgb,var(--cover-ink) 48%,transparent) !important;
  border-radius:3px 7px 7px 3px;
  color:var(--cover-ink);
  font-family:"STKaiti","KaiTi","Songti SC",serif;
  background-color:var(--cover-base) !important;
  background-image:
    linear-gradient(145deg,rgba(255,255,255,.52),transparent 46%,rgba(76,51,28,.08)),
    url('assets/home-rebuild/tianze-ink-landscape-v2.png') !important;
  background-position:center,42% 80% !important;
  background-size:cover,auto 114% !important;
  background-repeat:no-repeat !important;
  background-blend-mode:soft-light,multiply;
  box-shadow:5px 7px 12px rgba(55,39,23,.19),inset 0 0 0 2px rgba(255,250,236,.26),inset 6px 0 8px rgba(61,43,27,.13) !important;
  transform-origin:left center;
  transform-style:preserve-3d;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,filter .28s ease;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.report-art-cover--history{width:76px;height:104px}
.report-art-cover--pending{width:88px;height:118px}
.report-art-cover::before{
  content:"" !important;
  position:absolute;
  z-index:0;
  inset:5px 5px 5px 9px;
  display:block !important;
  border:1px solid color-mix(in srgb,var(--cover-ink) 20%,transparent) !important;
  border-radius:1px 4px 4px 1px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 42%) !important;
  opacity:1 !important;
  pointer-events:none;
}
.report-art-cover::after{
  content:"" !important;
  position:absolute;
  z-index:5;
  inset:-30% -85%;
  display:block !important;
  width:42%;
  border:0 !important;
  background:linear-gradient(108deg,transparent,rgba(255,251,233,.46),transparent) !important;
  opacity:0 !important;
  transform:translateX(-190%) rotate(9deg);
  pointer-events:none;
}
.report-art-cover>*{position:relative;z-index:2}
.report-art-spine{
  position:absolute;
  z-index:3;
  left:5px;
  top:0;
  bottom:0;
  width:3px;
  border-left:1px solid rgba(255,247,226,.56);
  border-right:1px solid rgba(49,33,21,.18);
  background:linear-gradient(180deg,transparent,rgba(54,36,22,.42) 47%,transparent);
  box-shadow:1px 0 4px rgba(48,31,18,.15);
}
.report-art-eyebrow{font-size:7px;letter-spacing:2px;opacity:.82;white-space:nowrap}
.report-art-title{margin-top:7px;font-size:17px;font-weight:600;line-height:1.22;letter-spacing:3px;text-align:center;text-shadow:0 1px rgba(255,250,236,.7)}
.report-art-year{margin-top:3px;font-size:6px;letter-spacing:1.2px;opacity:.76;white-space:nowrap}
.report-art-seal{
  position:absolute;
  right:8px;
  bottom:20px;
  display:grid;
  place-items:center;
  width:15px;
  height:19px;
  border:1.5px solid var(--cover-accent);
  border-radius:2px;
  background:color-mix(in srgb,var(--cover-accent) 6%,transparent);
  color:var(--cover-accent);
  font-size:6px;
  font-style:normal;
  font-weight:700;
  line-height:.78;
  transform:rotate(-5deg);
}
.report-art-brand{
  position:absolute;
  left:13px;
  right:6px;
  bottom:7px;
  padding-top:3px;
  border-top:1px solid color-mix(in srgb,var(--cover-ink) 24%,transparent);
  font-size:5px;
  letter-spacing:1px;
  text-align:center;
  white-space:nowrap;
}
.report-art-cover--pending .report-art-eyebrow{font-size:8px;letter-spacing:2.4px}
.report-art-cover--pending .report-art-title{margin-top:8px;font-size:19px;letter-spacing:3.5px}
.report-art-cover--pending .report-art-year{font-size:7px}
.report-art-cover--pending .report-art-seal{right:9px;bottom:23px;width:17px;height:21px;font-size:7px}
.report-art-cover--pending .report-art-brand{font-size:6px;bottom:8px}
.report-art-cover--bamboo{--cover-base:#cfd5c5;--cover-ink:#344c41;--cover-accent:#944137}
.report-art-cover--indigo{--cover-base:#c9d1d2;--cover-ink:#364853;--cover-accent:#9b4035}
.report-art-cover--plum{--cover-base:#d8c9c4;--cover-ink:#5b403d;--cover-accent:#993d34}
.report-art-cover--rose{--cover-base:#ddc7bf;--cover-ink:#683e3b;--cover-accent:#98382f}
.report-art-cover--umber{--cover-base:#d3c5a9;--cover-ink:#4d3a23;--cover-accent:#963d2f}
.history-card:hover .report-art-cover,
.report-pending-item:hover .report-art-cover{
  transform:translateY(-5px) rotateY(-7deg) rotateZ(-.5deg);
  filter:saturate(1.06) contrast(1.025);
  box-shadow:9px 12px 18px rgba(55,39,23,.24),inset 0 0 0 2px rgba(255,250,236,.31),inset 6px 0 8px rgba(61,43,27,.13) !important;
}
.history-card:hover .report-art-cover::after,
.report-pending-item:hover .report-art-cover::after{
  opacity:1 !important;
  animation:miniReportSheen .72s ease both;
}
@keyframes miniReportSheen{
  from{transform:translateX(-190%) rotate(9deg)}
  to{transform:translateX(590%) rotate(9deg)}
}
.report-pending-item.is-locked .report-art-cover{filter:saturate(.52) contrast(.94);opacity:.82}
.report-pending-item.is-locked:hover .report-art-cover{filter:saturate(.68) contrast(.98)}
@media(max-width:1250px){
  .report-art-cover--pending{width:72px;height:98px;padding-top:10px}
  .report-art-cover--pending .report-art-title{margin-top:6px;font-size:15px;letter-spacing:2.5px}
  .report-art-cover--pending .report-art-eyebrow{font-size:6px}
  .report-art-cover--pending .report-art-year{font-size:5px}
  .report-art-cover--pending .report-art-seal{right:7px;bottom:19px;width:14px;height:17px;font-size:5px}
  .report-art-cover--pending .report-art-brand{font-size:5px;bottom:6px}
}
@media(max-width:860px){
  .history-card{grid-template-columns:64px minmax(0,1fr)}
  .report-art-cover--history{width:62px;height:86px}
  .report-art-cover--history .report-art-title{font-size:13px;letter-spacing:2px;margin-top:5px}
  .report-art-cover--history .report-art-eyebrow{font-size:5px}
  .report-art-cover--history .report-art-year{display:none}
  .report-art-cover--history .report-art-seal{right:6px;bottom:17px;width:12px;height:15px;font-size:5px}
  .report-art-cover--history .report-art-brand{font-size:4px;bottom:5px}
}

/* === v12 · Adopted Tianze cursive seal artwork ===
   One transparent raster asset is shared by every red Tianze seal so the
   calligraphic gesture stays identical across the page headers and books. */
.home-hero .seal,
.unified-title-seal,
.annual-seal,
.self-seal,
.page-hero .seal,
.report-feature-cover .cover-seal,
.report-art-seal{
  overflow:visible;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  background-image:url('assets/branding/tianze-cursive-seal.png') !important;
  background-position:center !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  box-shadow:none !important;
  filter:drop-shadow(0 1px 0 rgba(255,250,238,.58));
}
.home-hero .seal::before,
.home-hero .seal::after,
.unified-title-seal::before,
.unified-title-seal::after,
.annual-seal::before,
.annual-seal::after,
.self-seal::before,
.self-seal::after,
.page-hero .seal::before,
.page-hero .seal::after{
  content:none !important;
  display:none !important;
}
.home-hero .seal{width:34px;height:41px;margin-left:3px;vertical-align:5px;transform:translateY(-1px)}
.unified-title-seal{width:32px;height:39px;margin-left:2px;vertical-align:3px;transform:none}
.annual-seal{width:50px;height:61px;margin-left:auto;margin-right:auto;transform:none}
.report-feature-cover .cover-seal{width:31px;height:38px;transform:rotate(-2deg)}
.report-art-seal{width:18px;height:22px;transform:rotate(-2deg);background-color:transparent !important}
.report-art-cover--pending .report-art-seal{width:20px;height:24px}
@media(max-width:1250px){
  .report-art-cover--pending .report-art-seal{width:17px;height:21px}
}
@media(max-width:860px){
  .report-art-cover--history .report-art-seal{width:14px;height:17px}
}

/* === v14 · Interactive five-element wheel === */
.element-layout{position:relative}
.element-wheel{
  isolation:isolate;
  transition:box-shadow .28s ease,filter .28s ease,background .32s ease;
}
.element-wheel .el{
  appearance:none;
  -webkit-appearance:none;
  width:48px;
  min-height:48px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  line-height:1;
  cursor:help;
  transition:transform .24s cubic-bezier(.2,.75,.2,1),opacity .2s ease,text-shadow .24s ease,background-color .24s ease,box-shadow .24s ease;
}
.element-wheel .el small{line-height:1.15}
.element-wheel .el:hover,
.element-wheel .el:focus-visible,
.element-wheel .el.is-active{
  outline:none;
  transform:scale(1.16) translateY(-1px);
  background:rgba(255,252,244,.74);
  box-shadow:0 5px 14px rgba(65,51,34,.12),inset 0 0 0 1px rgba(255,255,255,.78);
}
.element-wheel .el:focus-visible{box-shadow:0 0 0 2px rgba(169,123,64,.34),0 6px 15px rgba(65,51,34,.13)}
.element-wheel .wood:hover,.element-wheel .wood:focus-visible,.element-wheel .wood.is-active{text-shadow:0 0 13px rgba(57,132,70,.52)}
.element-wheel .fire:hover,.element-wheel .fire:focus-visible,.element-wheel .fire.is-active{text-shadow:0 0 13px rgba(190,77,38,.5)}
.element-wheel .earth:hover,.element-wheel .earth:focus-visible,.element-wheel .earth.is-active{text-shadow:0 0 13px rgba(155,111,48,.52)}
.element-wheel .metal:hover,.element-wheel .metal:focus-visible,.element-wheel .metal.is-active{text-shadow:0 0 13px rgba(117,113,98,.5)}
.element-wheel .water:hover,.element-wheel .water:focus-visible,.element-wheel .water.is-active{text-shadow:0 0 13px rgba(48,120,126,.52)}
.element-layout.has-element-focus .element-wheel{box-shadow:inset 0 0 0 6px rgba(255,255,255,.5),0 8px 20px rgba(83,62,38,.14)}
.element-layout.has-element-focus .element-wheel .el:not(.is-active){opacity:.48}
.element-wheel[data-active-element="wood"]{background:radial-gradient(circle,rgba(255,255,255,.88) 0 27%,transparent 28%),conic-gradient(from 12deg,rgba(87,157,99,.65) 0 71deg,rgba(186,104,54,.18) 72deg 143deg,rgba(181,143,87,.17) 144deg 215deg,rgba(176,168,145,.18) 216deg 287deg,rgba(89,140,141,.17) 288deg 359deg)}
.element-wheel[data-active-element="fire"]{background:radial-gradient(circle,rgba(255,255,255,.88) 0 27%,transparent 28%),conic-gradient(from 12deg,rgba(111,161,117,.18) 0 71deg,rgba(194,87,45,.63) 72deg 143deg,rgba(181,143,87,.17) 144deg 215deg,rgba(176,168,145,.18) 216deg 287deg,rgba(89,140,141,.17) 288deg 359deg)}
.element-wheel[data-active-element="earth"]{background:radial-gradient(circle,rgba(255,255,255,.88) 0 27%,transparent 28%),conic-gradient(from 12deg,rgba(111,161,117,.18) 0 71deg,rgba(186,104,54,.18) 72deg 143deg,rgba(177,132,68,.61) 144deg 215deg,rgba(176,168,145,.18) 216deg 287deg,rgba(89,140,141,.17) 288deg 359deg)}
.element-wheel[data-active-element="metal"]{background:radial-gradient(circle,rgba(255,255,255,.88) 0 27%,transparent 28%),conic-gradient(from 12deg,rgba(111,161,117,.18) 0 71deg,rgba(186,104,54,.18) 72deg 143deg,rgba(181,143,87,.17) 144deg 215deg,rgba(149,143,122,.61) 216deg 287deg,rgba(89,140,141,.17) 288deg 359deg)}
.element-wheel[data-active-element="water"]{background:radial-gradient(circle,rgba(255,255,255,.88) 0 27%,transparent 28%),conic-gradient(from 12deg,rgba(111,161,117,.18) 0 71deg,rgba(186,104,54,.18) 72deg 143deg,rgba(181,143,87,.17) 144deg 215deg,rgba(176,168,145,.18) 216deg 287deg,rgba(64,133,138,.61) 288deg 359deg)}
.element-copy{transition:opacity .18s ease,filter .18s ease,transform .22s ease}
.element-layout.has-element-focus .element-copy{opacity:.08;filter:blur(1.5px);transform:translateY(2px)}
.element-insight{
  position:absolute;
  z-index:5;
  left:214px;
  right:0;
  top:50%;
  min-height:112px;
  padding:15px 17px;
  border:1px solid rgba(177,133,76,.34);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,254,249,.92),rgba(244,231,210,.73));
  box-shadow:0 10px 24px rgba(78,57,31,.12),inset 0 1px rgba(255,255,255,.8);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(calc(-50% + 8px));
  transition:opacity .2s ease,transform .25s cubic-bezier(.2,.75,.2,1),visibility 0s linear .22s;
}
.element-insight:before{
  content:"";
  position:absolute;
  left:-6px;
  top:50%;
  width:11px;
  height:11px;
  border-left:1px solid rgba(177,133,76,.34);
  border-bottom:1px solid rgba(177,133,76,.34);
  background:rgba(250,243,230,.92);
  transform:translateY(-50%) rotate(45deg);
}
.element-layout.has-element-focus .element-insight{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%);
  transition-delay:0s;
}
.element-insight>span{display:block;margin-bottom:5px;color:#9b7647;font-size:11px;letter-spacing:3px}
.element-insight h3{margin:0 0 7px;font-family:"STKaiti","KaiTi",serif;font-size:20px;letter-spacing:2px;color:#4f3b27}
.element-insight p{margin:0;color:#6d5946;font-size:13px;line-height:1.65;letter-spacing:.5px}
@media(max-width:1250px){.element-insight{left:188px}}
@media(max-width:860px){.element-insight{left:190px}}
@media(prefers-reduced-motion:reduce){.element-wheel,.element-wheel .el,.element-copy,.element-insight{transition:none !important}}

/* === v13 · Larger page seals + restrained five-volume report series === */
/* The approved cursive artwork is nearly square. A square display box with
   cover sizing removes its transparent canvas margin and restores visual weight. */
.home-hero .seal,
.unified-title-seal,
.self-seal,
.page-hero .seal,
.annual-seal,
.report-feature-cover .cover-seal,
.report-art-seal{
  background-size:cover !important;
  background-position:center !important;
}
.home-hero .seal{
  width:48px;
  height:48px;
  margin-left:5px;
  vertical-align:3px;
  transform:translateY(1px) rotate(-2deg);
}
.unified-title-seal,
.self-seal,
.page-hero .seal{
  width:45px;
  height:45px;
  margin-left:5px;
  vertical-align:1px;
  transform:translateY(1px) rotate(-2deg);
}
.annual-seal{
  width:62px;
  height:62px;
  margin-left:auto;
  margin-right:auto;
  transform:rotate(-2deg);
}
.report-feature-cover .cover-seal{
  width:34px;
  height:34px;
  transform:rotate(-2deg);
}

/* Five covers share one quiet paper system. Theme colors shift only slightly,
   so they read as a collected series rather than five unrelated posters. */
.history-card{
  grid-template-columns:78px minmax(0,1fr);
  gap:16px;
}
.report-art-cover{
  --cover-base:#e6e3da;
  --cover-ink:#514d43;
  --cover-accent:#9d4539;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  align-items:center;
  justify-content:flex-start;
  padding:14px 7px 9px 11px;
  border:1px solid color-mix(in srgb,var(--cover-ink) 21%,transparent) !important;
  border-radius:2px 5px 5px 2px;
  color:var(--cover-ink);
  background-color:var(--cover-base) !important;
  background-image:
    linear-gradient(150deg,rgba(255,255,255,.50),transparent 55%,rgba(76,58,39,.035)),
    radial-gradient(rgba(72,58,40,.075) .45px,transparent .65px) !important;
  background-size:cover,4px 4px !important;
  background-position:center !important;
  background-repeat:no-repeat,repeat !important;
  background-blend-mode:normal,multiply;
  box-shadow:4px 7px 14px rgba(55,43,28,.13),inset 5px 0 8px rgba(61,48,33,.055) !important;
  transform-origin:left center;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,filter .28s ease;
}
.report-art-cover::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:0;
  left:5px;
  right:-12%;
  top:40%;
  bottom:-8%;
  inset-block-start:40%;
  border:0 !important;
  border-radius:0 !important;
  background:url('assets/home-rebuild/tianze-ink-landscape-v2.png') 46% 72%/auto 125% no-repeat !important;
  opacity:.115 !important;
  mix-blend-mode:multiply;
  filter:grayscale(1) sepia(.16) contrast(.82);
  pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 26%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 26%,#000 100%);
}
.report-art-cover::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:1;
  inset:0;
  width:auto;
  border:0 !important;
  background:linear-gradient(90deg,rgba(52,41,29,.045),transparent 13%,transparent 100%) !important;
  opacity:1 !important;
  transform:none;
  pointer-events:none;
}
.report-art-cover>*{position:relative;z-index:2}
.report-art-spine{
  left:4px;
  width:2px;
  border-left:1px solid rgba(255,255,255,.54);
  border-right:1px solid rgba(58,45,30,.12);
  background:transparent;
  box-shadow:none;
}
.report-art-eyebrow{
  font-size:6px;
  letter-spacing:1px;
  opacity:.62;
  white-space:nowrap;
}
.report-art-title{
  margin-top:13px;
  font-size:16px;
  font-weight:500;
  line-height:1.32;
  letter-spacing:3px;
  text-align:center;
  text-shadow:none;
}
.report-art-year,
.report-art-brand{display:none !important}
.report-art-seal{
  right:7px;
  bottom:7px;
  width:16px;
  height:16px;
  opacity:.78;
  transform:rotate(-3deg);
}
.report-art-cover--pending{
  padding-top:15px;
}
.report-art-cover--pending .report-art-eyebrow{
  font-size:6.5px;
  letter-spacing:1.1px;
}
.report-art-cover--pending .report-art-title{
  margin-top:15px;
  font-size:18px;
  letter-spacing:3.3px;
}
.report-art-cover--pending .report-art-seal{
  right:8px;
  bottom:8px;
  width:18px;
  height:18px;
}
.report-art-cover--bamboo{--cover-base:#e5e6df;--cover-ink:#4c554c}
.report-art-cover--indigo{--cover-base:#e2e5e4;--cover-ink:#485258}
.report-art-cover--plum{--cover-base:#e7e2df;--cover-ink:#594c49}
.report-art-cover--rose{--cover-base:#e8e1dd;--cover-ink:#5d4c49}
.report-art-cover--umber{--cover-base:#e7e3da;--cover-ink:#534c40}
.history-card:hover .report-art-cover,
.report-pending-item:hover .report-art-cover{
  transform:translateY(-3px) rotateY(-3deg);
  filter:saturate(.98) contrast(1.015);
  box-shadow:6px 10px 18px rgba(55,43,28,.16),inset 5px 0 8px rgba(61,48,33,.055) !important;
}
.history-card:hover .report-art-cover::after,
.report-pending-item:hover .report-art-cover::after{
  animation:none;
  opacity:1 !important;
}
.report-pending-item.is-locked .report-art-cover{filter:saturate(.70) contrast(.98);opacity:.78}
.report-pending-item.is-locked:hover .report-art-cover{filter:saturate(.76) contrast(1)}
@media(max-width:1250px){
  .report-art-cover--pending .report-art-eyebrow{font-size:5.5px}
  .report-art-cover--pending .report-art-title{margin-top:11px;font-size:15px;letter-spacing:2.6px}
  .report-art-cover--pending .report-art-seal{right:6px;bottom:6px;width:15px;height:15px}
}
@media(max-width:860px){
  .home-hero .seal{width:42px;height:42px}
  .unified-title-seal,.self-seal,.page-hero .seal{width:39px;height:39px}
  .history-card{grid-template-columns:64px minmax(0,1fr)}
  .report-art-cover--history .report-art-title{margin-top:9px;font-size:13px;letter-spacing:2.2px}
  .report-art-cover--history .report-art-eyebrow{font-size:5px}
  .report-art-cover--history .report-art-seal{right:5px;bottom:5px;width:13px;height:13px}
}


/* ============ 天则后端弹窗 ============ */
.tianze-overlay{position:fixed;inset:0;z-index:2000;background:rgba(20,18,14,.52);display:grid;place-items:center;padding:24px;backdrop-filter:blur(3px)}
.tianze-modal{background:linear-gradient(160deg,#faf5ea,#efe6d4);border:1px solid #cbb283;border-radius:16px;box-shadow:0 18px 48px rgba(45,35,18,.35);width:min(440px,92vw);max-height:82vh;overflow:auto;padding:22px 24px;color:var(--ink,#3c342a)}
.tianze-modal-wide{width:min(560px,94vw)}
.tianze-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.tianze-modal-head h3{margin:0;font-size:22px;letter-spacing:3px}
.tianze-modal-head .text-button{color:#8a6a3b}
.tianze-modal-foot{display:flex;justify-content:flex-end;margin-top:16px}
.tianze-modal-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.tianze-modal-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(255,252,245,.72);border:1px solid #ddc9a4;border-radius:10px;padding:10px 14px}
.tianze-modal-row.active{border-color:#a7793f;box-shadow:inset 0 0 0 1px rgba(167,121,63,.35)}
.tianze-row-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.tianze-row-main b{font-size:15px;letter-spacing:1px}
.tianze-row-main span{font-size:12px;color:#7c6f5c}
.tianze-row-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.tianze-row-actions .secondary{font-size:12px;padding:6px 10px}
.text-button.danger{color:#a34a32}
.tianze-form{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.tianze-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#6b5f4e;letter-spacing:1px}
.tianze-form input,.tianze-form select{background:rgba(255,253,248,.9);border:1px solid #d8c4a0;border-radius:8px;padding:9px 11px;font:inherit;color:var(--ink,#3c342a)}
.tianze-form input:focus,.tianze-form select:focus{outline:none;border-color:#a7793f}
.tianze-wish-form{flex-direction:row;align-items:center;gap:8px}
.tianze-wish-form input{flex:1}
.tianze-form .primary{margin-top:4px}
.wish-bullet{color:#a7793f;margin-right:6px}
.wish-strike{text-decoration:line-through;color:#9a8f7d}

/* 问事明机 · 古籍引用 */
.inquiry-result-state{overflow:auto;padding-right:3px}
.inquiry-citations{margin-top:16px}
.inquiry-cite-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.inquiry-cite-list li{border-left:3px solid rgba(173,132,78,.45);padding:10px 12px;background:rgba(255,254,250,.22);border-radius:0 10px 10px 0}
.inquiry-cite-list b{display:block;color:#8a6234;font-size:13px;margin-bottom:2px}
.inquiry-cite-list span{display:block;color:#a0896a;font-size:12px;margin-bottom:6px}
.inquiry-cite-list p{margin:0;color:#6b5c47;font-size:13px;line-height:1.65}
.popover-hint{margin:0 0 10px;color:#8a7a63;font-size:12px}
.tianze-form .inline-check{display:flex;align-items:center;gap:8px;flex-direction:row;font-size:13px;color:#6b5c47}
.tianze-form .inline-check input{width:16px;height:16px;margin:0}
.tianze-form input:disabled{opacity:.5;cursor:not-allowed}
.palace-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}
.palace-item{display:flex;align-items:baseline;gap:6px;padding:8px 10px;border:1px solid rgba(178,136,79,.2);border-radius:10px;background:rgba(255,251,243,.5)}
.palace-item b{color:#8a6234;font-size:12px;white-space:nowrap}
.palace-item i{color:#5c4a30;font-style:normal;font-size:14px;font-weight:600}
.palace-item em{color:#a0896a;font-size:11px;font-style:normal}
.palace-empty{color:#a0896a;font-size:12px;margin:8px 0}
.structure-card .structure-tags span{font-size:12px}
.pillar small{line-height:1.5}
.inquiry-data-status{margin:10px 0;padding:11px 14px;border:1px dashed rgba(178,136,79,.4);border-radius:11px;background:rgba(255,247,236,.5);color:#8a6a3c}
.inquiry-data-status h3{margin:0 0 6px;font-size:13px;color:#8a6234}
.inquiry-data-status ul{margin:0;padding-left:18px;font-size:12px;line-height:1.7;color:#8a7a63}
.inquiry-data-status li{margin:2px 0}

/* ============ AI 推演流式 Loading ============ */
.divine-loading-overlay{position:fixed;inset:0;z-index:9999;background:rgba(30,25,20,.88);display:flex;align-items:center;justify-content:center;padding:20px}
.divine-loading-panel{width:100%;max-width:720px;background:linear-gradient(135deg,rgba(255,252,248,.96),rgba(250,244,234,.92));border:1px solid rgba(178,136,79,.35);border-radius:20px;box-shadow:0 20px 60px rgba(60,40,20,.35),inset 0 1px 1px rgba(255,255,255,.8);overflow:hidden;font-family:"STKaiti","KaiTi","Songti SC",serif}
.divine-loading-header{padding:20px 24px 12px;border-bottom:1px solid rgba(178,136,79,.18);text-align:center}
.divine-loading-header h3{margin:0 0 10px;font-size:20px;color:#352719;letter-spacing:3px}
.divine-loading-phase-indicator{display:flex;justify-content:center;gap:18px}
.phase-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;background:rgba(235,216,173,.4);color:#a0896a;transition:all .3s ease;border:2px solid transparent}
.phase-dot.active{background:linear-gradient(135deg,#f3e0b8,#e8d4a9);color:#5c4328;border-color:#d4b870;box-shadow:0 0 12px rgba(212,184,112,.5);transform:scale(1.1)}
.phase-dot.active ~ .phase-dot{opacity:.4}
.loading-phase{padding:0 24px 24px}
.loading-phase .ritual-text{margin:0;padding:20px 0;text-align:center;font-size:16px;color:#7a6348;line-height:1.8}
.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:8px}
.skill-card{background:rgba(255,252,248,.8);border:1px solid rgba(178,136,79,.25);border-radius:12px;padding:12px 14px;transition:all .25s ease}
.skill-card.running{border-color:rgba(212,184,112,.6);box-shadow:0 0 10px rgba(212,184,112,.25);animation:pulse-glow 1.5s infinite ease-in-out}
.skill-card.done{border-color:rgba(120,160,100,.5);background:rgba(240,250,235,.9)}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 10px rgba(212,184,112,.25)}50%{box-shadow:0 0 18px rgba(212,184,112,.5)}}
.skill-header{display:flex;align-items:center;gap:8px;font-size:13px;color:#5c4a30;margin-bottom:6px}
.skill-icon{font-size:14px}
.skill-name{font-weight:600;color:#352719}
.skill-preview{font-size:11px;color:#8a7a63;line-height:1.5;white-space:pre-wrap;max-height:60px;overflow:hidden}
.skills-hint{margin:12px 0 0;text-align:center;font-size:12px;color:#a0896a}
.summary-box,.persona-box{background:rgba(255,254,250,.7);border:1px solid rgba(178,136,79,.2);border-radius:12px;padding:16px;max-height:300px;overflow:auto}
.summary-box h4,.persona-box h4{margin:0 0 10px;font-size:14px;color:#5c4a30;border-bottom:1px solid rgba(178,136,79,.15);padding-bottom:8px}
#summaryContent,#personaContent{margin:0;font-family:"STKaiti","KaiTi","Songti SC",serif;font-size:13px;line-height:1.85;color:#4a3d2e;overflow-wrap:anywhere;word-break:break-word}
.ai-answer-copy{display:grid;gap:10px;white-space:normal}
.ai-answer-copy p{margin:0;line-height:1.85;text-indent:2em;color:inherit}
.ai-answer-copy p:first-child{margin-top:0}
.inquiry-result-summary>.ai-answer-copy,.drawer-body .ai-answer-copy{font-size:14px;color:#463522}
.loading-retry-state{min-height:210px;display:grid;place-items:center;align-content:center;gap:16px;color:#7a6348;text-align:center}
.loading-retry-state[hidden]{display:none}
.loading-retry-state p{margin:0;font-size:15px;letter-spacing:2px}
.loading-retry-spinner{width:46px;height:46px;border-radius:50%;border:3px solid rgba(178,136,79,.2);border-top-color:#b18a50;animation:tianze-spin .85s linear infinite}
@keyframes tianze-spin{to{transform:rotate(360deg)}}
.typing-cursor{display:inline-block;width:2px;height:1.2em;background:#b88b50;animation:blink 1s infinite;margin-left:2px;vertical-align:text-bottom}
@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}
.divine-loading-footer{padding:12px 24px;border-top:1px solid rgba(178,136,79,.1);text-align:right}
.loading-elapsed{font-family:monospace;font-size:13px;color:#a0896a}
.divine-loading-panel.error{padding:32px;text-align:center}
.divine-loading-panel.error h3{margin:0 0 10px;color:#a93f34}
.divine-loading-panel.error p{margin:0 0 18px;color:#8a5a4e}


/* ============ 大运与流年板块 ============ */
.self-dayun-card{margin-top:18px}
.dayun-current{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 16px}
.dayun-fact{background:rgba(255,254,250,.7);border:1px solid rgba(178,136,79,.2);border-radius:12px;padding:12px 14px;text-align:center}
.dayun-fact span{display:block;font-size:12px;color:#a0896a;margin-bottom:6px}
.dayun-fact b{display:block;font-size:18px;color:#5c4a30;font-family:"STKaiti","KaiTi","Songti SC",serif;margin-bottom:4px}
.dayun-fact small{display:block;font-size:12px;color:#8a7a63}
.dayun-track{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px}
.dayun-track::-webkit-scrollbar{height:4px}
.dayun-track::-webkit-scrollbar-thumb{background:rgba(178,136,79,.35);border-radius:2px}
.dayun-step{flex:0 0 auto;min-width:92px;text-align:center;border:1px solid rgba(178,136,79,.18);border-radius:10px;padding:10px 8px;background:rgba(255,254,250,.55)}
.dayun-step span{display:block;font-size:16px;font-weight:700;color:#5c4a30;font-family:"STKaiti","KaiTi","Songti SC",serif}
.dayun-step small{display:block;font-size:11px;color:#8a7a63;margin-top:4px}
.dayun-step em{display:block;font-style:normal;font-size:11px;color:#b08a52;margin-top:2px}
.dayun-step.active{border-color:#b88b50;background:linear-gradient(160deg,rgba(240,220,190,.45),rgba(255,254,250,.8));box-shadow:0 4px 14px rgba(178,136,79,.22)}
.dayun-step.active span{color:#9c6b30}
@media (max-width:720px){.dayun-current{grid-template-columns:1fr}}
/* ============ 正缘三问结果 ============ */
.match-result{margin-top:18px;border-top:1px dashed rgba(178,136,79,.25);padding-top:16px}
.match-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.match-result-head h3{margin:0;font-size:17px;color:#5c4a30}
.match-result-summary{margin:0 0 12px;font-size:13.5px;line-height:1.75;color:#4a3d2e;font-family:"STKaiti","KaiTi","Songti SC",serif}
.match-result-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.match-result-cols>div{background:rgba(255,254,250,.7);border:1px solid rgba(178,136,79,.18);border-radius:10px;padding:12px}
.match-result-cols b{display:block;font-size:13px;color:#9c6b30;margin-bottom:8px}
.match-result-cols ul{margin:0;padding:0;list-style:none}
.match-result-cols li{position:relative;padding:0 0 8px 14px;font-size:12.5px;line-height:1.65;color:#5c4a30}
.match-result-cols li:last-child{padding-bottom:0}
.match-result-cols li::before{content:"?";position:absolute;left:0;top:0;font-size:11px;color:#b88b50}
@media (max-width:720px){.match-result-cols{grid-template-columns:1fr}}

/* 正缘画像: 伴侣性别选择 + 标签/摘要 */
.portrait-gender-row{display:flex;align-items:center;gap:10px;margin:18px auto 0;width:82%;font-size:14px}
.portrait-gender-label{color:#71593d;letter-spacing:2px;white-space:nowrap}
.portrait-gender{border:1px solid rgba(177,136,79,.35);background:rgba(255,255,255,.5);color:#6b4f2e;border-radius:20px;padding:5px 22px;cursor:pointer;font-size:14px;transition:all .2s}
.portrait-gender.active{background:#b48b50;color:#fff;border-color:#b48b50}
.portrait-gender-hint{color:#9a8566;font-size:12px}
.portrait-tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 10px}
.portrait-tag{background:rgba(180,139,80,.14);border:1px solid rgba(180,139,80,.4);color:#8a5a22;font-size:12.5px;padding:4px 12px;border-radius:16px}
.portrait-summary{font-size:13px;line-height:1.8;color:#5c4a30;margin:0 0 8px}
.portrait-evidence{font-size:12px;color:#9a8566;margin:0}
.portrait-info{max-width:460px}
@media (max-width:720px){.portrait-gender-row{width:100%;flex-wrap:wrap}}

/* 正缘画像: 历史图库 + 回看 */
.portrait-veil.hidden{display:none}
.portrait-history{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.portrait-thumb{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid rgba(177,136,79,.3);background:#fff}
.portrait-thumb img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .25s}
.portrait-thumb:hover img{transform:scale(1.05)}
.portrait-thumb span{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 6px;font-size:11.5px;color:#fff;background:linear-gradient(transparent,rgba(60,42,18,.72));text-align:center}
.portrait-viewer-overlay{position:fixed;inset:0;background:rgba(40,28,12,.55);backdrop-filter:blur(3px);z-index:1200;display:grid;place-items:center;opacity:0;transition:opacity .2s;padding:20px}
.portrait-viewer-overlay.open{opacity:1}
.portrait-viewer-card{position:relative;background:#fff9e9;border-radius:18px;padding:22px;max-width:760px;width:100%;max-height:90vh;overflow:auto;display:grid;grid-template-columns:300px 1fr;gap:22px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.portrait-viewer-card img{width:100%;border-radius:12px;display:block}
.portrait-viewer-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:18px;color:#8a6a3a;cursor:pointer;z-index:2}
.portrait-viewer-info h3{margin:0 0 4px;color:#4e3a1e;font-size:19px}
.portrait-viewer-info .portrait-tags{margin-top:10px}
@media (max-width:720px){.portrait-viewer-card{grid-template-columns:1fr;max-height:92vh}}

/* ============ 专属报告 · 三栏阅读器 ============ */
.report-list-unlock{margin:14px 0 18px;padding:14px;border:1px solid rgba(169,63,52,.2);border-radius:14px;background:rgba(169,63,52,.045)}
.report-list-unlock>strong{display:block;color:#9f3e34;font:30px Georgia,serif;line-height:1}
.report-list-unlock>span{display:block;margin:5px 0 10px;color:#705c49;font-size:12px;line-height:1.5}
.report-list-unlock>div,.report-access-track,.report-unlock-card>div{height:5px;overflow:hidden;border-radius:99px;background:rgba(99,83,67,.16)}
.report-list-unlock i,.report-access-track i,.report-unlock-card>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a63f35,#c57a5f)}

.report-reader-page{width:min(100%,1460px);margin:0 auto;padding:0;color:#302b26;font-family:"Songti SC","SimSun","STSong",serif}
.report-reader-banner{position:relative;min-height:178px;display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:28px;margin-bottom:18px;overflow:hidden;border:1px solid rgba(104,88,70,.2);border-radius:14px;background:rgba(253,251,247,.92);box-shadow:0 8px 24px rgba(68,55,42,.1)}
.report-reader-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(255,255,255,.74)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') right 42% / 64% auto no-repeat;opacity:.11;pointer-events:none}
.report-banner-art{align-self:stretch;background:linear-gradient(90deg,rgba(251,249,244,.06),rgba(251,249,244,.96)),url('assets/home-rebuild/tianze-ink-landscape-v2.png') 24% 58% / cover;filter:grayscale(.55) sepia(.12);opacity:.72}
.report-banner-main,.report-banner-actions{position:relative;z-index:1}
.report-banner-main{padding:24px 0}
.report-banner-main>p{margin:0 0 7px;color:#78685b;font-size:15px;letter-spacing:3px}
.report-banner-main h1{margin:0;font-weight:600;font-size:38px;letter-spacing:3px}
.report-access-row{display:flex;align-items:center;gap:13px;margin-top:19px;color:#655d54;font-size:13px}
.report-access-status{padding-left:14px;position:relative;color:#647067}
.report-access-status::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:#87958b;transform:translateY(-50%)}
.report-access-row>b{font-weight:500;color:#9b3f36}
.report-access-track{width:180px}
.report-banner-actions{align-self:end;display:flex;gap:8px;padding:0 24px 28px 0}
.report-banner-actions .text-button{float:none;padding:8px 10px;color:#4d453d;font-size:14px}

.report-reader-layout{display:grid;grid-template-columns:minmax(190px,224px) minmax(560px,1fr) minmax(225px,268px);gap:18px;align-items:start}
.report-reader-sidebar,.report-reader-aside{position:sticky;top:94px;align-self:start;border:1px solid rgba(105,88,68,.19);border-radius:13px;background:rgba(252,250,246,.91);box-shadow:0 7px 22px rgba(67,54,41,.08);backdrop-filter:blur(10px)}
.report-reader-sidebar{padding:22px 0 16px;overflow:hidden}
.report-reader-sidebar>.eyebrow{padding:0 20px 13px;color:#52473d;font-size:15px}
.report-reader-toc-item{width:100%;min-height:49px;display:grid;grid-template-columns:30px 1fr 14px;align-items:center;gap:5px;padding:9px 15px;border:0;border-left:3px solid transparent;background:transparent;text-align:left;color:#463e36}
.report-reader-toc-item span{font:11px Georgia,serif;color:#93877a}
.report-reader-toc-item b{font-size:14px;font-weight:500;letter-spacing:1px}
.report-reader-toc-item i{font-style:normal;color:#a8493e;font-size:11px}
.report-reader-toc-item:hover,.report-reader-toc-item.active{border-left-color:#a7453a;background:linear-gradient(90deg,rgba(177,59,46,.11),rgba(177,59,46,.025));color:#923c34}
.report-reader-toc-item.is-locked{color:#9b958e}
.report-unlock-card{margin:17px 14px 0;padding:15px;border:1px solid rgba(169,63,52,.2);border-radius:11px;background:linear-gradient(145deg,#fffaf5,rgba(246,226,219,.64))}
.report-unlock-card span{font-size:12px;color:#755c52}
.report-unlock-card strong{float:right;color:#a63f35;font:22px Georgia,serif}
.report-unlock-card>div{clear:both;margin:10px 0}
.report-unlock-card p{margin:0 0 12px;color:#76685d;font-size:11px;line-height:1.65}
.report-unlock-card button{width:100%;padding:8px 10px;font-size:12px}

.report-reader-main{display:grid;gap:17px;min-width:0}
.report-reading-section{scroll-margin-top:94px;padding:30px 36px;border:1px solid rgba(104,88,68,.18);border-radius:13px;background:rgba(254,252,248,.95);box-shadow:0 7px 22px rgba(67,54,41,.08)}
.report-section-heading{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid rgba(112,91,69,.18)}
.report-section-heading>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(166,64,54,.35);border-radius:50%;color:#9e4238;font-size:17px}
.report-section-heading p{margin:0 0 3px;color:#9b8878;font-size:11px;letter-spacing:2px}
.report-section-heading h2{margin:0;font-size:25px;font-weight:600;letter-spacing:2px}
.report-section-heading em{max-width:180px;padding:6px 10px;border:1px solid rgba(169,63,52,.25);border-radius:6px;color:#a3473d;font-size:12px;font-style:normal;text-align:center}
.report-prose p{margin:0 0 12px;color:#4f4943;font-size:15px;line-height:2;text-align:justify}
.report-prose p:last-child{margin-bottom:0}
.report-trend-chart{margin:22px 0 18px;padding:16px 18px 8px;border-radius:10px;background:linear-gradient(180deg,#fbfaf7,#f4f1eb)}
.report-trend-chart h4{margin:0 0 7px;font-size:15px;font-weight:500;letter-spacing:2px}
.report-trend-chart svg{display:block;width:100%;height:auto;overflow:visible}
.report-chart-grid{fill:none;stroke:rgba(79,72,65,.12);stroke-width:1}
.report-chart-area{fill:rgba(142,112,83,.08);stroke:none}
.report-chart-line{fill:none;stroke:#66635f;stroke-width:2.2}
.report-trend-chart circle{fill:#6e6d68;stroke:#faf8f3;stroke-width:2}
.report-trend-chart text{fill:#7c756d;font-size:10px}
.report-scenarios{margin:18px 0;padding:15px 18px;border-left:3px solid #9d4b40;background:rgba(169,63,52,.045)}
.report-scenarios h3,.report-reading-section .report-actions h3{margin:0 0 9px;font-size:15px;font-weight:600;letter-spacing:2px}
.report-scenarios ul{margin:0;padding-left:20px;color:#574e45;font-size:14px;line-height:1.8}
.report-evidence{margin:18px 0;border:1px solid rgba(111,91,69,.22);border-radius:9px;background:#fbf8f3}
.report-evidence summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;cursor:pointer;color:#513f32}
.report-evidence summary small{color:#8f8275;font-size:11px}
.report-evidence>div{display:grid;gap:9px;padding:0 14px 14px}
.report-evidence article{padding:12px 13px;border:1px solid rgba(112,91,69,.15);border-radius:8px;background:#fffdf9}
.report-evidence article>div{display:flex;justify-content:space-between;gap:12px}
.report-evidence article b{color:#93433a;font-size:13px}
.report-evidence article span{color:#4c443d;font-size:13px}
.report-evidence article p{margin:7px 0;color:#5d554d;font-size:13px;line-height:1.7}
.report-evidence article small{color:#978b80;font-size:10px}
.report-reading-section .report-actions{display:grid;gap:8px;margin:18px 0}
.report-reading-section .report-actions label,.report-action-aside label{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid rgba(112,91,69,.15);border-radius:8px;background:#fcfaf6;color:#554d45;font-size:13px;line-height:1.6}
.report-reading-section input[type="checkbox"],.report-action-aside input[type="checkbox"]{accent-color:#a5473d;margin-top:4px}
.report-avoid{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:16px;padding:13px 15px;border:1px solid rgba(169,63,52,.18);border-radius:8px;background:rgba(169,63,52,.045)}
.report-avoid b{color:#9d4138;font-size:13px}
.report-avoid p{margin:0;color:#665851;font-size:13px;line-height:1.7}
.report-section-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:15px;border-top:1px solid rgba(112,91,69,.15);color:#8f8175;font-size:11px}
.report-section-footer .text-button{float:none;padding:6px 4px}
.report-section-footer .text-button.is-active{color:#a33f35;font-weight:600}
.report-section-footer .secondary{padding:7px 11px;font-size:11px}

.report-reader-aside{display:grid;gap:12px;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.report-aside-card{padding:20px;border:1px solid rgba(105,88,68,.19);border-radius:13px;background:rgba(252,250,246,.92);box-shadow:0 7px 22px rgba(67,54,41,.07)}
.report-aside-card .eyebrow{padding-bottom:10px;border-bottom:1px solid rgba(169,63,52,.24);color:#51463c;font-size:15px}
.report-aside-card h3{margin:15px 0 7px;font-size:18px;font-weight:600}
.report-aside-card>p:not(.eyebrow){margin:0;color:#665c53;font-size:13px;line-height:1.75}
.report-key-facts{margin:14px -20px -20px}
.report-key-facts>div{display:flex;justify-content:space-between;gap:12px;padding:13px 20px;border-top:1px solid rgba(112,91,69,.13)}
.report-key-facts dt{color:#62594f;font-size:12px}
.report-key-facts dd{margin:0;color:#a3453b;font-size:12px;text-align:right}
.report-action-aside{display:grid;gap:9px}
.report-action-aside label{background:rgba(255,255,255,.58)}

.report-locked-section{min-height:330px;background:linear-gradient(145deg,rgba(251,248,243,.94),rgba(238,232,224,.92));color:#827b73}
.report-locked-section .report-section-heading{opacity:.78}
.report-locked-section .report-section-heading>i{padding:4px 8px;border:1px solid rgba(101,91,82,.25);border-radius:99px;font-size:11px;font-style:normal}
.report-locked-teaser{margin:0;color:#746e67;font-size:14px;line-height:1.8}
.report-paywall{max-width:460px;margin:28px auto 0;padding:19px;text-align:center;border:1px solid rgba(169,63,52,.2);border-radius:11px;background:rgba(255,252,248,.88)}
.report-paywall b{color:#963e35;font-size:16px;letter-spacing:2px}
.report-paywall p{margin:9px 0 14px;color:#776a60;font-size:12px;line-height:1.65}
.report-reader-tools{position:fixed;right:22px;bottom:26px;z-index:9;display:grid;overflow:hidden;border:1px solid rgba(105,88,68,.2);border-radius:12px;background:rgba(253,251,247,.94);box-shadow:0 9px 26px rgba(64,51,39,.16);backdrop-filter:blur(9px)}
.report-reader-tools button{min-width:64px;display:grid;gap:2px;justify-items:center;padding:9px 8px;border:0;border-bottom:1px solid rgba(105,88,68,.14);background:transparent;color:#554c44;font-size:10px}
.report-reader-tools button:last-child{border-bottom:0}
.report-reader-tools span{font-size:18px;color:#9e443a}
.full-report-generation{max-width:760px;margin:50px auto;padding:54px 64px;text-align:center;border:1px solid rgba(105,88,68,.2);border-radius:16px;background:rgba(254,252,248,.94);box-shadow:0 12px 34px rgba(67,54,41,.11)}
.full-report-generation-mark{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid rgba(169,63,52,.34);border-radius:50%;background:rgba(169,63,52,.06);color:#a54439;font-size:25px;animation:fullReportPulse 1.8s ease-in-out infinite}
.full-report-generation.is-failed .full-report-generation-mark{animation:none;background:rgba(169,63,52,.12)}
.full-report-generation .eyebrow{font-size:13px;color:#9b4a40}
.full-report-generation h2{margin:12px 0 10px;font-size:29px;font-weight:600;letter-spacing:3px}
.full-report-generation>p:not(.eyebrow){max-width:600px;margin:0 auto;color:#695f56;font-size:14px;line-height:1.9}
.full-report-progress{height:8px;margin:28px 0 9px;overflow:hidden;border-radius:99px;background:rgba(99,83,67,.14)}
.full-report-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9c3c33,#c77759);transition:width .35s ease}
.full-report-progress-meta{display:flex;justify-content:space-between;gap:14px;color:#897c70;font-size:12px}
.full-report-progress-meta span:first-child{color:#a43f35;font:18px Georgia,serif}
.full-report-working{display:inline-block;margin-top:27px;padding:9px 16px;border:1px solid rgba(112,91,69,.2);border-radius:99px;color:#70655a;font-size:12px}
.full-report-generation>.primary{margin-top:26px}
.full-report-generation>small{display:block;margin-top:18px;color:#968a7e;font-size:11px;line-height:1.7}
@keyframes fullReportPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(169,63,52,.1)}50%{transform:scale(1.06);box-shadow:0 0 0 12px rgba(169,63,52,0)}}

@media(max-width:1280px){
  .report-reader-layout{grid-template-columns:190px minmax(520px,1fr) 220px;gap:13px}
  .report-reading-section{padding:27px 28px}
}
@media(max-width:1080px){
  .report-reader-banner{grid-template-columns:150px minmax(0,1fr)}
  .report-banner-actions{display:none}
  .report-reader-layout{grid-template-columns:190px minmax(0,1fr)}
  .report-reader-aside{position:static;grid-column:2;grid-row:2;grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .report-reader-banner{grid-template-columns:1fr;min-height:0}
  .report-banner-art{display:none}
  .report-banner-main{padding:24px}
  .report-banner-main h1{font-size:29px}
  .report-access-row{align-items:flex-start;flex-wrap:wrap}
  .report-reader-layout{display:block}
  .report-reader-sidebar{position:static;margin-bottom:14px}
  .report-reader-toc-item:nth-of-type(n+5){display:none}
  .report-reading-section{padding:22px 18px;margin-bottom:14px}
  .report-section-heading{grid-template-columns:37px 1fr}
  .report-section-heading em{grid-column:2;max-width:none;text-align:left}
  .report-reader-aside{display:grid;grid-template-columns:1fr;margin-top:14px}
  .report-reader-tools{right:10px;bottom:12px}
  .full-report-generation{margin:20px auto;padding:38px 22px}
}
@media print{
  .topbar,.special-tab,.report-reader-sidebar,.report-reader-aside,.report-reader-tools,.report-banner-actions,.report-section-footer,.report-paywall{display:none!important}
  body,.app-shell{min-width:0;background:#fff!important}
  .app-shell::before,.app-shell::after{display:none}
  .page-stage{padding:0}
  .report-reader-page{width:100%}
  .report-reader-banner{box-shadow:none;border-color:#aaa;break-after:avoid}
  .report-reader-layout{display:block}
  .report-reading-section{box-shadow:none;border-color:#bbb;break-inside:avoid;margin:0 0 14px}
  .report-locked-section{display:none}
}

/* === Wish-linked seven-day check-in === */
.home-scene .bottom-grid{align-items:stretch}
.home-scene .bottom-grid .glass-panel{height:176px;overflow:hidden}
.home-scene .wish-card{display:flex;flex-direction:column}
.home-scene .wish-card .secondary{margin-top:auto;align-self:flex-end}
.home-scene .seven-day{display:flex;flex-direction:column;padding:15px 19px 13px}
.checkin-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-scene .seven-day .checkin-title-row .section-heading{margin:0}
.checkin-switch{float:none;flex:none;padding:3px 0;font-size:11px;letter-spacing:1px}
.checkin-current-wish{display:flex;align-items:center;gap:8px;min-width:0;margin:8px 0 1px;color:#706052;font-size:12px;line-height:1.35}
.checkin-current-wish span{flex:none;padding:2px 6px;border:1px solid rgba(165,122,69,.28);border-radius:99px;color:#976d3e;font-size:10px}
.checkin-current-wish b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.home-scene .seven-day .days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:7px}
.home-scene .seven-day .day{appearance:none;min-width:0;margin:0;padding:0;border:0;background:none;font-family:inherit;cursor:default}
.home-scene .seven-day button.day{cursor:pointer}
.home-scene .seven-day .day i{width:24px;height:24px;background:rgba(255,253,248,.66);color:#9a7b55}
.home-scene .seven-day .day span{font-size:9px;letter-spacing:0;white-space:nowrap}
.home-scene .seven-day .day.done i{background:#9d7842;color:#fff;border-color:#9d7842}
.home-scene .seven-day .day.next i{border-style:dashed;border-color:#a9473b;color:#a9473b;box-shadow:0 0 0 3px rgba(169,71,59,.07)}
.checkin-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:31px;margin-top:auto;color:#8a7866;font-size:10.5px;letter-spacing:.5px}
.checkin-footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.checkin-footer .secondary{flex:none;margin:0;padding:6px 11px;border-radius:8px;font-size:11px;letter-spacing:1px}
.tianze-modal-row.active-checkin-wish{border-color:rgba(169,63,52,.3);background:rgba(169,63,52,.055)}
.tianze-modal-row .tianze-row-actions .secondary.small{display:inline-block;margin:0;padding:6px 10px;font-size:11px}

@media(max-width:860px){
  .home-scene .bottom-grid .glass-panel{height:auto;min-height:164px}
}

/* === Self analysis · restrained frosted explanations === */
.insight-card{position:relative;isolation:isolate;overflow:hidden;outline:none}
.card-insight-overlay{
  position:absolute!important;inset:0;z-index:9;display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  padding:12px 14px;border-radius:inherit;text-align:center;color:#41372d;
  background:linear-gradient(145deg,rgba(253,251,247,.83),rgba(237,229,217,.74));
  border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 1px rgba(255,255,255,.66);
  backdrop-filter:blur(12px) saturate(.72);-webkit-backdrop-filter:blur(12px) saturate(.72);
  opacity:0;transform:translateY(3px) scale(.992);transition:opacity .28s cubic-bezier(.22,.61,.36,1),transform .34s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
}
.card-insight-overlay small{display:block!important;margin:0 0 4px!important;padding:0!important;border:0!important;width:auto!important;color:#947554!important;font:9px/1.2 Georgia,"Songti SC",serif!important;letter-spacing:2px!important;text-transform:uppercase}
.card-insight-overlay strong{display:block;color:#4f3b29;font:600 15px/1.25 "STKaiti","KaiTi","Songti SC",serif;letter-spacing:1.5px}
.card-insight-overlay p{max-width:34em;margin:6px 0 0;color:#66594c;font:11.5px/1.55 "Songti SC","STSong",serif;letter-spacing:.35px}
.insight-card:hover>.card-insight-overlay,.insight-card:focus-visible>.card-insight-overlay{opacity:1;transform:translateY(0) scale(1)}
.insight-card:focus-visible{box-shadow:0 0 0 2px rgba(156,107,48,.22),0 5px 14px rgba(91,63,32,.1)}
.destiny-summary>.card-insight-overlay{align-items:flex-start;padding:8px 22px;text-align:left}
.destiny-summary>.card-insight-overlay p{margin-top:3px;font-size:11px;line-height:1.35}
.dayun-fact,.dayun-step{position:relative;overflow:hidden;isolation:isolate;outline:none}
.dayun-fact>.card-insight-overlay{padding:8px 13px}
.dayun-fact>.card-insight-overlay strong{font-size:13px}
.dayun-fact>.card-insight-overlay p{margin-top:4px;font-size:10.5px;line-height:1.42}
.dayun-step{min-width:108px;min-height:76px}
.dayun-step>.card-insight-overlay{padding:7px 8px}
.dayun-step>.card-insight-overlay small{font-size:7.5px!important;letter-spacing:1.2px!important}
.dayun-step>.card-insight-overlay strong{font-size:12px;letter-spacing:1px}
.dayun-step>.card-insight-overlay p{margin-top:3px;font-size:9px;line-height:1.28;letter-spacing:0}
@media (prefers-reduced-motion:reduce){.card-insight-overlay{transition:none;transform:none}}

/* === Life-event calibration === */
.tianze-modal-calibration{width:min(900px,96vw);max-height:88vh;padding:25px 27px;background:linear-gradient(155deg,rgba(252,249,242,.97),rgba(232,222,205,.94));border-color:rgba(177,139,87,.58)}
.tianze-modal-calibration .tianze-modal-head{align-items:flex-start;margin-bottom:8px}
.tianze-modal-calibration .tianze-modal-head h3{font-size:25px}
.calibration-kicker{margin:0 0 4px;color:#9b7d59;font:9px/1.2 Georgia,serif;letter-spacing:3px}
.calibration-intro{margin:0 0 15px;padding:10px 13px;border-left:2px solid rgba(155,113,62,.45);background:rgba(255,255,255,.28);color:#756654;font-size:12px;line-height:1.65}
.calibration-summary{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:center;margin-bottom:18px;padding:14px 17px;border:1px solid rgba(179,142,92,.34);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(240,230,213,.36))}
.calibration-score{width:62px;height:62px;display:grid;place-content:center;border:1px solid rgba(164,120,69,.42);border-radius:50%;background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.84),rgba(226,208,180,.38));text-align:center}
.calibration-score strong{color:#8a5d31;font:24px/1 Georgia,serif}.calibration-score span{margin-top:3px;color:#8d7b66;font-size:9px;letter-spacing:1px}
.calibration-summary-main>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.calibration-summary-main b{font-size:15px;letter-spacing:2px}.calibration-summary-main span{color:#8c7b68;font-size:11px}
.calibration-progress{height:5px;margin:8px 0;border-radius:99px;background:rgba(119,91,60,.13);overflow:hidden}.calibration-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#967042,#b78654);transition:width .35s ease}
.calibration-summary-main p{margin:0;color:#756654;font-size:11px;line-height:1.55}
.calibration-layout{display:grid;grid-template-columns:315px minmax(0,1fr);gap:20px;align-items:start}
.calibration-form{margin:0;padding:16px;border:1px solid rgba(176,137,83,.3);border-radius:14px;background:rgba(255,255,255,.3)}
.calibration-form-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.calibration-form-head h4{margin:0;font-size:15px;letter-spacing:2px}.calibration-form-head span{color:#99836a;font-size:10px}
.calibration-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.calibration-form textarea{resize:vertical;min-height:66px;background:rgba(255,253,248,.9);border:1px solid #d8c4a0;border-radius:8px;padding:9px 11px;font:inherit;color:var(--ink,#3c342a)}
.calibration-form textarea:focus{outline:none;border-color:#a7793f}
.calibration-form .primary:disabled{opacity:.58;cursor:wait}
.calibration-history{min-width:0}.calibration-event-list{display:flex;flex-direction:column;gap:8px;max-height:410px;overflow:auto;padding-right:4px}
.calibration-event{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:12px;align-items:start;padding:11px 12px;border:1px solid rgba(177,140,89,.26);border-radius:11px;background:rgba(255,253,248,.54)}
.calibration-event-date b{display:block;color:#674a2d;font:14px/1.2 Georgia,serif}.calibration-event-date span{display:block;margin-top:5px;color:#9a7b58;font-size:9.5px}
.calibration-event-main h4{margin:0 0 4px;color:#43372d;font-size:14px;letter-spacing:1px}.calibration-event-main p{margin:0;color:#8b765f;font-size:10.5px;line-height:1.4}.calibration-event-main small{display:block;margin-top:5px;color:#675b4f;font-size:10.5px;line-height:1.45}
.calibration-event-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.calibration-event-side>span{padding:3px 7px;border:1px solid rgba(161,118,67,.25);border-radius:99px;color:#80613e;font-size:9px;white-space:nowrap}.calibration-event-side .text-button{font-size:10px;padding:2px}
.calibration-empty{display:grid;place-items:center;min-height:174px;border:1px dashed rgba(167,128,78,.34);border-radius:12px;color:#8a7863;text-align:center}.calibration-empty b{font-size:14px;letter-spacing:2px}.calibration-empty p{margin:7px 0 0;font-size:11px}
.calibration-loading{display:grid;place-items:center;min-height:220px}.calibration-loading>span{font-size:30px;color:#a77a42;animation:calibrationBreath 1.7s ease-in-out infinite}.calibration-loading p{margin:8px 0 0;color:#766552;letter-spacing:2px}@keyframes calibrationBreath{50%{opacity:.42;transform:scale(.94)}}

@media(max-width:860px){
  .card-insight-overlay{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
  .destiny-summary>.card-insight-overlay{padding:7px 12px}.destiny-summary>.card-insight-overlay p{font-size:9.5px}
  .tianze-modal-calibration{padding:20px 17px}.calibration-layout{grid-template-columns:1fr}.calibration-event-list{max-height:none}.calibration-form-grid{grid-template-columns:1fr}.calibration-event{grid-template-columns:72px minmax(0,1fr)}.calibration-event-side{grid-column:2;flex-direction:row;justify-content:space-between;align-items:center}
}