@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap');
:root{--bg:#f5f3ed;--paper:#fffefa;--ink:#252c28;--muted:#7d857e;--line:#e8e9df;--green:#355f4a;--green-dark:#254b39;--sage:#e8efe7;--yellow:#f0ce7b;--serif:'Noto Serif SC',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;font-size:14px;line-height:1.7}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{width:246px;background:#fbfbf7;border-right:1px solid var(--line);padding:33px 20px 24px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:0 5px 41px}.brand-mark{width:38px;height:38px;display:inline-grid;place-items:center;background:var(--green);color:white;border-radius:11px;font:700 20px var(--serif);flex:none}.brand b{font:700 20px var(--serif);display:block;line-height:1.2}.brand small{font-size:10px;color:#8a9289;letter-spacing:.05em}.nav-label,.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#99a397}.nav-label{padding:0 12px;margin-bottom:12px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:9px;color:#758078;font-weight:600}.sidebar nav a span{font-size:19px;line-height:1}.sidebar nav a.active{background:#eaf0e9;color:var(--green)}.sidebar nav i{margin-left:auto;background:#dbe7da;color:var(--green);font-style:normal;border-radius:50px;font-size:11px;padding:0 7px}.side-bottom{margin-top:auto}.side-note{background:#f1f3e9;border-radius:12px;padding:17px;color:#496651}.side-note .spark{display:block;font-size:20px;color:#90a783}.side-note b{font-size:13px}.side-note p{font-size:12px;color:#879487;margin:5px 0 0;line-height:1.7}.side-bottom>small{display:block;color:#a5aaa0;font-size:10px;margin:19px 4px 0}.main-wrap{margin-left:246px;width:calc(100% - 246px)}main{max-width:1190px;margin:auto;padding:48px 58px 60px}.topline{display:flex;align-items:center;justify-content:space-between;color:#89958b;font-size:12px;margin-bottom:32px}.topline b{color:#526b58;font-size:12px}.topline .dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#83aa84;margin-right:7px}.page-title{font:700 32px/1.4 var(--serif);letter-spacing:.02em;margin:7px 0 8px}.sub{color:#8a938a;margin:0}.hero{background:#e8efe6;border-radius:18px;padding:34px 38px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;min-height:225px;margin-top:28px}.hero:after{content:'✳';position:absolute;font-size:240px;line-height:1;color:#d7e5d4;right:36px;top:-10px;transform:rotate(15deg)}.hero-content{max-width:570px;position:relative;z-index:1}.hero .eyebrow{color:#709078}.hero h2{font:700 27px/1.5 var(--serif);margin:10px 0}.hero p{color:#718577;margin:0 0 21px;max-width:485px}.button{display:inline-flex;justify-content:center;align-items:center;gap:13px;border:0;border-radius:8px;padding:11px 18px;background:var(--green);color:#fff;font-weight:600}.button:hover{background:var(--green-dark)}.button.light{background:#fff;color:var(--green);border:1px solid #e3e9e0}.button.light:hover{background:#f4f8f3}.button.small{padding:8px 13px;font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:35px 0 16px}.section-head h2{font:700 20px var(--serif);margin:0}.section-head p{color:#a0a89f;font-size:12px;margin:5px 0 0}.section-head a{color:var(--green);font-size:12px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat,.card{background:var(--paper);border:1px solid #e9ebe3;border-radius:13px}.stat{padding:20px 22px}.stat-label{font-size:12px;color:#89948a;display:flex;justify-content:space-between}.stat-label span{color:#aac0a8;font-size:17px}.stat strong{display:block;font-size:27px;line-height:1.2;margin:10px 0 2px;font-weight:600}.stat small{font-size:11px;color:#a2aaa0}.home-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.journey{padding:23px}.journey-top,.group-row,.question-row{display:flex;align-items:center;gap:15px}.number-box{height:47px;width:47px;border-radius:10px;background:#eef3e9;color:#5e8062;display:grid;place-items:center;font:700 15px var(--serif);flex:none}.journey h3,.group-row h3{font:700 16px var(--serif);margin:0 0 3px}.journey p,.group-row p{margin:0;color:#929d92;font-size:12px}.journey .button{margin-top:21px}.guide{padding:22px 24px}.guide h3{font:700 16px var(--serif);margin:0 0 15px}.guide-step{display:flex;gap:12px;margin:11px 0;color:#858f84;font-size:12px}.guide-step b{color:#5f7e65;flex:none}.guide-step strong{color:#495c4e}.progress{height:5px;background:#e7ece3;border-radius:4px;overflow:hidden;margin-top:15px}.progress span{height:100%;display:block;background:#80a787;border-radius:4px}.page-head{margin-bottom:27px}.back{display:inline-block;color:#78917b;font-size:12px;margin-bottom:15px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.chip{border:1px solid #e1e6dc;background:#fffefa;border-radius:30px;padding:7px 14px;color:#778578;font-size:12px}.chip.active{background:var(--green);border-color:var(--green);color:white}.group-list,.question-list{display:grid;gap:10px}.group-row{padding:18px 20px;transition:.15s}.group-row:hover,.question-row:hover{border-color:#b4c9b3;transform:translateY(-1px)}.group-info{flex:1;min-width:0}.group-row .arrow,.question-row .arrow{font-size:20px;color:#acb9aa}.badge{font-size:11px;color:#6f9275;background:#eef4eb;padding:4px 9px;border-radius:20px;white-space:nowrap}.study-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}.content-card{padding:27px 30px;margin-bottom:14px}.content-card h2{font:700 19px var(--serif);margin:3px 0 15px}.content-card p{color:#66766a;line-height:1.95;margin:10px 0}.label{font-size:10px;color:#93a392;letter-spacing:.12em;font-weight:700}.prompt{background:#f1f5ed;border-left:3px solid #91b092;padding:14px 17px;border-radius:0 8px 8px 0;color:#5e7661;margin:16px 0}.prompt strong{font-size:12px;display:block;margin-bottom:4px}.recall-box{background:#fcf7e9;border:1px solid #f2e8cc}.recall-box p{color:#806f52}.study-aside{position:sticky;top:25px}.study-aside .card{padding:20px}.study-aside h3{font:700 15px var(--serif);margin:0 0 9px}.study-aside p{font-size:12px;color:#929d92}.question-row{padding:15px 18px}.q-number{font-size:12px;color:#91a692;width:35px;flex:none}.question-row .question-title{flex:1;font-weight:600}.question-row .type{font-size:11px;color:#99a59b}.question-detail h1{font:700 25px/1.5 var(--serif);margin:10px 0}.question-detail .meta{color:#91a093;font-size:12px}.answer{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.answer p{color:#414e43;white-space:pre-wrap;line-height:1.95;margin:8px 0}.answer-hidden{background:#f6f7f1;text-align:center;border-radius:10px;padding:30px 20px;margin-top:25px;color:#88988a}.rating{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.rating p{font-size:12px;color:#8a978a;margin:0 0 12px}.rating-buttons{display:flex;flex-wrap:wrap;gap:8px}.rating-buttons button{border:1px solid #e3e8de;background:#fff;border-radius:8px;padding:9px 13px;color:#607667}.rating-buttons button:hover{background:#edf4eb}.rating-buttons small{display:block;font-size:10px;color:#9ba99b}.question-nav{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.search{width:100%;border:1px solid #e1e7dd;background:white;border-radius:10px;padding:12px 15px;outline:none}.search:focus{border-color:#84a589}.empty{padding:45px;text-align:center;color:#99a399}.empty strong{display:block;color:#607767;font:700 18px var(--serif);margin-bottom:8px}.footnote{font-size:11px;color:#a0aaa0}footer{max-width:1190px;margin:auto;padding:0 58px 30px;color:#a6afa4;font-size:11px;display:flex;justify-content:space-between}.mobile-header{display:none}.notice{color:#5f8065;font-size:12px;margin-top:12px}.link{color:var(--green);font-weight:600}.toolbar{display:flex;gap:10px;align-items:center}.toolbar .search{flex:1}.count{color:#9ca89b;font-size:12px;margin:12px 0}.top-actions{display:flex;gap:8px;align-items:center}.top-actions button{border:0;background:transparent;color:#91a094;font-size:12px}.mobile-brand{font:700 17px var(--serif);display:flex;align-items:center;gap:9px}.mobile-brand .brand-mark{width:30px;height:30px;font-size:16px}
@media(max-width:900px){.sidebar{width:210px}.main-wrap{margin-left:210px;width:calc(100% - 210px)}main{padding:35px 30px}.study-layout{grid-template-columns:1fr}.study-aside{position:static}.home-grid{grid-template-columns:1fr}footer{padding:0 30px 25px}}
@media(max-width:640px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 35px #263b2915;width:246px}.sidebar.open{transform:translateX(0)}.main-wrap{margin:0;width:100%}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#fbfbf7;border-bottom:1px solid var(--line)}.mobile-header button{border:0;background:none;font-size:20px;color:var(--green)}main{padding:27px 20px 45px}.topline{margin-bottom:22px}.page-title{font-size:27px}.hero{padding:26px 24px;min-height:210px}.hero:after{font-size:160px;right:-35px;top:35px}.hero h2{font-size:23px}.hero p{max-width:270px}.stats{gap:8px}.stat{padding:15px 12px}.stat strong{font-size:23px}.stat-label span{display:none}.stat small{font-size:10px}.content-card{padding:22px 20px}.group-row{padding:15px}.group-row .badge{display:none}.question-row .type{display:none}footer{padding:0 20px 25px;display:block}footer span{display:block;margin-top:4px}}
.group-recall{margin-top:24px}.home-grid{grid-template-columns:1fr}