:root{--paper:#f7f2e8;--paper-2:#fffdf8;--ink:#382f2d;--muted:#817876;--lav:#77628d;--lav-soft:#e9e1ee;--gold:#a98445;--line:#d8cdbd;--shadow:0 18px 50px rgba(62,48,44,.09);--radius:22px;--serif:"Noto Serif SC","Songti SC",Georgia,serif;--sans:Inter,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans);scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 5%,rgba(141,117,159,.1),transparent 27%),linear-gradient(180deg,#fbf8f1,var(--paper));font-size:15px;line-height:1.7}button,input,textarea{font:inherit;color:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:fixed;left:8px;top:-50px;background:#fff;padding:8px;z-index:99}.skip-link:focus{top:8px}.site-shell{min-height:100vh;padding-bottom:94px}.site-shell--wide main{max-width:1200px}.topbar{height:68px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(120,100,90,.12)}.brand{display:flex;gap:10px;align-items:center;font-family:var(--serif);font-size:18px;cursor:pointer}.brand-mark{width:32px;height:32px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)}.brand b{font-weight:500;color:var(--lav)}.topbar-note,.muted{font-size:13px;color:var(--muted)}.icon-button,.quiz-top button{border:0;background:transparent;font-size:22px}main{max-width:920px;margin:0 auto;padding:34px 24px 60px}.page-heading{margin-bottom:28px}.page-heading h1,.longform h1,.lesson-reader h1{font:500 clamp(25px,4vw,38px)/1.35 var(--serif);margin:4px 0}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--lav);font-weight:700}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:20;width:min(100%,720px);height:72px;padding:8px max(14px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,253,248,.94);backdrop-filter:blur(14px);border:1px solid rgba(120,100,90,.13);border-radius:24px 24px 0 0;box-shadow:0 -10px 30px rgba(70,55,50,.08)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a8284;font-size:11px;gap:1px;border-radius:14px}.bottom-nav a span{font-size:19px}.bottom-nav a.active{color:var(--lav);background:var(--lav-soft)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(119,98,141,.35);outline-offset:3px}.primary,.secondary,.gold,.button{border-radius:999px;border:1px solid transparent;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:650;line-height:1.4}.primary{background:var(--lav);color:#fff;border:0}.secondary{background:transparent;border-color:var(--line)}.gold{background:var(--gold);color:#fff}.full{width:100%}.parchment,.paper-panel,.setup-card,.result-card,.longform,.report{background:rgba(255,253,248,.84);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.onboarding{max-width:620px;margin:5vh auto;padding:clamp(30px,7vw,68px);text-align:center}.onboarding h1{font:500 clamp(28px,6vw,48px)/1.35 var(--serif)}.onboarding>p{color:var(--muted)}.onboarding .primary{margin:24px auto 18px;min-width:180px}.onboarding small{display:block;color:var(--muted)}.moon-seal{margin:auto;width:76px;height:76px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:38px;color:var(--gold)}.onboard-points{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.onboard-points span,.chip{padding:5px 12px;border-radius:99px;background:var(--lav-soft);color:var(--lav)}.today-hero,.journey-intro,.stats-hero{display:flex;justify-content:space-between;align-items:center;margin:20px 0 34px}.today-hero h1{font:500 clamp(32px,6vw,56px)/1.28 var(--serif);margin:4px 0}.orbit{font-size:74px;color:var(--gold);opacity:.7}.today-card{display:grid;grid-template-columns:minmax(180px,290px) 1fr;gap:clamp(28px,6vw,72px);align-items:center;padding:clamp(22px,5vw,48px);background:linear-gradient(125deg,rgba(229,217,233,.7),rgba(255,253,248,.8));border-radius:30px;border:1px solid #d6c7dc}.card-image{width:100%;aspect-ratio:7/12;object-fit:cover;border-radius:10px;box-shadow:0 12px 30px rgba(42,34,32,.2)}.image-wrap.image-error:after{content:'图片暂时无法加载';display:grid;place-items:center;min-height:160px;background:#eee6db;color:var(--muted)}.today-copy h2,.journey-intro h2,.practice-hero h2,.stats-hero h2{font:500 clamp(28px,4vw,42px) var(--serif);margin:5px 0}.latin{font:italic 15px Georgia;color:var(--muted)}.keyword-line{color:var(--lav);letter-spacing:.05em}.progress{height:5px;background:rgba(119,98,141,.14);border-radius:10px;overflow:hidden}.progress i,.lesson-progress i{height:100%;display:block;background:linear-gradient(90deg,var(--lav),var(--gold))}.split-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:24px 0}.paper-panel{padding:24px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card-tile{position:relative;padding:12px 12px 16px;border-radius:18px;transition:.2s;background:rgba(255,253,248,.62);border:1px solid transparent}.card-tile:hover{transform:translateY(-3px);border-color:var(--line);box-shadow:var(--shadow)}.card-tile h3{font:500 19px var(--serif);margin:6px 0 2px}.card-tile p{font-size:12px;color:var(--muted);margin:0}.card-tile>span{font:12px Georgia;color:var(--gold)}.card-tile>i{position:absolute;top:18px;right:18px;background:var(--paper-2);padding:3px 8px;border-radius:99px;font-size:11px}.section-head{margin:50px 0 20px}.suit-grid,.symbol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.suit-card{min-height:190px;border-radius:20px;padding:22px;color:#fff;background:linear-gradient(180deg,rgba(40,33,39,.15),rgba(38,29,33,.72)),var(--suit) center/cover;display:flex;flex-direction:column;justify-content:flex-end}.suit-card h3{font:500 28px var(--serif);margin:2px 0}.suit-card p,.suit-card span{margin:0;font-size:12px}.symbol-entry{margin-top:28px;display:flex;align-items:center;justify-content:space-between}.reading-lead{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:center;margin-bottom:34px}.reading-lead img{border-radius:18px;aspect-ratio:4/3;object-fit:cover}.card-detail{display:grid;grid-template-columns:300px 1fr;gap:60px}.card-detail aside{position:sticky;top:20px;align-self:start}.card-reading section{padding:22px 0;border-bottom:1px solid var(--line)}.card-reading h2{font:500 42px var(--serif);margin:0}.card-reading h3,.longform h3{font:500 21px var(--serif)}.card-reading p,.longform p,.lesson-reader p{white-space:pre-wrap}.note{position:static!important;background:#eee7f0;border-left:3px solid var(--lav);padding:18px;margin:22px 0}.sticky-actions{position:sticky;bottom:16px;background:rgba(247,242,232,.92);backdrop-filter:blur(10px);padding:12px 0}.lesson-layout{display:grid;grid-template-columns:250px minmax(0,720px);gap:60px;justify-content:center}.lesson-aside{position:sticky;top:24px;align-self:start}.lesson-aside .card-image{width:150px;margin:auto}.lesson-aside>p{text-align:center}.lesson-aside ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.lesson-aside li a{display:grid;place-items:center;font-size:10px;border-radius:50%;aspect-ratio:1;border:1px solid var(--line)}.lesson-aside li.active a{background:var(--lav);color:#fff}.lesson-aside li.done a{border-color:var(--gold)}.lesson-progress{height:5px;background:var(--lav-soft);position:relative;margin-bottom:34px}.lesson-progress span{position:absolute;right:0;top:10px;font-size:12px;color:var(--muted)}.lesson-section{margin:30px 0}.lesson-section h3{font:500 23px var(--serif)}blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid var(--gold);background:#f0eadf}.vip-content,.vip-gate{margin:30px 0;border-radius:18px;padding:20px;background:#eee7f0;border:1px solid #d5c5dd}.vip-content summary{font-weight:700;cursor:pointer}.vip-gate{text-align:center}.vip-gate>span{font-size:11px;letter-spacing:.15em;color:var(--gold)}.reflection{display:block;margin:34px 0}.reflection span,.journal-form label span{display:block;font-weight:650;margin-bottom:8px}.reflection textarea,.journal-form textarea,.journal-form input,.filter-row input{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.65);padding:14px;min-height:110px;resize:vertical}.lesson-controls,.result-actions{display:flex;justify-content:space-between;gap:12px}.completion-callout{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--gold);border-radius:18px;margin-top:28px}.completion-callout>span{font-size:34px;color:var(--gold)}.completion-callout h3{margin:0}.practice-hero{text-align:center;margin:12px auto 36px;max-width:620px}.practice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.practice-card{border:1px solid var(--line);background:rgba(255,253,248,.68);border-radius:18px;padding:20px;text-align:left;display:flex;gap:16px}.practice-card>span{width:45px;height:45px;border-radius:50%;background:var(--lav-soft);display:grid;place-items:center;color:var(--lav);font-size:21px}.practice-card h3{margin:0}.practice-card p{margin:2px 0;color:var(--muted)}.practice-card small{color:var(--gold)}.action-panel{text-align:left;border:1px solid var(--line);width:100%}.row-between{display:flex;align-items:center;justify-content:space-between}.text-link,.text-button{color:var(--lav);background:none;border:0}.card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.card-list button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:var(--paper-2);padding:10px;border-radius:14px}.card-list .card-image{width:48px;border-radius:5px}.card-list span{display:flex;flex-direction:column}.card-list small{color:var(--muted)}.setup-card,.result-card{max-width:570px;margin:5vh auto;padding:clamp(25px,6vw,50px)}fieldset{border:0;padding:20px 0;margin:0}.count-options{display:flex;gap:12px}.count-options input{position:absolute;opacity:0}.count-options span{display:block;border:1px solid var(--line);padding:10px 20px;border-radius:99px}.count-options input:checked+span{background:var(--lav);color:#fff}.quiz-shell{max-width:680px;margin:auto}.quiz-top{display:grid;grid-template-columns:38px 1fr 42px;align-items:center;gap:15px}.quiz-card{margin-top:24px}.quiz-context{display:flex;gap:12px;align-items:center}.quiz-context img{width:52px;height:72px;object-fit:cover;border-radius:5px}.quiz-context div{display:flex;flex-direction:column}.quiz-card h1{font:500 clamp(21px,4vw,30px)/1.5 var(--serif);margin:24px 0}.options{display:grid;gap:10px}.options button{min-height:58px;border:1px solid var(--line);background:var(--paper-2);border-radius:14px;padding:12px;display:flex;align-items:center;text-align:left;gap:12px}.options button span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--lav-soft)}.options button.selected{border-color:var(--lav);box-shadow:0 0 0 2px var(--lav-soft)}.options button.correct{border-color:#5c8b69;background:#edf5ee}.options button.wrong{border-color:#b36e66;background:#f9eeee}.quiz-card>.primary{margin-top:20px}.explanation{margin-top:20px;padding:18px;border-radius:14px;background:#edf5ee}.explanation.wrong{background:#f8efea}.quiz-next{margin-top:16px}.result-card{text-align:center}.result-ring{width:130px;height:130px;margin:0 auto 20px;border:8px solid var(--lav-soft);border-top-color:var(--lav);border-radius:50%;display:flex;flex-direction:column;justify-content:center}.result-ring b{font-size:30px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.metric-grid article{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column}.metric-grid b,.big-stat b{font:500 30px var(--serif);color:var(--lav)}.metric-grid span,.big-stat span{font-size:12px;color:var(--muted)}.archive-links,.menu-list{display:grid;border:1px solid var(--line);border-radius:18px;background:rgba(255,253,248,.7);overflow:hidden}.archive-links a,.menu-list a,.menu-list label,.danger-row{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.archive-links a{justify-content:flex-start;gap:18px}.archive-links a>span{font-size:25px;color:var(--lav)}.archive-links h3,.archive-links p{margin:0}.profile-card,.membership-strip{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--paper-2);margin-bottom:18px}.avatar{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--lav-soft);font:26px var(--serif);color:var(--lav)}.profile-card h2,.profile-card p{margin:0}.profile-card button{margin-left:auto}.membership-strip{justify-content:space-between;background:linear-gradient(120deg,#e8dfec,#f8f2e8)}.member-hero{text-align:center;padding:35px}.member-hero>span{font-size:54px;color:var(--gold)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.benefit-grid article{border-top:1px solid var(--gold);padding:18px}.skin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.skin-option{border:1px solid var(--line);padding:16px;background:var(--paper-2);border-radius:18px;text-align:left;display:grid;gap:5px}.skin-option i{height:90px;border-radius:12px;background:linear-gradient(135deg,#f4efe4,#aab6a2)}.skin-lavender i{background:linear-gradient(135deg,#f7f0ed,#9d89ad)}.skin-moon i{background:linear-gradient(135deg,#24213b,#b59a63)}.skin-paper i{background:linear-gradient(135deg,#ead8b6,#80634b)}.skin-option.active{box-shadow:0 0 0 3px var(--lav)}.symbol-card{grid-column:span 2;border-radius:18px;overflow:hidden;background:var(--paper-2);border:1px solid var(--line)}.symbol-card img{width:100%;height:180px;object-fit:cover}.symbol-card div{padding:18px}.article-list,.record-list{display:grid;gap:14px}.article-list a,.record-list article{padding:20px;border-bottom:1px solid var(--line);background:rgba(255,253,248,.55)}.longform,.report{padding:clamp(24px,6vw,55px)}.journal-form{display:grid;gap:16px;margin-bottom:30px}.empty,.error-boundary,.fatal{text-align:center;padding:60px 20px}.empty>span{font-size:50px;color:var(--gold)}.content-block.tip,.content-block.status{padding:12px 16px;background:#f0e9f2;border-radius:12px}.content-block small{color:var(--lav);font-weight:700}.prompt{font-weight:700}.danger-row{color:#9a514b}#toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);background:#393033;color:#fff;padding:10px 18px;border-radius:99px;opacity:0;pointer-events:none;transition:.2s;z-index:50}#toast.show{opacity:1;transform:translate(-50%,0)}[data-skin=lavender]{--paper:#f4eff5;--paper-2:#fcf9fd;--lav:#715482;--lav-soft:#e6d9eb}[data-skin=moon]{--paper:#242237;--paper-2:#302d46;--ink:#eee8df;--muted:#b9b1bd;--line:#504b65;--lav:#c6abd4;--lav-soft:#413b57;--gold:#c8aa6c}[data-skin=paper]{--paper:#eee1c8;--paper-2:#f8edd8;--ink:#47372d;--line:#cdb791;--lav:#775f68;--lav-soft:#dfd0c7}@media(max-width:800px){main{padding:24px 16px 45px}.topbar{padding:0 16px}.topbar-note{display:none}.today-hero{align-items:flex-start}.orbit{font-size:45px}.today-card{grid-template-columns:120px 1fr;gap:20px;padding:20px}.card-grid{grid-template-columns:repeat(3,1fr);gap:10px}.suit-grid{grid-template-columns:repeat(2,1fr)}.card-detail{grid-template-columns:210px 1fr;gap:30px}.lesson-layout{grid-template-columns:1fr}.lesson-aside{position:static;display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center}.lesson-aside .card-image{width:80px}.lesson-aside>p{display:none}.practice-grid{grid-template-columns:1fr}.card-list{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){body{font-size:14px}.site-shell{padding-bottom:84px}.topbar{height:58px}.bottom-nav{height:68px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:26px}.today-hero{margin:8px 0 22px}.today-hero h1{font-size:32px}.today-card{grid-template-columns:105px 1fr;gap:16px;border-radius:22px}.today-copy .button{width:100%;margin-top:8px}.split-grid,.benefit-grid,.skin-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.card-tile{padding:7px}.suit-card{min-height:145px}.symbol-entry{display:block}.symbol-entry .button{margin-top:12px}.reading-lead{grid-template-columns:110px 1fr;gap:18px}.card-detail{display:block}.card-detail>aside{position:static;width:170px;margin:auto}.card-reading h2{font-size:34px}.lesson-aside{grid-template-columns:65px 1fr}.lesson-aside ol{gap:2px}.lesson-reader h1{font-size:27px}.completion-callout{align-items:flex-start;flex-wrap:wrap}.completion-callout .button{width:100%}.card-list{grid-template-columns:1fr}.quiz-card h1{margin:15px 0;font-size:20px}.options button{min-height:50px;padding:9px}.quiz-context img{width:42px;height:58px}.metric-grid{gap:8px}.metric-grid article{padding:14px}.stats-hero{align-items:flex-start}.symbol-grid{display:block}.symbol-card{display:grid;grid-template-columns:120px 1fr;margin-bottom:12px}.symbol-card img{height:100%;min-height:140px}.symbol-card div{padding:14px}.lesson-controls .button,.lesson-controls button{flex:1}.result-actions{flex-direction:column}.onboarding{margin:1vh auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}[data-skin=moon] body{background:radial-gradient(circle at 15% 0,rgba(147,120,180,.2),transparent 30%),var(--paper)}[data-skin=moon] .bottom-nav{background:rgba(48,45,70,.95)}