:root{--paper:#f7f3ec;--paper-strong:#fffaf1;--ink:#24302b;--muted:#5f6b64;--line:#24302b24;--leaf:#536b5a;--moss:#879c72;--clay:#95513c;--blue:#4f6f8f;--white:#fff;--shadow:0 24px 80px #1e2a2329;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Serif SC,Songti SC,SimSun,Georgia,serif;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{z-index:20;color:var(--white);background:linear-gradient(#141f199e,#141f1900);justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,4vw,48px);display:flex;position:fixed;top:0;left:0;right:0}.article-main .site-header{color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f7f3eceb;position:sticky}body:has(.article-main) .site-header{color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f7f3eceb;position:sticky}.brand,.nav-links,.header-actions,.site-footer nav{align-items:center;gap:18px;display:flex}.brand{letter-spacing:0;min-width:0;font-weight:700}.brand-mark{border:2px solid;border-radius:50%;width:12px;height:12px;box-shadow:13px 0 0 -4px}.nav-links,.site-footer,.button,.text-button,.choice-button,.article-card span,.eyebrow,.prompt-label,.copy-status{font-family:Noto Sans SC,Microsoft YaHei,Arial,sans-serif}.nav-links{font-size:.94rem}.header-actions{flex:auto;justify-content:flex-end;min-width:0}.nav-links a{opacity:.88}.nav-links a:hover,.site-footer a:hover{opacity:1;text-underline-offset:5px;text-decoration:underline}.language-switcher{color:inherit;align-items:center;gap:8px;min-width:0;font-family:Noto Sans SC,Microsoft YaHei,Arial,sans-serif;font-size:.84rem;display:flex}.language-switcher select{width:150px;max-width:34vw;min-height:34px;color:inherit;background:#ffffff1a;border:1px solid #ffffff61;border-radius:8px;padding:5px 28px 5px 10px}.language-switcher select option{color:var(--ink);background:#fff}.language-switcher select option:checked{color:#fff;background:var(--ink)}body:has(.article-main) .language-switcher select{border-color:var(--line);background:var(--paper-strong)}.locale-shell[dir=rtl] .site-header,.locale-shell[dir=rtl] .site-footer,.locale-shell[dir=rtl] .hero-actions,.locale-shell[dir=rtl] .result-actions,.locale-shell[dir=rtl] .tool-actions{flex-direction:row-reverse}.locale-shell[dir=rtl] .article-callout{border-right:4px solid var(--clay);border-left:0;border-radius:8px 0 0 8px}.hero{align-items:end;min-height:92vh;display:grid;position:relative;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image{object-fit:cover;object-position:center;max-width:none;transform:scale(1.02)}.hero-overlay{background:linear-gradient(90deg,#131f1ac7,#131f1a5c 46%,#131f1a1f),linear-gradient(#131f1a14 45%,#131f1ab3)}.hero-inner{z-index:1;width:min(var(--max), calc(100% - 36px));color:var(--white);margin:0 auto;padding:132px 0 96px;position:relative}.eyebrow{color:var(--clay);letter-spacing:0;margin:0 0 14px;font-size:.84rem;font-weight:700}.hero .eyebrow{color:#f4c7a6}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;max-width:960px;margin:0;font-size:clamp(2.6rem,6vw,5.1rem);line-height:1.08}.hero h1 span{display:block}.hero-copy{color:#ffffffdb;max-width:620px;margin:24px 0 0;font-size:1.12rem}.hero-actions,.result-actions,.tool-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{margin-top:34px}.button,.choice-button,.text-button{cursor:pointer;border:0}.button,.choice-button{border-radius:8px;min-height:46px;padding:12px 18px;font-weight:700}.button.primary,.choice-button{background:var(--ink);color:var(--white)}.hero .button.primary{background:var(--paper-strong);color:var(--ink)}.button.ghost,.choice-button.subtle{color:var(--white);background:#ffffff1a;border:1px solid #ffffff6b}.button.ghost.dark{border-color:var(--line);background:var(--paper-strong);color:var(--ink)}.practice-section,.read-section,.voices-section,.care-section{width:min(var(--max), calc(100% - 36px));margin:0 auto}.practice-section,.read-section,.voices-section{scroll-margin-top:82px}.practice-section{padding:96px 0 76px}.section-heading{max-width:740px;margin-bottom:30px}.section-heading h2,.care-section h2{letter-spacing:0;margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.2}.practice-layout{grid-template-columns:minmax(260px,.9fr) minmax(320px,1.35fr);align-items:stretch;gap:22px;display:grid}.practice-aside,.practice-panel,.result-panel,.article-card,.care-section{border:1px solid var(--line);background:#fffaf1bd;border-radius:8px;box-shadow:0 16px 50px #31433a14}.practice-aside{padding:28px}.practice-aside>p{margin:0;font-size:1.2rem}.mini-stats{gap:16px;margin:32px 0 0;display:grid}.mini-stats div{border-top:1px solid var(--line);padding-top:15px}.mini-stats dt{color:var(--blue);font-size:1.32rem;font-weight:700}.mini-stats dd{color:var(--muted);margin:2px 0 0;font-family:Noto Sans SC,Microsoft YaHei,Arial,sans-serif;font-size:.95rem}.practice-tool{min-height:508px}.practice-panel,.result-panel{min-height:100%;padding:clamp(24px,4vw,42px)}.progress-row{color:var(--muted);justify-content:space-between;gap:16px;font-family:Noto Sans SC,Microsoft YaHei,Arial,sans-serif;font-size:.92rem;display:flex}.progress-track{background:#536b5a21;border-radius:8px;height:8px;margin:13px 0 36px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--leaf), var(--moss), var(--clay));height:100%;transition:width .22s;display:block}.prompt-label{color:var(--blue);margin:0 0 8px;font-size:.82rem;font-weight:700}.practice-panel h3,.lucky-card h3{margin:0;font-size:clamp(1.9rem,4vw,3.5rem);line-height:1.12}.practice-panel p:not(.prompt-label){color:var(--muted);margin:18px 0 0;font-size:1.08rem}.choice-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:38px;display:grid}.choice-button.subtle{border-color:var(--line);color:var(--ink);background:var(--paper-strong)}.choice-button:hover,.button:hover{transform:translateY(-1px)}.choice-button:focus-visible,.button:focus-visible,.text-button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #4f6f8f57}.choice-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.45}.tool-actions{justify-content:space-between;margin-top:24px}.text-button{color:var(--muted);background:0 0;padding:8px 0}.text-button:hover{color:var(--ink);text-underline-offset:5px;text-decoration:underline}.lucky-card{min-height:334px;color:var(--paper-strong);background:linear-gradient(135deg, #24302bf7, #536b5aeb), var(--ink);box-shadow:var(--shadow);border-radius:8px;padding:clamp(22px,4vw,36px)}.card-date{color:#f0c49f;margin:0 0 14px;font-family:Noto Sans SC,Microsoft YaHei,Arial,sans-serif;font-size:.88rem;font-weight:700}.lucky-card ul{flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none;display:flex}.lucky-card li{color:#fffaf1e0;border:1px solid #fffaf142;border-radius:8px;padding:8px 12px;font-family:Noto Sans SC,Microsoft YaHei,Arial,sans-serif;font-size:.95rem}.card-note{color:#fffaf1c2;margin:28px 0 0}.result-actions{margin-top:22px}.copy-status{min-height:24px;color:var(--blue);margin:12px 0 0}.read-section,.voices-section{padding:36px 0 78px}.article-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.article-card{transition:transform .18s,box-shadow .18s;overflow:hidden}.article-card:hover{transform:translateY(-3px);box-shadow:0 20px 70px #31433a21}.article-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.article-card span,.article-card h3,.article-card p{margin-left:20px;margin-right:20px;display:block}.article-card span{color:var(--blue);margin-top:20px;font-size:.82rem;font-weight:700}.article-card h3{margin-top:7px;margin-bottom:0;font-size:1.26rem;line-height:1.35}.article-card p{color:var(--muted);margin-top:10px;margin-bottom:22px;font-size:.98rem}.voice-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.voice-grid blockquote{min-height:180px;color:var(--paper-strong);background:var(--leaf);border-radius:8px;margin:0;padding:22px}.voice-grid blockquote:nth-child(2){background:var(--blue)}.voice-grid blockquote:nth-child(3){background:var(--clay)}.voice-grid blockquote:nth-child(4){background:#39483f}.care-section{background:#fff7e6;grid-template-columns:.85fr 1.15fr;align-items:start;gap:22px;margin-bottom:72px;padding:30px;display:grid}.care-section p:last-child{color:var(--muted);margin:0}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding:28px clamp(18px,4vw,48px);font-size:.94rem;display:flex}.site-footer p{margin:0}.article-main{overflow-wrap:anywhere;word-break:break-all}.article-hero,.article-body{width:calc(100vw - 36px);max-width:820px;margin:0 auto}.article-hero{padding:74px 0 34px}.article-hero h1{color:var(--ink);word-break:break-all;font-size:clamp(2.1rem,5vw,4.2rem)}.article-hero p{color:var(--muted);margin:20px 0 0;font-size:1.12rem}.article-body{padding-bottom:72px}.article-body h2{margin:42px 0 12px;font-size:1.75rem;line-height:1.3}.article-body p,.article-body li{color:#425048;word-break:break-all;font-size:1.06rem}.article-body ul{padding-left:1.2em}.article-callout{border-left:4px solid var(--clay);background:#fffaf1d1;border-radius:0 8px 8px 0;margin:34px 0;padding:18px 20px}.article-cta{color:var(--paper-strong);background:var(--ink);border-radius:8px;margin-top:42px;padding:26px}.article-cta h2{margin-top:0}.article-cta p{color:#fffaf1d1}@media (max-width:860px){.site-header{position:absolute}body:has(.article-main) .site-header{position:sticky}.nav-links,.language-switcher span{display:none}.hero{min-height:88vh}.hero-inner{padding:112px 0 70px}.practice-layout,.care-section{grid-template-columns:1fr}.practice-tool{min-height:auto}.article-grid,.voice-grid{grid-template-columns:1fr 1fr}.site-footer,.locale-shell[dir=rtl] .site-footer{flex-direction:column}}@media (max-width:560px){.site-header{gap:10px}.brand{flex:0 auto}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.language-switcher select{width:106px;max-width:106px;padding-left:8px;padding-right:18px}h1{font-size:2rem;line-height:1.18}.hero-copy{font-size:1rem}.practice-section,.read-section,.voices-section,.care-section{width:min(100% - 28px, var(--max))}.choice-grid,.article-grid,.voice-grid{grid-template-columns:1fr}.hero-actions,.result-actions{flex-direction:column}.button,.choice-button{text-align:center;width:100%}.practice-panel,.result-panel,.practice-aside{padding:22px}.article-hero h1{font-size:1.92rem}}