@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#f7f6f0;--paper:#fffefa;--ink:#26372f;--muted:#808981;--line:#e5e7df;--green:#244f43;--green2:#315c4e;--gold:#c3a576;--soft:#eeefe7;--serif:'Noto Serif SC','Songti SC',serif;--sans:'DM Sans','PingFang SC','Microsoft YaHei',sans}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.65}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:3px solid #a8c6ad;outline-offset:2px}button:disabled{opacity:.6;cursor:default}.app-shell{display:flex;min-height:100vh}.rail{width:256px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#f9f9f4;display:flex;flex-direction:column;padding:34px 24px;z-index:10}.brand{display:flex;align-items:center;gap:12px;margin:0 0 65px 10px}.seal{width:43px;height:43px;border:1px solid #496d59;display:grid;place-items:center;font:24px var(--serif);color:var(--green)}.brand strong{font:700 23px var(--serif);letter-spacing:4px;display:block}.brand small{font:9px var(--sans);letter-spacing:1.1px;color:#919991;display:block;white-space:nowrap;margin-top:-2px}.rail-menu{display:grid;gap:10px}.menu-item{border:0;background:none;color:#7c857e;text-align:left;padding:13px 16px;border-radius:8px;display:flex;align-items:center;gap:15px;font-size:14px}.menu-item.active{background:#e6ece4;color:var(--green);font-weight:700}.menu-ico{font-size:21px;font-weight:300;width:23px;text-align:center}.rail-bottom{margin-top:auto;border-top:1px solid var(--line);padding:22px 9px;color:#7a877c;font-family:var(--serif);display:grid;gap:5px}.rail-bottom small{font:11px var(--sans);color:#a1a9a1}.main{margin-left:256px;width:calc(100% - 256px);min-width:0}.top{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6.4%;color:#637369}.top-location{font-size:12px;letter-spacing:1px}.top-location span{padding:0 12px;color:#bcc6bd}.top-right{display:flex;gap:12px;align-items:center;font-size:12px}.tiny-dot{width:6px;height:6px;border-radius:50%;background:#9fb9a6}.avatar{width:34px;height:34px;border-radius:50%;background:#e7e9dc;border:1px solid #dae0d3;color:#476252;display:grid;place-items:center;margin-left:12px;font-family:var(--serif)}.page-content{max-width:1250px;padding:49px 6.4% 110px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:#859184;display:flex;align-items:center;gap:11px;text-transform:uppercase}.eyebrow-line{width:20px;height:1px;background:#b0baab}.hero{background:#23483d;color:#fffefa;min-height:382px;border-radius:5px;position:relative;display:flex;overflow:hidden;padding:57px 57px}.hero-text{position:relative;z-index:2;max-width:550px}.tag{display:inline-block;font-size:10px;letter-spacing:1.4px;padding:5px 12px;border:1px solid #d6dfd7;border-radius:2px;color:#66766c}.tag.light{border-color:#739285;color:#d6e8dc}.hero h1{font:500 clamp(28px,3vw,43px)/1.6 var(--serif);letter-spacing:1px;margin:22px 0 13px}.hero em{font-style:normal;color:#e1caa4}.hero p{font-size:13px;color:#c4d6ca;margin-bottom:27px;max-width:420px;line-height:1.9}.btn{border:0;border-radius:3px;display:inline-flex;align-items:center;gap:36px;justify-content:space-between;padding:13px 19px;min-height:46px;font-size:12px;font-weight:700;transition:transform .2s,filter .2s}.btn:hover,.day-card:hover,.knowledge-card:hover,.area-card:hover{transform:translateY(-3px)}.btn-light{background:#f7f2e7;color:#28483d}.btn-dark{background:#284e43;color:white}.hero-art{position:absolute;right:42px;top:23px;width:35%;height:330px;display:grid;place-items:center;opacity:.85}.orb{position:absolute;border:1px solid #819f90;border-radius:50%;width:210px;height:210px;transform:rotate(30deg)}.orb1:before,.orb2:after{content:'';position:absolute;inset:19px;border-radius:50%;border:1px solid #5e8976}.orb2{width:270px;height:270px;transform:rotate(-35deg);border-color:#477465}.leaf{font:44px var(--serif);color:#c3b58c;position:absolute}.leaf.one{top:20px;right:30px}.leaf.two{bottom:32px;left:10px}.art-script{font:28px var(--serif);writing-mode:vertical-rl;letter-spacing:8px;color:#ece9d6}.art-small{position:absolute;bottom:3px;font:italic 11px Georgia;color:#95baaa}.hero-index{position:absolute;bottom:20px;right:24px;font:24px Georgia;color:#e6e7d2}.hero-index span{font-size:11px;color:#9bb4a7}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:42px 0 18px}.section-header.compact{margin:0 0 22px}.section-header h2{font:600 23px var(--serif);margin:0 0 4px;letter-spacing:1px}.section-header p,.page-title p{color:#919990;margin:0;font-size:12px}.text-btn{border:0;background:none;color:#476b55;font-weight:600;font-size:11px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:var(--paper);border:1px solid var(--line);padding:25px 25px 20px;min-height:134px}.stat-label{color:#869085;font-size:12px;display:block}.stat b{display:block;font:500 34px Georgia,serif;margin-top:6px}.stat b i{font:12px var(--sans);color:#a3aaa1;font-style:normal}.stat b.realm{font:600 31px var(--serif)}.stat small{font-size:11px;color:#a5aaa1}.mini-bars{display:flex;gap:5px;margin-top:8px}.mini-bars span{height:4px;background:#517963;flex:1;border-radius:5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.surface{background:var(--paper);border:1px solid var(--line);padding:28px}.featured{min-height:310px}.card-top{display:flex;justify-content:space-between;align-items:center}.subtle{color:#aeb4aa;font-size:11px}.big-quote{font:500 29px/1.65 var(--serif);margin:24px 0 15px;letter-spacing:2px}.featured p,.action-card p{font-size:12px;line-height:2;color:#879187;max-width:380px}.quote-footer{display:flex;align-items:center;justify-content:space-between;margin-top:23px;font-size:11px;color:#979e93}.round-arrow{border:1px solid var(--line);border-radius:50%;background:none;width:35px;height:35px;color:var(--green)}.action-card{background:#eeefe6;position:relative;overflow:hidden}.action-card h3{font:600 25px/1.65 var(--serif);margin:32px 0 12px;position:relative;z-index:1}.action-card p{position:relative;z-index:1}.outline-btn{border:1px solid #b4c2b6;background:transparent;color:#3d5f4c;padding:11px 18px;border-radius:2px;font-size:12px;position:relative;z-index:1}.rings{position:absolute;right:-55px;bottom:-125px;width:275px;height:275px;border:1px solid #c5cfbf;border-radius:50%}.rings span{position:absolute;inset:30px;border:1px solid #c5cfbf;border-radius:50%}.rings span:nth-child(2){inset:60px}.rings span:nth-child(3){inset:90px}.day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.day-card{background:var(--paper);border:1px solid var(--line);padding:21px;text-align:left;min-height:206px;display:flex;flex-direction:column;transition:transform .2s}.day-top,.day-foot{display:flex;justify-content:space-between;color:#9aa398;font-size:10px;letter-spacing:1px}.day-card h3{font:600 18px var(--serif);margin:24px 0 6px}.day-card p{font-size:11px;color:#92998e;margin:0;line-height:1.8;flex:1}.day-foot{margin-top:19px;padding-top:12px;border-top:1px solid var(--line)}.day-done{border-color:#9bb8a2}.page-title{margin:19px 0 30px}.page-title h1{font:600 clamp(30px,4vw,42px) var(--serif);letter-spacing:2px;margin:0 0 10px}.dot{color:#bca77c}.challenge-banner{background:#e5ebe3;min-height:196px;display:flex;align-items:center;justify-content:space-between;padding:29px 45px;margin-bottom:35px}.challenge-banner h2{font:600 24px var(--serif);margin:11px 0}.challenge-banner p{font-size:12px;color:#768b7b}.progress-track{height:5px;background:#ced9cd;max-width:360px;margin-top:20px}.progress-track div{height:100%;background:var(--green)}.banner-count{font:70px Georgia;color:#426a57}.banner-count span{font:16px Georgia;color:#9aaa9c}.challenge-list{border-top:1px solid var(--line)}.challenge-row{width:100%;display:flex;align-items:center;gap:27px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:19px 12px}.challenge-row:hover{background:#eff1e9}.circle-number{width:54px;height:54px;border:1px solid #cbd6cb;border-radius:50%;display:grid;place-items:center;font:21px Georgia;color:#527560}.circle-number.done{background:var(--green);color:white}.challenge-desc{display:grid;gap:2px;flex:1}.challenge-desc small{font-size:9px;letter-spacing:1.5px;color:#9aa398}.challenge-desc strong{font:600 19px var(--serif)}.challenge-desc span{color:#989f97;font-size:11px}.duration{color:#9ba49a;font-size:11px}.row-arrow{font-size:22px;color:#708777}.callout{display:flex;gap:15px;background:#eff1e9;margin-top:28px;padding:20px 24px}.callout>span{font-size:25px}.callout strong{font:600 16px var(--serif)}.callout p{color:#8b968b;font-size:11px;line-height:2;margin:4px 0}.training-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:#829084}.back-link{border:0;background:none;color:#617d6a;padding:7px 0}.step-bars{display:flex;gap:6px;margin:26px 0 30px}.step-bars span{height:4px;background:#e2e6de;flex:1}.step-bars span.on{background:#547b62}.training-panel{max-width:760px;margin:auto;background:var(--paper);padding:45px 55px;border:1px solid var(--line);min-height:490px}.training-panel h1{font:600 clamp(24px,3vw,31px)/1.65 var(--serif);margin:27px 0 18px}.training-panel>p{font-size:13px;color:#889286;line-height:2}.training-panel textarea,.boss-panel textarea{display:block;width:100%;min-height:155px;margin-top:25px;resize:vertical;border:1px solid #e1e5db;border-radius:2px;background:#fcfcf8;padding:18px;color:var(--ink);line-height:1.9;font-size:13px}.training-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:35px}.training-caption{text-align:center;color:#a0a99d;font-size:11px;margin-top:24px}.knowledge-explain{background:#f4f5ed;border-left:3px solid #819d83;padding:24px;margin:22px 0}.knowledge-explain h2{font:600 23px var(--serif)}.knowledge-explain p{font-size:13px;line-height:2}.knowledge-example{border-top:1px solid #dfe6db;padding-top:14px;margin-top:16px}.hint,.fine{color:#9ba499;font-size:11px;line-height:1.8}.hint{margin-top:13px}.feedback-box{background:#f3f5ed;padding:23px}.feedback-box h2{font:600 23px var(--serif)}.feedback-box p{font-size:13px}.demo-pill{font-size:10px;color:#6f826f;border:1px solid #c3d1bf;padding:5px 9px}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.feedback-grid>div{background:white;padding:14px;display:grid}.feedback-grid small{color:#94a093}.feedback-grid strong{font:600 16px var(--serif)}.map-intro{background:var(--green);color:#fff;padding:36px 45px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:230px}.map-intro h2{font:500 25px/1.65 var(--serif);margin:14px 0}.map-intro p{font-size:12px;color:#bdcfbf}.map-art{font:100px var(--serif);color:#a6bca2;position:relative;margin-right:60px}.map-art small{font:italic 12px Georgia;display:block}.area-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:23px}.area-card{border:1px solid var(--line);background:var(--paper);min-height:216px;padding:21px 16px;text-align:left;display:flex;flex-direction:column;transition:transform .2s}.area-card.chosen{border:1px solid #7caa8f;background:#f2f5ed}.area-glyph{font-size:31px;color:#648f6b;margin-bottom:15px}.area-card strong{font:600 17px var(--serif)}.area-card p{font-size:11px;color:#98a094;flex:1;line-height:1.8}.area-bottom{display:flex;justify-content:space-between;color:#7d927c;font-size:11px}.nodes{margin-top:25px}.node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.node{background:#f1f3ec;display:flex;gap:8px;flex-direction:column;align-items:center;text-align:center;padding:22px 12px}.node-medal{font-size:29px;color:#7c9b7b}.node strong{font:600 16px var(--serif)}.node small{font-size:10px;color:#a0a99d}.library-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#e9eee7;margin-bottom:30px}.library-summary>div{padding:20px 30px;display:grid;border-right:1px solid #d4dfd3}.library-summary small{font-size:11px;color:#859587}.library-summary b{font:35px Georgia;margin:5px 0}.library-summary span{font-size:11px;color:#91a193}.filter-bar{display:flex;gap:9px;margin-bottom:20px}.filter{border:1px solid #e1e6dc;background:transparent;color:#839285;border-radius:40px;padding:8px 18px;font-size:11px}.filter.active{background:var(--green);color:white;border-color:var(--green)}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.knowledge-card{min-height:248px;padding:24px;border:1px solid var(--line);background:var(--paper);text-align:left;display:flex;flex-direction:column;transition:transform .2s}.kind{font-size:10px;color:#8fa18e}.knowledge-glyph{align-self:end;font-size:34px;color:#a3b69f;margin-top:-13px}.knowledge-card h3{font:600 18px/1.6 var(--serif);margin:14px 0 4px}.knowledge-card p{font-size:11px;line-height:1.9;color:#929e94;flex:1}.knowledge-card-bottom{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:10px;color:#93a095}.detail-page{max-width:740px;margin:30px auto;background:var(--paper);padding:60px 65px;border:1px solid var(--line)}.detail-page h1{font:600 33px/1.5 var(--serif);margin:28px 0 5px}.detail-author{color:#97a093}.detail-rule{height:1px;background:var(--line);margin:28px 0}.detail-page h2{font:600 20px var(--serif);margin-top:32px}.detail-page p{color:#78867b;line-height:2.2}.scenario{border-left:3px solid #81a083;background:#f3f5ef;padding:20px;font:17px/1.9 var(--serif);margin:20px 0}.realm-hero{background:#284b40;min-height:330px;text-align:center;padding:35px;color:#f8f3e7}.realm-symbol{font-size:65px;color:#c8b788;margin:8px 0}.realm-hero>span:not(.tag){display:block;color:#b0c1b5;font:12px var(--serif)}.realm-hero h2{font:600 35px var(--serif);margin:7px 0}.realm-hero p{font-size:12px;color:#c0d2c4}.realm-next{border-top:1px solid #557b6b;max-width:270px;margin:25px auto 0;padding-top:12px;font-size:11px;color:#d4e1d1}.realm-next span{margin-left:20px}.realm-list{background:var(--paper);border:1px solid var(--line)}.realm-row{display:flex;align-items:center;gap:25px;padding:18px 26px;border-bottom:1px solid var(--line)}.realm-row.current{background:#eef3ea}.realm-number{font:18px Georgia;color:#9dad9c}.realm-row>div{flex:1;display:grid}.realm-row strong{font:600 18px var(--serif)}.realm-row small{font-size:11px;color:#9ba69b}.realm-row>span:last-child{font-size:11px;color:#8ca08d}.boss-cta{background:#244b3d;color:white;display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding:33px 45px;overflow:hidden}.boss-cta h2{font:600 23px var(--serif)}.boss-cta p{font-size:12px;color:#c6d7c9}.boss-mark{font-size:110px;color:#668a76}.boss-panel{max-width:820px;margin:0 auto;background:#284b40;padding:55px 65px;color:white;text-align:center}.boss-ornament{font-size:59px;color:#d5bc90;margin:15px}.boss-panel h2{font:500 35px/1.55 var(--serif)}.boss-panel>p{font-size:13px;line-height:2.2;color:#d8e4d8;max-width:560px;margin:15px auto 22px}.boss-rules{display:flex;justify-content:center;gap:22px;color:#bcd1be;font-size:11px;flex-wrap:wrap}.boss-panel textarea{text-align:left;margin-bottom:20px;background:#f7f7f0}.boss-output{font-size:11px;color:#c4d7cb;margin-top:20px}.boss-output strong{color:#f7f0df}.bottom-nav{display:none}@media(max-width:1150px){.rail{width:215px;padding:32px 15px}.main{margin-left:215px;width:calc(100% - 215px)}.area-grid{grid-template-columns:repeat(3,1fr)}.day-grid{grid-template-columns:repeat(2,1fr)}.hero-art{opacity:.5}}@media(max-width:760px){.rail{display:none}.main{margin-left:0;width:100%}.top{height:59px;padding:0 20px}.top-right{gap:7px}.top-right .tiny-dot,.top-right>span:nth-child(2){display:none}.page-content{padding:24px 17px 95px}.hero{min-height:375px;padding:34px 27px}.hero h1{font-size:28px;margin:18px 0 12px}.hero p{max-width:260px}.hero-art{width:67%;height:270px;right:-55px;top:65px;opacity:.28}.hero-index{font-size:19px}.section-header{margin:31px 0 16px;align-items:start}.section-header h2{font-size:20px}.section-header p{font-size:11px}.text-btn{margin-top:7px}.stats{gap:8px}.stat{padding:14px 11px;min-height:109px}.stat b{font-size:26px}.stat b.realm{font-size:24px}.stat-label{font-size:10px}.stat small{font-size:9px;line-height:1.4;display:block}.split{grid-template-columns:1fr;gap:10px;margin-top:10px}.featured{min-height:290px}.day-grid{gap:10px}.day-card{padding:15px;min-height:175px}.day-card h3{font-size:16px}.page-title h1{font-size:31px}.challenge-banner{padding:22px;min-height:185px}.challenge-banner h2{font-size:19px}.banner-count{font-size:45px}.circle-number{width:44px;height:44px;font-size:16px;flex-shrink:0}.challenge-row{gap:13px;padding:17px 5px}.challenge-desc strong{font-size:17px}.duration{display:none}.training-panel{padding:27px 23px;min-height:440px}.training-panel h1{font-size:23px}.training-top{font-size:10px}.map-intro{padding:29px 24px;min-height:218px}.map-intro h2{font-size:21px}.map-art{font-size:60px;margin-right:-9px;opacity:.5}.area-grid{grid-template-columns:repeat(2,1fr);gap:10px}.area-card{min-height:190px;padding:16px 13px}.area-card strong{font-size:16px}.node-grid{gap:6px}.node{padding:15px 6px}.node strong{font-size:12px}.node small{font-size:9px}.surface{padding:20px}.library-summary>div{padding:15px 12px}.library-summary b{font-size:28px}.knowledge-grid{grid-template-columns:repeat(2,1fr);gap:9px}.knowledge-card{padding:15px;min-height:227px}.knowledge-card h3{font-size:16px}.knowledge-glyph{font-size:22px;margin:0}.detail-page{padding:30px 25px}.detail-page h1{font-size:26px}.boss-cta{padding:26px 24px}.boss-mark{font-size:55px}.boss-panel{padding:34px 20px}.boss-panel h2{font-size:27px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;height:calc(67px + env(safe-area-inset-bottom));background:rgba(253,253,247,.97);border-top:1px solid var(--line);padding:5px 7px env(safe-area-inset-bottom);backdrop-filter:blur(12px)}.bottom-nav button{flex:1;border:0;background:none;color:#9aa49a;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px}.bottom-nav button span{font-size:23px;line-height:1.4}.bottom-nav button.active{color:#315f45;font-weight:700}}.review-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:3px 8px;border-radius:2px;background:#e2ebe3;color:#2c5243;font-weight:600}.mastery-pill{display:inline-block;font-size:10px;padding:2px 8px;border-radius:2px;font-weight:700}.mastery-l1{background:#e8ece5;color:#456351}.mastery-l2{background:#dde6dc;color:#2a573f}.mastery-l3{background:#d3e3d2;color:#1d4c33}.mastery-l4{background:#c6dec6;color:#17402a}.mastery-l5{background:#f5edd8;color:#8a6a2a;border:1px solid #d8c290}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.report-col{background:var(--paper);border:1px solid var(--line);padding:24px}.report-col h3{font:600 18px var(--serif);margin:0 0 12px}.report-quote{background:#f4f6ef;border-left:3px solid var(--green);padding:14px;font-size:13px;line-height:1.9;margin:12px 0}.ktr-card{background:#23483d;color:#fffefa;padding:28px 34px;border-radius:4px;margin:25px 0;display:flex;justify-content:space-between;align-items:center}.ktr-card b{font:48px Georgia;color:#e1caa4}@media(max-width:760px){.report-grid{grid-template-columns:1fr}.ktr-card{flex-direction:column;align-items:start;gap:15px}.ktr-card b{font-size:38px}}@media(max-width:375px){.knowledge-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat b{font-size:22px}.day-grid{grid-template-columns:1fr}.hero h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}