:root{--ink:#243c36;--forest:#183f39;--jade:#397567;--paper:#f6f3eb;--white:#fffdf8;--muted:#758078;--line:#dedfd4;--gold:#bd9357;--ochre:#e4bb7d;--clay:#ac624c;--shadow:0 16px 50px #29463c0b;--serif:Georgia,'Times New Roman','Songti SC',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba8d43;outline-offset:4px}button{border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.13}h1{font-size:clamp(38px,5.5vw,64px)}h2{font-size:30px}h3{font-size:19px;line-height:1.35}small,.small{font-size:12px}textarea{width:100%;min-height:160px;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fffefb;color:var(--ink);resize:vertical;line-height:1.75}textarea::placeholder,input::placeholder{color:#9a9f96}input,select{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fffdf8;color:var(--ink);max-width:100%}.zh{display:block;font-family:var(--sans);letter-spacing:0;font-weight:400;font-size:.65em;line-height:1.55;margin-top:7px;color:var(--muted)}.inline-zh{font-size:.8em;color:var(--muted);margin-left:6px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:700;color:var(--jade)}.eyebrow.gold{color:var(--gold)}.muted{color:var(--muted)}.serif{font-family:var(--serif)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:20px}.hidden{display:none!important}.spacer{height:20px}.text-link{background:transparent;color:var(--jade);font-size:13px;display:inline-flex;align-items:center;gap:6px;padding:8px 0;font-weight:600}.text-link svg{width:16px;height:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 23px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.4;background:var(--forest);color:#fffdf5;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #183f3920}.btn.secondary{background:transparent;color:var(--forest);border:1px solid #9aa99b}.btn.light{background:#f5e7cb;color:#493f2c}.btn.gold{background:var(--ochre);color:#3c3325}.btn.ghost{background:#eff0e7;color:var(--forest)}.btn.full{width:100%}.btn.small{font-size:12px;min-height:40px;padding:10px 16px}.icon-btn{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:inherit;border:1px solid var(--line)}.tag{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.04em;border-radius:999px;padding:4px 10px;line-height:1.5}.tag.solid{background:#e9eee5;border:0;color:var(--jade)}.chip{border:1px solid var(--line);padding:10px 16px;border-radius:24px;background:#fffdf8;color:var(--muted);font-size:12px}.chip.active{color:white;background:var(--forest);border-color:var(--forest)}.chip svg{width:15px;height:15px;vertical-align:middle}.reward-pill{display:inline-flex;align-items:center;gap:6px;background:#f3e8d4;color:#8b6736;border-radius:999px;font-size:11px;font-weight:600;padding:6px 11px;white-space:nowrap}.reward-pill svg{width:15px;height:15px}.rule{height:1px;background:var(--line);margin:20px 0}.note{font-size:12px;color:var(--muted);line-height:1.65}.save-state{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.save-state i{width:5px;height:5px;border-radius:50%;background:var(--jade)}.save-state.error{color:#a04a38}.save-state.error i{background:#a04a38}
.topbar{height:76px;position:sticky;top:0;z-index:20;background:#f6f3ebed;backdrop-filter:blur(20px);border-bottom:1px solid #dedfd480}.topbar-inner{max-width:1200px;padding:0 36px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;line-height:1.2}.brand-mark{display:flex;align-items:center;justify-content:center;font-size:35px;font-family:Georgia;color:var(--gold);width:40px}.brand-name{font-family:var(--serif);font-size:18px;letter-spacing:.05em}.brand-sub{font-size:8px;letter-spacing:.2em;display:block;color:var(--muted);margin-top:4px}.header-tools{display:flex;gap:10px;align-items:center}.language-toggle{height:38px;background:transparent;border:1px solid var(--line);padding:6px 12px;border-radius:30px;display:flex;gap:6px;align-items:center;color:var(--ink);font-size:11px}.language-toggle svg{width:15px;height:15px}.museum-shortcut{position:relative}.museum-count{position:absolute;right:-2px;top:-3px;min-width:17px;height:17px;border-radius:20px;background:var(--clay);color:#fff;font-size:9px;line-height:17px;text-align:center;padding:0 3px}.page{max-width:1120px;margin:0 auto;padding:34px 36px 130px;animation:page-in .35s ease both}.page-head{margin:24px 0 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-head .eyebrow{margin-bottom:12px}.page-head p{margin-top:17px;font-size:14px;color:var(--muted);max-width:480px}.back{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center;width:max-content}.back svg{width:14px;height:14px}.bottom-nav{position:fixed;z-index:25;bottom:20px;left:50%;transform:translateX(-50%);width:360px;max-width:calc(100% - 32px);padding:7px 10px;border:1px solid #dfe2d6;background:#fffdf8f2;border-radius:26px;box-shadow:0 10px 35px #1d38271a;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(15px)}.bottom-nav a{display:grid;justify-items:center;gap:3px;font-size:9px;color:#8a938a;min-width:65px;padding:6px 10px;border-radius:17px}.bottom-nav a.active{color:var(--forest);background:#e9eee4}.bottom-nav svg{width:20px;height:20px}.card{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--white);box-shadow:var(--shadow)}.alert{border:1px solid #c9d6c7;border-radius:15px;padding:16px 18px;background:#ecf1e7;display:flex;gap:12px;align-items:flex-start;font-size:13px}.alert svg{width:18px;height:18px;margin-top:2px}.alert.warning{background:#f6ead7;border-color:#e5cba6}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-label h2{font-size:24px}.error-message{color:#ad543d;background:#fbebe5;border-radius:12px;padding:12px 16px;font-size:12px;margin-top:12px}
/* The cover keeps the supplied composition intact. */
.home{height:100svh;min-height:680px;background:#181f1b;position:relative;overflow:hidden;color:#fff}.home-art{position:absolute;inset:0;background-image:url('assets/cover.webp');background-size:cover;background-position:center}.home-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10231f21 0%,transparent 35%,#13272018 55%,#10271f 100%)}.home .topbar{background:linear-gradient(#0e1a1869,transparent);position:absolute;top:0;left:0;right:0;border:0}.home .brand-mark{color:#f3d8a8}.home .brand-sub{color:#f6e4c3b2}.home .icon-btn,.home .language-toggle{color:#ffefd7;border-color:#ffefd73b;background:#172b2726;backdrop-filter:blur(12px)}.home-lower{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:760px;max-width:calc(100% - 40px);text-align:center}.home .eyebrow{color:#e3c491}.home-buttons{display:flex;justify-content:center;gap:14px;margin-top:17px}.home-pill{width:320px;padding:20px 24px;border-radius:999px;display:flex;text-align:left;align-items:center;gap:14px;background:#f1d4a1;color:#3e3527;min-height:76px;border:1px solid #f5ddbb8c;box-shadow:0 8px 25px #101f1933;transition:transform .25s,background .25s}.home-pill:hover{transform:translateY(-4px);background:#ffedcc}.home-pill.secondary{background:#183f39d1;backdrop-filter:blur(20px);border-color:#b3c6ad70;color:#fff0d1}.home-pill svg{width:28px;height:28px}.home-pill .pill-copy{flex:1}.home-pill strong{font-size:17px;letter-spacing:.01em;display:block;font-weight:600}.home-pill small{font-size:10px;display:block;opacity:.7;margin-top:3px}.home-pill .arrow{width:18px;height:18px}.cover-foot{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;color:#d4d9bd9c;font-size:10px}.cover-foot button{background:none;color:inherit;font-size:10px;padding:4px;display:flex;gap:5px;align-items:center}.cover-foot svg{width:12px;height:12px}.cover-foot .save-state{color:#d4d9bd9c}.cover-foot i{background:#b7c8a6}.guardian-stage{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:600px;height:280px;pointer-events:none}.guardian{position:absolute;bottom:0;width:190px;height:260px;filter:drop-shadow(0 12px 8px #1f1a2039);opacity:0}.guardian-crop{height:100%;width:100%;overflow:hidden}.guardian-crop img{max-width:none;width:200%;height:100%;object-fit:fill}.guardian.east img{transform:translateX(-50%)}.guardian.west{left:82px;animation:west-meet 4.8s .2s cubic-bezier(.3,.5,.2,1) forwards}.guardian.east{right:82px;animation:east-meet 4.8s .2s cubic-bezier(.3,.5,.2,1) forwards}.taiji-glow{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:82px;height:82px;display:grid;place-items:center;border-radius:50%;color:#ffe5a3;background:#a67a3026;border:1px solid #e9bd6885;font-family:var(--serif);font-size:62px;line-height:1;opacity:0;box-shadow:0 0 50px #ffe0a36b;animation:taiji-bloom 4.8s .2s forwards}.taiji-glow:after{content:'';position:absolute;inset:-12px;border:1px solid #f0d1944f;border-radius:50%}.light-orbit{position:absolute;left:50%;top:52%;width:240px;height:140px;border-radius:50%;border:1px solid #efd8a5;opacity:0;transform:translate(-50%,-50%) rotate(-25deg);animation:orbit 4.8s .2s forwards}.skip-intro{position:absolute;top:90px;right:34px;border:1px solid #f0d9ab3b;background:#183b3277;color:#ffebcd;border-radius:30px;padding:7px 13px;backdrop-filter:blur(12px);font-size:10px}.home.intro-done .guardian.west{animation:none;opacity:1;transform:translateX(-54px) scale(.88)}.home.intro-done .guardian.east{animation:none;opacity:1;transform:translateX(54px) scale(.88)}.home.intro-done .taiji-glow{animation:none;opacity:1}.home.intro-done .light-orbit{animation:none;opacity:.4}.home.intro-done .skip-intro{display:none}
/* Library */
.demo-callout{background:var(--forest);border:1px solid #31584c;border-radius:22px;padding:22px 26px;color:#edf0db;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;position:relative;overflow:hidden}.demo-callout:after{content:'';position:absolute;right:180px;font-family:var(--serif);font-size:120px;opacity:.05;top:-36px;pointer-events:none}.demo-copy{display:flex;align-items:center;gap:17px}.demo-play{display:grid;place-items:center;width:45px;height:45px;border:1px solid #b7975e;border-radius:50%;color:#e7bf7a;flex-shrink:0}.demo-copy h3{font-family:var(--serif);font-weight:400;font-size:22px}.demo-copy p{color:#c3cfbf;font-size:11px;margin-top:4px}.demo-callout .btn{font-size:12px;white-space:nowrap}.library-tools{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:23px}.filter-row{display:flex;gap:8px}.search-box{position:relative;max-width:260px}.search-box input{padding:10px 16px 10px 39px;font-size:12px;width:100%;border-radius:30px;background:transparent}.search-box svg{position:absolute;left:13px;top:12px;width:16px;height:16px;color:var(--muted)}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.site-card{border-radius:19px;overflow:hidden;border:1px solid var(--line);background:var(--white);display:block;width:100%;text-align:left;transition:transform .22s,box-shadow .22s;position:relative;color:var(--ink);padding:0}.site-card:hover{transform:translateY(-5px);box-shadow:0 14px 25px #1b3e3010}.site-image{height:190px;position:relative;overflow:hidden;background:#e1dfd1}.site-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.site-card:hover .site-image img{transform:scale(1.045)}.site-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#1c322847)}.site-index{position:absolute;top:12px;left:13px;padding:3px 8px;font-size:9px;letter-spacing:.15em;border:1px solid #ffffff60;color:#fff;background:#162a2c24;backdrop-filter:blur(10px);border-radius:20px;z-index:1}.site-region{position:absolute;bottom:13px;left:16px;color:#fff;font-size:9px;letter-spacing:.1em;z-index:1}.site-body{padding:20px}.site-body h3{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.02em}.site-body h3 .zh{font-size:12px;margin-top:3px}.site-body p{font-size:11px;color:var(--muted);margin-top:10px;min-height:34px;line-height:1.6}.site-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.site-card-bottom svg{width:17px;height:17px;color:var(--jade)}.site-card-bottom .tag{font-size:9px;padding:3px 7px;max-width:88%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-add{margin-top:24px;border:1px dashed #b8bdab;border-radius:18px;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;width:100%;text-align:left;color:var(--ink)}.library-add strong{display:block;font-size:13px}.library-add span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.empty{text-align:center;padding:45px;color:var(--muted);grid-column:1/-1}.detail-hero{height:330px;border-radius:24px;overflow:hidden;position:relative;margin:24px 0}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#17312cc2)}.detail-title{position:absolute;bottom:28px;left:30px;z-index:1;color:#fffdf8}.detail-title h1{font-size:52px}.detail-title .zh{color:#f1e4c6;font-size:16px}.detail-title .eyebrow{color:#ddc49b;margin-bottom:8px}.detail-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}.question{font-family:var(--serif);font-size:30px;line-height:1.25;margin:16px 0}.body-copy{font-size:14px;line-height:1.9;color:#68776c}.evidence-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}.evidence-list li{display:flex;gap:12px;font-size:12px;line-height:1.7}.evidence-list li:before{content:'↗';color:var(--gold);font-size:17px}.detail-action{margin-top:24px}.evidence-source{font-size:10px;color:var(--muted);margin-top:20px}.saved-badge{color:var(--jade);font-size:10px;display:flex;align-items:center;gap:5px}.saved-badge svg{width:13px;height:13px}
/* Quest */
.quest-head{margin-bottom:20px}.quest-site{display:flex;align-items:center;gap:12px;margin:23px 0}.quest-site img{width:54px;height:54px;object-fit:cover;border-radius:12px}.quest-site h2{font-size:25px}.quest-site .eyebrow{font-size:8px;margin-bottom:3px}.quest-layout{display:grid;grid-template-columns:245px 1fr;gap:28px;align-items:start}.journey{border:1px solid var(--line);background:#e9eddf;padding:26px 19px;border-radius:22px;position:sticky;top:100px;overflow:hidden}.journey:before{content:'';position:absolute;inset:-80px;border-radius:50%;border:1px solid #bac5b42e;box-shadow:0 0 0 40px #bac5b416,0 0 0 80px #bac5b416,0 0 0 120px #bac5b416;transform:rotate(25deg);pointer-events:none}.journey-title{font-size:9px;letter-spacing:.17em;color:var(--jade);margin-bottom:20px}.journey-steps{position:relative;display:grid;gap:4px}.journey-steps:before{content:'';position:absolute;left:22px;top:24px;bottom:24px;border-left:1px dashed #acb69e}.journey-step{display:flex;align-items:center;gap:13px;background:transparent;text-align:left;padding:10px 0;color:#86927e;position:relative}.step-orb{width:45px;height:45px;border:1px solid #c7cdb9;background:#e8ecde;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:24px;flex-shrink:0;box-shadow:0 0 0 4px #e9eddf}.journey-step.current{color:var(--forest)}.journey-step.current .step-orb{background:var(--forest);border-color:var(--forest);color:#e6c38b;box-shadow:0 0 0 4px #e9eddf,0 0 0 5px #a6b695}.journey-step.done .step-orb{background:#d7e3ce;color:var(--jade)}.journey-step .step-copy{font-size:11px}.journey-step .step-copy .zh{font-size:10px}.journey-step.done{color:var(--jade)}.journey .note{font-size:9px;margin-top:20px;position:relative}.task-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow)}.task-head{display:flex;align-items:center;gap:17px;margin-bottom:28px}.task-letter{width:56px;height:56px;display:grid;place-items:center;border:1px solid #d7c6a7;background:#f3eada;border-radius:15px;color:#956e39;font-family:var(--serif);font-size:37px}.task-head .eyebrow{font-size:8px;margin-bottom:5px}.task-head h1{font-size:37px}.task-head .zh{font-size:12px;margin-top:4px}.task-question{font-size:22px;line-height:1.4;font-family:var(--serif)}.task-hint{font-size:12px;color:var(--muted);margin-top:12px;margin-bottom:23px}.task-hint .zh{font-size:12px}.context-fold{margin:18px 0;border:1px solid var(--line);border-radius:13px;font-size:12px;padding:13px 16px;background:#f6f5ee}.context-fold summary{cursor:pointer;font-size:11px;color:var(--jade);display:list-item}.context-fold p{margin-top:12px;color:var(--muted);line-height:1.8}.task-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;border-top:1px solid var(--line);padding-top:22px}.task-controls .btn{font-size:12px;min-height:46px}.task-controls .save-state{font-size:9px}.field-meta{font-size:10px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);margin:6px 2px 0}.clue-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:#f7f6ef;margin-bottom:9px;font-size:12px;line-height:1.65}.clue-option:has(input:checked){border-color:var(--jade);background:#edf2e8}.clue-option input{margin:5px 0 0;accent-color:var(--jade);flex-shrink:0}.tool-choices{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tool-choices label{cursor:pointer;font-size:11px;padding:10px 15px;border:1px solid var(--line);border-radius:30px;display:flex;gap:7px;align-items:center;background:#f7f6ef}.tool-choices label:has(input:checked){border-color:var(--jade);background:#e5eddf;color:var(--forest)}.tool-choices input{accent-color:var(--jade);margin:0}.scenario{padding:20px;border:1px solid #e2d0b1;border-radius:15px;background:#f5eddd;margin-bottom:18px;font-family:var(--serif);font-size:19px;line-height:1.6}.scenario .eyebrow{font-family:var(--sans);font-size:8px;margin-bottom:12px}.scenario .zh{font-size:12px}.decision-options{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.decision-options .chip{flex:1;min-width:85px}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#e9d6ae;color:#6d542b;border:1px solid #dec396;padding:12px 20px;border-radius:14px;font-size:11px;margin-bottom:18px}.demo-banner button{background:none;color:inherit;text-decoration:underline;font-size:11px}.report-block{padding:18px 0;border-bottom:1px solid var(--line)}.report-block h3{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}.report-block p{white-space:pre-wrap;font-size:13px;line-height:1.9}.completion-hero{text-align:center;margin:38px auto 30px;max-width:600px}.completion-medal{width:82px;height:82px;border:1px solid #c1a16d;background:#eee1c8;border-radius:50%;display:grid;place-items:center;margin:0 auto 23px;box-shadow:0 0 0 8px #eee1c850}.completion-medal svg{width:36px;height:36px;color:#9a743a}.completion-hero h1{font-size:45px}.completion-hero p{font-size:13px;color:var(--muted);margin-top:16px}.completion-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}.result-layout{max-width:760px;margin:0 auto}.reward-note{display:flex;gap:13px;align-items:center;justify-content:center;background:#eee5d2;border:1px solid #dfcea8;padding:16px;border-radius:17px;color:#8b6937;font-size:13px;margin:24px auto;max-width:500px}
/* Language */
.language-hero{position:relative;overflow:hidden;padding:37px;border-radius:25px;background:var(--forest);color:#fff3dc;min-height:250px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:25px}.language-hero:after{content:'CEE';position:absolute;right:-7px;top:-43px;font-family:var(--serif);font-size:230px;letter-spacing:-.12em;color:#d9e3c708;pointer-events:none}.language-hero .eyebrow{color:#dab986}.language-hero h2{font-size:44px;margin:13px 0}.language-hero .zh{color:#c6d4c5;font-size:16px}.language-hero p{font-size:12px;color:#b9cab9;max-width:430px;margin-top:16px}.language-hero .btn{position:relative;z-index:1;white-space:nowrap}.language-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.practice-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--white);display:flex;align-items:flex-start;gap:18px;width:100%;color:var(--ink);text-align:left;transition:transform .2s}.practice-card:hover{transform:translateY(-3px)}.practice-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#efe8d7;color:#a17a45;flex-shrink:0}.practice-card h2{font-size:27px}.practice-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0}.practice-card .reward-pill{font-size:10px}.practice-copy{flex:1}.practice-card>.arrow{width:18px;height:18px;margin-top:15px}.learning-trail{margin:38px 0 20px;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:center;gap:20px;align-items:center;font-family:var(--serif);font-size:18px;color:var(--muted)}.learning-trail svg{width:15px}.exercise-shell{max-width:700px;margin:0 auto}.exercise-progress{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin:25px 0 10px}.progress-track{height:3px;background:#e1e4d6;border-radius:10px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--jade);transition:width .3s}.exercise-card{padding:35px;border:1px solid var(--line);border-radius:24px;background:var(--white);margin-top:24px}.word-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:30px}.word-header h1{font-size:42px}.word-header .zh{font-size:15px}.word-header .eyebrow{margin-bottom:14px}.exercise-sentence{font-family:var(--serif);font-size:27px;line-height:1.6;margin:25px 0}.source-sentence{padding:15px 18px;background:#f1eee3;border-radius:12px;margin-top:18px;font-family:var(--serif);font-size:20px}.answer-options{display:grid;gap:11px;margin-top:25px}.answer-option{text-align:left;display:flex;gap:13px;align-items:flex-start;padding:15px 18px;min-height:54px;border:1px solid var(--line);background:#fdfcf7;border-radius:13px;color:var(--ink);font-size:13px;line-height:1.6}.answer-option .option-letter{font-family:var(--serif);color:#9ba28e;flex-shrink:0}.answer-option.correct{background:#e9f1e4;border-color:#7eac85}.answer-option.wrong{background:#f9eae3;border-color:#d19c89}.answer-option.correct .option-letter{color:var(--jade)}.exercise-feedback{padding:16px 18px;background:#eaf0e3;border-radius:14px;font-size:12px;line-height:1.8;margin-top:20px;display:flex;gap:10px;align-items:flex-start}.exercise-feedback.incorrect{background:#f5e8dd}.exercise-feedback svg{width:17px;height:17px;margin-top:3px}.exercise-next{display:flex;justify-content:flex-end;margin-top:24px}.cee-layout{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start}.cee-guide{background:#e8ecdf;border:1px solid #d4ddcc;border-radius:20px;padding:25px;position:sticky;top:100px}.cee-guide h2{font-size:27px;margin:12px 0}.cee-guide p{font-size:12px;line-height:1.8;color:#6f7f70}.cee-guide img{width:100%;height:135px;object-fit:cover;border-radius:13px;margin:20px 0}.cee-form{display:grid;gap:18px}.cee-section{padding:25px;border:1px solid var(--line);background:var(--white);border-radius:20px}.cee-label{display:flex;gap:12px;align-items:center;margin-bottom:15px}.cee-letter{border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-family:var(--serif);font-size:21px;background:#e1e9db;color:var(--forest)}.cee-section:nth-child(2) .cee-letter{background:#f3e8cf;color:#9c783b}.cee-section:nth-child(3) .cee-letter{background:#f0e3d9;color:#a46f55}.cee-label h3{font-size:14px}.cee-section .note{font-size:11px;margin-bottom:13px}.cee-section textarea{min-height:120px;font-size:13px}.cee-section select{width:100%;font-size:11px;padding:11px;margin-bottom:14px}.self-check{display:flex;align-items:flex-start;gap:12px;font-size:12px;cursor:pointer;line-height:1.8}.self-check input{margin-top:6px;accent-color:var(--jade)}
/* Museum */
.museum-page{max-width:1120px}.museum-wallet{padding:22px 27px;border-radius:20px;background:var(--forest);color:#efe8d7;display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:30px}.wallet-amount{display:flex;align-items:center;gap:14px}.wallet-amount svg{width:28px;height:28px;color:#ddba7c}.wallet-amount strong{font-size:34px;font-family:var(--serif);font-weight:400;line-height:1}.wallet-amount span{font-size:10px;display:block;color:#c1cbb8;margin-top:5px}.museum-wallet .text-link{color:#d9bc87;font-size:11px}.museum-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.artifact-card{border:1px solid var(--line);border-radius:24px;background:var(--white);padding:20px;overflow:hidden}.artifact-view{height:290px;border-radius:16px;background:radial-gradient(ellipse at 50% 25%,#485247,#182b25);position:relative;overflow:hidden;display:grid;place-items:center}.artifact-ghost{position:absolute;inset:30px;opacity:.13;filter:grayscale(1);width:calc(100% - 60px);height:calc(100% - 60px);object-fit:cover;border-radius:8px}.artifact-assembled{width:100%;height:100%;object-fit:contain;background:#202821;animation:reveal-artifact 1.4s both}.artifact-watermark{position:absolute;bottom:12px;left:14px;color:#ffffff68;font-size:8px;letter-spacing:.18em}.artifact-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px;width:70%;height:72%;transform:rotate(-4deg);z-index:1}.artifact-piece{background-size:300% 200%;background-repeat:no-repeat;border-radius:5px;box-shadow:0 2px 5px #0003;border:1px solid #c9ba9440;opacity:.12;filter:grayscale(1);transition:all .8s}.artifact-piece.collected{opacity:1;filter:none}.artifact-piece:first-child{transform:translate(-6px,-8px) rotate(-5deg)}.artifact-piece:nth-child(2){transform:translate(0,-4px) rotate(3deg)}.artifact-piece:nth-child(3){transform:translate(7px,-5px) rotate(5deg)}.artifact-piece:nth-child(4){transform:translate(-5px,6px) rotate(4deg)}.artifact-piece:nth-child(5){transform:translate(2px,8px) rotate(-3deg)}.artifact-piece:nth-child(6){transform:translate(7px,5px) rotate(5deg)}.artifact-card.assembling .artifact-piece{opacity:1;filter:none;transform:none;transition-delay:calc(var(--i) * .12s)}.artifact-card.assembling .artifact-grid{gap:0;transform:rotate(0);transition:all 1s}.artifact-info{padding:24px 5px 5px}.artifact-info .eyebrow{font-size:8px}.artifact-info h2{font-size:30px;margin:9px 0 7px}.artifact-info .zh{font-size:14px}.artifact-info p{font-size:12px;line-height:1.85;color:var(--muted);margin:15px 0}.artifact-progress{font-size:10px;display:flex;justify-content:space-between;color:var(--muted);margin:20px 0 8px}.artifact-info .btn{margin-top:20px;font-size:12px}.collection-badge{position:absolute;right:14px;top:14px;color:#efcf97;background:#18352bd6;border:1px solid #b59d7352;border-radius:30px;padding:5px 10px;font-size:9px;display:flex;gap:5px;align-items:center}.collection-badge svg{width:13px;height:13px}.museum-info{margin-top:30px;border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.museum-info .note{max-width:620px;font-size:11px}.reward-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.reward-level{border:1px solid var(--line);padding:16px;border-radius:14px;background:#faf8f0;text-align:center}.reward-level strong{font-family:var(--serif);font-size:30px;display:block;color:var(--gold);font-weight:400}.reward-level span{font-size:9px;color:var(--muted)}
/* Dialog and feedback */
dialog{border:1px solid var(--line);border-radius:25px;padding:30px;width:440px;max-width:calc(100% - 32px);color:var(--ink);background:var(--white);box-shadow:0 20px 100px #122c2b33;max-height:calc(100svh - 50px);overflow:auto}dialog::backdrop{background:#132d29a6;backdrop-filter:blur(7px)}dialog h2{font-size:30px;margin:15px 0}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-top .icon-btn{width:30px;height:30px}.modal-top .icon-btn svg{width:15px;height:15px}.modal-image{height:160px;width:100%;object-fit:cover;border-radius:14px;margin:20px 0}.modal-body{font-size:13px;line-height:1.85;color:var(--muted)}.modal-actions{display:grid;gap:10px;margin-top:24px}.modal-actions .btn{font-size:12px}.modal-field{display:grid;gap:6px;margin-top:16px;font-size:12px}.modal-field textarea{min-height:100px}.modal-field input{width:100%}.settings-actions{display:grid;gap:12px;margin-top:20px}.settings-actions button{text-align:left;padding:15px;border:1px solid var(--line);background:#f5f2e8;border-radius:13px;font-size:12px;color:var(--ink);display:flex;gap:12px;align-items:center}.settings-actions button.danger{color:#a3503b}.settings-actions button svg{width:18px}.language-options{display:grid;gap:10px;margin-top:20px}.language-option{padding:18px;border-radius:14px;border:1px solid var(--line);background:#f7f5ed;text-align:left;color:var(--ink);display:flex;justify-content:space-between;align-items:center}.language-option.selected{border-color:var(--jade);background:#ebf0e5}.language-option strong{display:block;font-size:14px}.language-option span{font-size:11px;color:var(--muted)}#toast{position:fixed;z-index:80;left:50%;bottom:110px;transform:translate(-50%,15px);color:#faf4df;background:#173c34;box-shadow:0 5px 30px #12352833;padding:13px 22px;border:1px solid #688777;border-radius:20px;font-size:12px;text-align:center;max-width:calc(100% - 32px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.modal-puzzle{height:210px;position:relative;display:grid;place-items:center;background:#1b2f28;border-radius:14px;overflow:hidden;margin-top:20px}.modal-puzzle .artifact-grid{height:80%;width:70%;animation:assemble-demo 2s forwards}.modal-puzzle .artifact-piece{opacity:1;filter:none;animation:piece-demo 1.7s forwards}.modal-puzzle .artifact-piece:nth-child(2){animation-delay:.1s}.modal-puzzle .artifact-piece:nth-child(3){animation-delay:.2s}.modal-puzzle .artifact-piece:nth-child(4){animation-delay:.3s}.modal-puzzle .artifact-piece:nth-child(5){animation-delay:.4s}.modal-puzzle .artifact-piece:nth-child(6){animation-delay:.5s}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes west-meet{0%{opacity:0;transform:translate(-330px,-160px) scale(.5)}12%{opacity:1}55%{opacity:1;transform:translate(10px,0) scale(1)}65%{opacity:1;transform:translate(13px,-4px) rotate(2deg)}80%,100%{opacity:1;transform:translate(-54px,0) scale(.88)}}@keyframes east-meet{0%{opacity:0;transform:translate(330px,130px) scale(.5)}12%{opacity:1}55%{opacity:1;transform:translate(-10px,0) scale(1)}65%{opacity:1;transform:translate(-13px,-4px) rotate(-2deg)}80%,100%{opacity:1;transform:translate(54px,0) scale(.88)}}@keyframes taiji-bloom{0%,64%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-100deg)}82%,100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes orbit{0%,60%{opacity:0;transform:translate(-50%,-50%) rotate(-160deg) scale(.3)}80%,100%{opacity:.5;transform:translate(-50%,-50%) rotate(-25deg) scale(1)}}@keyframes reveal-artifact{from{opacity:0;transform:scale(.93);filter:blur(7px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes assemble-demo{to{gap:0;transform:rotate(0)}}@keyframes piece-demo{to{transform:none}}
@media(min-width:1600px){.home-art{background-size:100% auto;background-repeat:no-repeat;background-position:center top}.guardian-stage{top:57%}.home-lower{bottom:60px}}
@media(max-width:900px){.site-grid{grid-template-columns:repeat(2,1fr)}.quest-layout{grid-template-columns:190px 1fr;gap:20px}.journey{padding:23px 14px}.journey-step{gap:9px}.journey-step .step-copy{font-size:10px}.task-card{padding:25px}.cee-layout{grid-template-columns:220px 1fr;gap:20px}.page{padding-left:24px;padding-right:24px}.language-hero{padding:28px}.language-hero h2{font-size:37px}.language-hero .btn{padding:13px 17px}.practice-card{padding:23px}.practice-card h2{font-size:24px}.museum-grid{gap:20px}.artifact-view{height:260px}}
@media(max-width:600px){body{font-size:14px}.topbar{height:66px}.topbar-inner{padding:0 20px}.brand-name{font-size:15px}.brand-mark{font-size:29px;width:30px}.brand-sub{font-size:6px}.header-tools{gap:8px}.header-tools .icon-btn{width:35px;height:35px}.header-tools .icon-btn svg{width:17px;height:17px}.language-toggle{height:34px;font-size:10px;padding:5px 10px}.page{padding:20px 20px 120px}.page-head{margin:22px 0 26px;display:block}.page-head h1{font-size:40px}.page-head p{font-size:12px;line-height:1.8;margin-top:13px}.page-head>.reward-pill{margin-top:15px}.page-head .eyebrow{font-size:8px}.back{font-size:10px}.bottom-nav{bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:5px 8px}.bottom-nav a{font-size:8px;padding:6px;min-width:62px}.bottom-nav svg{width:19px;height:19px}.card{padding:23px;border-radius:20px}.btn{font-size:12px;min-height:48px;padding:13px 20px}.home{height:100svh;min-height:700px}.home-art{inset:62px 0 auto;height:57%;background-size:cover;background-position:51% 20%}.home-art:after{background:linear-gradient(180deg,#152c1e0a 30%,#173d2c00 45%,#182f25 100%);bottom:-3px}.home:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#4b5632,#183c31 65%,#132c24)}.home .topbar{background:#142f27b8;backdrop-filter:blur(15px)}.home-lower{bottom:calc(36px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 40px)}.home-lower .eyebrow{font-size:8px;letter-spacing:.22em}.home-buttons{display:grid;gap:12px;margin-top:18px}.home-pill{width:100%;min-height:70px;padding:17px 23px;gap:16px}.home-pill strong{font-size:16px}.home-pill small{font-size:10px}.home-pill svg{width:25px;height:25px}.cover-foot{font-size:8px;gap:14px;margin-top:20px}.cover-foot button,.cover-foot .save-state{font-size:8px}.cover-foot .save-state{max-width:165px;text-align:left;line-height:1.5}.guardian-stage{width:360px;height:210px;top:53%}.guardian{width:135px;height:190px;bottom:4px}.guardian.west{left:45px}.guardian.east{right:45px}.taiji-glow{width:56px;height:56px;font-size:43px;top:50%}.taiji-glow:after{inset:-9px}.light-orbit{width:190px;height:100px}.skip-intro{top:80px;right:17px;font-size:8px;padding:5px 10px}.demo-callout{padding:19px;border-radius:19px;gap:12px;align-items:flex-start}.demo-copy{gap:12px}.demo-play{width:35px;height:35px}.demo-play svg{width:15px;height:15px}.demo-copy h3{font-size:21px}.demo-copy p{font-size:9px;line-height:1.7}.demo-callout>.btn{min-height:36px;font-size:10px;padding:9px 13px;margin-top:4px}.demo-callout>.btn svg{display:none}.library-tools{display:grid;gap:14px;margin-bottom:20px}.filter-row{gap:7px}.chip{font-size:10px;padding:8px 13px}.search-box{max-width:none}.search-box input{padding-top:9px;padding-bottom:9px}.site-grid{gap:12px}.site-image{height:130px}.site-card{border-radius:17px}.site-index{font-size:7px;left:9px;top:9px;padding:3px 6px}.site-region{left:11px;bottom:10px;font-size:7px}.site-body{padding:14px 12px}.site-body h3{font-size:22px;line-height:1.1}.site-body h3 .zh{font-size:11px;margin-top:5px}.site-body p{font-size:10px;min-height:64px;line-height:1.6;margin-top:10px}.site-card-bottom{margin-top:12px;gap:4px}.site-card-bottom .tag{font-size:7px;padding:4px 6px}.site-card-bottom svg{width:13px;height:13px}.site-body .saved-badge{font-size:8px;margin-top:8px}.library-add{padding:17px 18px}.library-add strong{font-size:12px}.library-add span{font-size:9px}.detail-hero{height:260px;margin:20px 0;border-radius:20px}.detail-title{bottom:23px;left:23px;right:15px}.detail-title h1{font-size:43px}.detail-title .zh{font-size:14px}.detail-columns{display:grid;grid-template-columns:1fr;gap:23px}.question{font-size:29px}.body-copy{font-size:12px}.detail-columns .card{padding:22px}.detail-action{margin-top:20px}.detail-action .btn{width:100%}.evidence-list li{font-size:11px}.quest-site{margin:20px 0}.quest-site h2{font-size:25px}.quest-site img{height:49px;width:49px}.quest-layout{display:block}.journey{position:relative;top:auto;border-radius:18px;padding:15px 12px;margin-bottom:20px;overflow:hidden}.journey-title{display:none}.journey-steps{display:flex;gap:0;justify-content:space-between}.journey-steps:before{left:20px;right:20px;top:18px;bottom:auto;border:0;border-top:1px dashed #a9b49b}.journey-step{display:grid;justify-items:center;gap:8px;padding:0;min-width:40px}.step-orb{width:35px;height:35px;font-size:21px;box-shadow:0 0 0 4px #e9eddf}.journey-step .step-copy{font-size:7px;line-height:1.3;text-align:center}.journey-step .step-copy .zh{font-size:7px;margin-top:3px}.journey .note{display:none}.task-card{padding:24px 20px;border-radius:20px}.task-head{gap:13px;margin-bottom:23px}.task-letter{width:48px;height:48px;border-radius:12px;font-size:32px}.task-head h1{font-size:33px}.task-head .zh{font-size:11px}.task-head .eyebrow{font-size:7px}.task-question{font-size:24px}.task-question .zh{font-size:12px}.task-hint{font-size:11px;line-height:1.8;margin-top:13px;margin-bottom:18px}.task-hint .zh{font-size:11px}.task-card textarea{min-height:185px;padding:15px;font-size:13px}.context-fold{font-size:11px;padding:12px 14px}.context-fold summary{font-size:10px}.task-controls{gap:8px;flex-wrap:wrap;margin-top:21px;padding-top:20px}.task-controls .save-state{font-size:8px}.task-controls .btn{font-size:11px;padding:12px 16px}.field-meta{font-size:9px}.clue-option{padding:12px;font-size:11px}.tool-choices{gap:6px}.tool-choices label{font-size:10px;padding:8px 12px}.scenario{font-size:18px;padding:18px}.scenario .zh{font-size:11px}.demo-banner{padding:11px 13px;font-size:10px;line-height:1.6}.demo-banner button{font-size:9px;white-space:nowrap}.language-hero{padding:26px;display:block;min-height:290px;border-radius:22px}.language-hero h2{font-size:38px;margin-top:13px}.language-hero .zh{font-size:15px}.language-hero .eyebrow{font-size:8px}.language-hero p{font-size:11px;margin:16px 0 23px;max-width:260px}.language-hero .btn{font-size:11px;padding:12px 18px;min-height:43px}.language-hero .reward-pill{position:absolute;right:20px;bottom:29px;background:#ffffff0a;color:#e7c992;font-size:9px}.language-subgrid{gap:12px}.practice-card{display:block;padding:21px 16px;border-radius:19px;position:relative}.practice-icon{width:38px;height:38px;border-radius:11px;margin-bottom:22px}.practice-icon svg{width:21px;height:21px}.practice-card h2{font-size:26px;line-height:1.05}.practice-card h2 .zh{font-size:11px;margin-top:7px}.practice-card p{font-size:10px;margin:13px 0 17px;min-height:48px;line-height:1.7}.practice-card .reward-pill{font-size:8px;padding:5px 8px}.practice-card>.arrow{position:absolute;right:18px;top:17px;width:16px}.learning-trail{gap:9px;font-size:13px;margin-top:26px;flex-wrap:wrap}.learning-trail svg{width:10px}.exercise-progress{margin-top:24px;font-size:9px}.exercise-card{padding:26px 22px;border-radius:21px}.word-header h1{font-size:36px;overflow-wrap:anywhere}.word-header .zh{font-size:14px}.word-header .eyebrow{font-size:8px}.word-header .tag{font-size:8px}.exercise-sentence{font-size:26px;margin:25px 0}.answer-option{font-size:12px;padding:14px}.source-sentence{font-size:18px;padding:14px 16px}.exercise-feedback{font-size:11px;padding:15px}.exercise-next .btn{font-size:12px}.cee-layout{display:block}.cee-guide{position:relative;top:auto;padding:21px;margin-bottom:20px}.cee-guide img{float:right;width:90px;height:80px;margin:0 0 8px 15px}.cee-guide h2{font-size:25px;margin:8px 0}.cee-guide p{font-size:11px}.cee-guide .text-link{font-size:10px}.cee-section{padding:22px 20px}.cee-section textarea{font-size:12px}.cee-section .note{font-size:10px}.cee-section select{font-size:10px}.cee-label h3{font-size:13px}.completion-hero{margin:30px auto}.completion-hero h1{font-size:39px}.completion-hero p{font-size:12px}.completion-medal{width:70px;height:70px;margin-bottom:27px}.reward-note{font-size:12px;padding:16px}.completion-actions{gap:10px}.completion-actions .btn{width:100%}.report-block p{font-size:12px}.report-block h3{font-size:9px}.museum-wallet{padding:20px;border-radius:19px;gap:10px;margin-bottom:23px}.wallet-amount{gap:10px}.wallet-amount strong{font-size:30px}.wallet-amount span{font-size:8px}.wallet-amount svg{width:23px}.museum-wallet .text-link{font-size:9px}.museum-grid{grid-template-columns:1fr;gap:24px}.artifact-card{padding:15px;border-radius:22px}.artifact-view{height:290px}.artifact-info{padding:23px 6px 7px}.artifact-info h2{font-size:32px}.artifact-info p{font-size:11px}.artifact-info .btn{min-height:46px}.museum-info{display:block}.museum-info .note{font-size:10px}.museum-info .text-link{font-size:11px;margin-top:15px}.reward-levels{grid-template-columns:1fr 1fr;gap:10px}.reward-level{padding:13px}.reward-level strong{font-size:28px}dialog{padding:25px;border-radius:22px}dialog h2{font-size:29px}.modal-body{font-size:12px}.modal-image{height:145px}.modal-actions{gap:9px}.modal-field{font-size:11px}#toast{font-size:11px;bottom:110px;width:max-content}.home.intro-done .guardian.west{transform:translateX(-35px) scale(.88)}.home.intro-done .guardian.east{transform:translateX(35px) scale(.88)}
@keyframes west-meet{0%{opacity:0;transform:translate(-140px,-150px) scale(.4)}12%{opacity:1}55%{opacity:1;transform:translate(0,0) scale(1)}65%{opacity:1;transform:translate(4px,-4px) rotate(2deg)}80%,100%{opacity:1;transform:translate(-35px,0) scale(.88)}}@keyframes east-meet{0%{opacity:0;transform:translate(140px,100px) scale(.4)}12%{opacity:1}55%{opacity:1;transform:translate(0,0) scale(1)}65%{opacity:1;transform:translate(-4px,-4px) rotate(-2deg)}80%,100%{opacity:1;transform:translate(35px,0) scale(.88)}}}
@media(max-width:360px){.page{padding-left:16px;padding-right:16px}.home-lower{max-width:calc(100% - 32px)}.home-pill{min-height:65px;padding:15px 20px}.home-lower{bottom:30px}.home{min-height:690px}.guardian-stage{top:50%}.brand-sub{display:none}.header-tools{gap:5px}.demo-copy h3{font-size:18px}.demo-callout{padding:16px;gap:8px}.demo-callout .btn{padding:9px 11px;font-size:9px}.site-image{height:115px}.site-body h3{font-size:21px}.journey{padding-left:8px;padding-right:8px}.journey-step{min-width:38px}.journey-step .step-copy{font-size:6px}.task-card{padding:22px 17px}.language-hero .reward-pill{display:none}.site-card-bottom .tag{font-size:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;animation-delay:0s!important}.guardian.west{opacity:1;transform:translateX(-35px)}.guardian.east{opacity:1;transform:translateX(35px)}.taiji-glow{opacity:1}}
.guardian{width:260px;height:260px}
@media(max-width:600px){.guardian{width:190px;height:190px}.guardian.west{left:30px}.guardian.east{right:30px}}

/* Gold and mineral-jade taiji: fixed SVG artwork across all platforms. */
.taiji-symbol{display:block;flex:none;fill:none;stroke:none;overflow:visible}
.brand-mark .taiji-symbol{width:34px;height:34px;filter:drop-shadow(0 1px 2px #10251d25)}
.taiji-glow{background:radial-gradient(circle,#d5b17220,#23483d0a 72%);border-color:#d5b17280;box-shadow:0 0 36px #d5b17242}
.taiji-glow .taiji-symbol{width:78%;height:78%;filter:drop-shadow(0 2px 3px #122c2355)}
.taiji-glow:after{border-color:#e4d0a449}
.demo-callout:after{content:'';width:110px;height:110px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20role%3D%22img%22%20aria-label%3D%22Gold%20and%20jade%20taiji%20emblem%22%3E%0A%3Cdefs%3E%3ClinearGradient%20id%3D%22gold%22%20x1%3D%2210%22%20y1%3D%223%22%20x2%3D%2252%22%20y2%3D%2261%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E8D09B%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23D5B172%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23AD8143%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22jade%22%20x1%3D%2215%22%20y1%3D%225%22%20x2%3D%2249%22%20y2%3D%2259%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2331594B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23193D33%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22url%28%23gold%29%22%2F%3E%0A%3Cpath%20d%3D%22M32%202A30%2030%200%200%201%2032%2062A15%2015%200%200%201%2032%2032A15%2015%200%200%200%2032%202Z%22%20fill%3D%22url%28%23jade%29%22%2F%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2217%22%20r%3D%224.4%22%20fill%3D%22%2323483D%22%2F%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2247%22%20r%3D%224.4%22%20fill%3D%22url%28%23gold%29%22%2F%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22none%22%20stroke%3D%22%23E4D0A4%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fsvg%3E");background-size:contain;background-repeat:no-repeat;top:-18px}
@media(max-width:600px){.brand-mark .taiji-symbol{width:27px;height:27px}.taiji-glow{box-shadow:0 0 26px #d5b17238}}

/* Shared CEE argument in Language Focus and REPAIR · Intervene. */
.cee-bridge{padding:24px;border:1px solid #cbd6c4;border-radius:18px;background:linear-gradient(125deg,#e8eedf,#f3efdf);margin:24px 0}.cee-bridge .eyebrow{font-size:8px;line-height:1.8}.cee-bridge h3{font-family:var(--serif);font-size:25px;line-height:1.3;margin:12px 0}.cee-bridge h3 .zh{font-family:var(--sans);font-size:13px}.cee-bridge p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:17px}.cee-bridge .btn{font-size:12px;padding:13px 20px;min-height:46px}.cee-site-question{font-family:var(--serif);font-size:25px;line-height:1.45;color:var(--forest);border-left:2px solid var(--gold);padding-left:17px;margin:26px 0}.cee-site-question .zh{font-family:var(--sans);font-size:12px}.intervene-cee{display:grid;gap:18px;margin-top:24px}.intervene-cee .cee-section{background:#fdfbf6;padding:24px}.intervene-cee .cee-section textarea{min-height:140px}.intervene-cee .self-check{margin:4px 0 10px}.intervene-cee .field-meta,.cee-form .field-meta{margin-top:9px}.cee-connection{display:flex;align-items:flex-start;gap:10px;margin-top:20px;border-top:1px solid #cfd7c5;padding-top:18px}.cee-connection svg{width:19px;height:19px;flex-shrink:0;color:var(--jade);margin-top:2px}.cee-connection p{font-size:11px}.legacy-i p{white-space:pre-wrap}.optional-proposal{margin-top:24px}.optional-proposal .scenario{margin-top:18px}.optional-proposal .note{line-height:1.8}.cee-report section{margin:16px 0}.cee-report h4{color:var(--jade);font-size:12px;margin-bottom:7px}.cee-report h4 .zh{display:inline;margin-left:7px;font-size:10px}.cee-report .note{font-size:11px;color:var(--muted);margin-top:16px}
@media(max-width:600px){.cee-bridge{padding:20px 17px;margin:20px 0}.cee-bridge h3{font-size:25px}.cee-bridge p{font-size:11px}.cee-bridge .btn{width:100%;font-size:11px;padding:13px 14px;white-space:normal}.cee-bridge .eyebrow{font-size:7px;letter-spacing:.12em}.cee-site-question{font-size:23px;padding-left:13px}.intervene-cee{gap:16px}.intervene-cee .cee-section{padding:20px 15px;border-radius:16px}.intervene-cee .cee-section textarea{min-height:155px;padding:14px;font-size:13px}.intervene-cee .self-check{font-size:11px}.intervene-cee .cee-section .note{font-size:11px}.intervene-cee select{font-size:11px}.optional-proposal summary{line-height:1.7}.cee-connection p{font-size:11px}}