:root{--cream:#fff6e7;--milk:#ffefd6;--ink:#4a3226;--line:#5b3a29;--caramel:#c98a5b;--caramel-d:#a96a3f;--taro:#b9a0e0;--taro-d:#8e6fc4;--matcha:#9bc47f;--matcha-d:#6e9e4f;--pink:#f7a8c4;--yellow:#ffd97a;--red:#e86a5e;--white:#fffdf6}*{box-sizing:border-box}html,body{background-color:var(--cream);color:var(--ink);background-image:radial-gradient(#c98a5b2e 1.5px,#0000 1.5px);background-size:26px 26px;margin:0;padding:0;font-family:Yuanti SC,YouYuan,Chalkboard SE,Comic Sans MS,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}.btn{color:var(--ink);background:var(--yellow);border:3px solid var(--line);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:3px 3px #5b3a29e6}.btn:hover{transform:translate(-1px,-2px);box-shadow:5px 5px #5b3a29e6}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #5b3a29e6}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--matcha)}.btn-pink{background:var(--pink)}.btn-taro{background:var(--taro)}.btn-ghost{background:var(--white)}.btn-sm{border-radius:11px;padding:6px 12px;font-size:13px}.input{color:var(--ink);background:var(--white);border:3px solid var(--line);border-radius:12px;width:100%;padding:10px 14px;font-family:inherit;font-size:15px;font-weight:600;box-shadow:inset 2px 2px #5b3a2914}.input:focus{border-color:var(--caramel-d);outline:none;box-shadow:0 0 0 3px #c98a5b40}textarea.input{resize:vertical;min-height:80px}.card{background:var(--white);border:3px solid var(--line);border-radius:18px;padding:18px;box-shadow:4px 4px #5b3a29d9}.chip{border:2px solid var(--line);color:var(--ink);background:var(--white);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block;box-shadow:2px 2px #5b3a29cc}.badge{border:2px solid var(--line);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800;display:inline-block}.badge-green{color:#2f5a1e;background:#eaf6e0}.badge-red{color:#8a2b22;background:#fde8e4}.badge-yellow{color:#7a4a26;background:#fff3d6}.nav{border-bottom:4px solid var(--line);color:#fff6e7;z-index:50;background:linear-gradient(#c98a5b,#b5764a);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 24px;display:flex;position:sticky;top:0}.nav .brand{letter-spacing:1px;text-shadow:2px 2px #5b3a2999;align-items:center;gap:8px;font-size:20px;font-weight:900;display:flex}.nav .spacer{flex:1}.nav .nav-link{color:#fff6e7;border-radius:10px;padding:6px 12px;font-size:14px;font-weight:800}.nav .nav-link:hover{background:#ffffff2e}.nav .nav-link.active{background:#ffffff40}.nav .nav-user{background:#5b3a2959;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:800}.nav .nav-select{color:#5b3a29;cursor:pointer;background:#fff6e7;border:2px solid #5b3a2980;border-radius:10px;max-width:200px;padding:4px 8px;font-size:13px;font-weight:800}.chat-layout{grid-template-columns:240px 1fr;align-items:start;gap:16px;display:grid}@media (max-width:720px){.chat-layout{grid-template-columns:1fr}}.member-body{background:linear-gradient(#eaf8f1 0%,#d6f0e4 100%);min-height:100vh}.member-head{color:#fff;background:linear-gradient(#3dbb9c,#2e9e8b)}.member-btn{color:#fff;cursor:pointer;background:#2e9e8b;border:none;border-radius:12px;font-weight:800}.member-btn:hover{background:#26866f}.member-tile{background:#fff;border:2px solid #cfe9dd;border-radius:14px}.member-tile:hover{border-color:#2e9e8b}.member-start{background:linear-gradient(160deg,#eaf8f1 0%,#d6f0e4 45%,#fdf3e3 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 16px;display:flex;position:relative;overflow:hidden}.member-blob{filter:blur(70px);opacity:.55;pointer-events:none;border-radius:50%;animation:7s ease-in-out infinite memberFloat;position:absolute}.member-blob:nth-child(2){animation-delay:-2.5s}.member-blob:nth-child(3){animation-delay:-4.5s}@keyframes memberFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-22px)scale(1.06)}}.member-quote{font-family:STKaiti,KaiTi,PingFang SC,serif}.page{max-width:1100px;margin:0 auto;padding:28px 20px 80px}.page-title{letter-spacing:1px;margin:0 0 6px;font-size:28px;font-weight:900}.page-sub{color:#7a5a3f;margin:0 0 22px;font-size:14.5px;font-weight:600}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:760px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat-card{text-align:center}.stat-card .num{font-size:32px;font-weight:900;line-height:1.1}.stat-card .label{color:#7a5a3f;margin-top:4px;font-size:13px;font-weight:700}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:#7a5a3f;border-bottom:3px solid var(--line);padding:8px 10px;font-size:12.5px;font-weight:900}.table td{border-bottom:1px dashed #5b3a294d;padding:10px;font-size:14px;font-weight:600}.table tr:last-child td{border-bottom:none}.hero{text-align:center;padding:40px 20px 10px}.hero h1{letter-spacing:2px;margin:18px 0 8px;font-size:40px;font-weight:900}.hero p{color:#5d4532;max-width:620px;margin:0 auto 26px;font-size:16px;line-height:1.9}.hero .cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.feature-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;display:grid}@media (max-width:760px){.feature-row{grid-template-columns:1fr}}.feature{text-align:center}.feature .icon{font-size:40px}.feature b{margin:8px 0 4px;font-size:16px;display:block}.feature p{color:#7a5a3f;margin:0;font-size:13.5px;line-height:1.7}.auth-wrap{max-width:440px;margin:40px auto}.auth-wrap h2{text-align:center;margin-bottom:20px;font-size:26px;font-weight:900}.form-field{margin-bottom:16px}.form-field label{margin-bottom:6px;font-size:14px;font-weight:800;display:block}.form-error{border:3px solid var(--red);color:#8a2b22;background:#fde8e4;border-radius:12px;margin-bottom:16px;padding:10px 14px;font-size:14px;font-weight:700}.form-hint{color:#7a5a3f;text-align:center;margin-top:16px;font-size:13px;font-weight:600}.course-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}.lesson-card{cursor:pointer;flex-direction:column;gap:8px;transition:transform 80ms;display:flex}.lesson-card:hover{transform:translate(-2px,-3px)}.lesson-card .lesson-title{font-size:16px;font-weight:900}.lesson-card .lesson-story{color:#7a5a3f;font-size:13px;font-weight:600;line-height:1.7}.lesson-card .lesson-foot{align-items:center;gap:8px;margin-top:auto;display:flex}.story{align-items:flex-start;gap:14px;padding:4px 2px;display:flex}.bubble{background:var(--white);border:3px solid var(--line);border-radius:18px;flex:1;padding:12px 16px;font-size:14.5px;line-height:1.85;position:relative;box-shadow:4px 4px #5b3a29d9}.bubble:before{content:"";border:9px solid #0000;border-right-color:var(--line);position:absolute;top:32px;left:-16px}.bubble:after{content:"";border:7px solid #0000;border-right-color:var(--white);position:absolute;top:34px;left:-10px}.concepts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px;display:grid}.concept{background:var(--white);border:3px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:4px 4px #5b3a29d9}.concept b{margin-bottom:5px;font-size:14px;display:block}.concept p{color:#5d4532;margin:0;font-size:13px;line-height:1.75}.q-block{border:3px dashed var(--caramel);background:#fffbf0;border-radius:14px;margin:14px 0;padding:14px}.q-text{margin-bottom:8px;font-size:15px;font-weight:800;line-height:1.6}.opt{text-align:left;width:100%;font:inherit;color:var(--ink);background:var(--white);border:3px solid var(--line);cursor:pointer;border-radius:14px;margin:8px 0;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.5;transition:transform 80ms,box-shadow 80ms;display:block;box-shadow:3px 3px #5b3a29d9}.opt:hover{transform:translate(-1px,-2px);box-shadow:5px 5px #5b3a29d9}.opt:active{transform:translate(2px,2px);box-shadow:1px 1px #5b3a29d9}.opt-correct{background:var(--matcha)!important;color:#1f3a15!important;border-color:#3e6b2e!important;box-shadow:3px 3px #3e6b2e!important}.opt-wrong{background:var(--red)!important;color:#fff!important;border-color:#9c3329!important;box-shadow:3px 3px #9c3329!important}.opt-locked{opacity:.6;cursor:default}.feedback{border:3px solid;border-radius:14px;margin-top:10px;padding:10px 14px;font-size:13.5px;font-weight:600;line-height:1.75;animation:.3s cubic-bezier(.175,.885,.32,1.3) both pop}.fb-good{border-color:var(--matcha-d);color:#2f5a1e;background:#eaf6e0}.fb-bad{border-color:var(--red);color:#8a2b22;background:#fde8e4}.fb-hint{border-color:var(--caramel-d);color:#7a4a26;background:#fff3d6}.done-banner{text-align:center;border:3px solid var(--line);background:linear-gradient(90deg,#ffe9a8,#ffd97a);border-radius:16px;margin-top:16px;padding:14px;font-size:16px;font-weight:900;animation:.35s cubic-bezier(.175,.885,.32,1.4) both pop;box-shadow:3px 3px #5b3a29d9}.lb-row{border-bottom:1px dashed #5b3a294d;align-items:center;gap:12px;padding:12px 14px;display:flex}.lb-row:last-child{border-bottom:none}.lb-rank{border:3px solid var(--line);background:var(--milk);border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:900;display:flex}.lb-rank.gold{background:var(--yellow)}.lb-rank.silver{background:#e4e7ec}.lb-rank.bronze{background:#e9c3a0}.lb-name{flex:1;font-size:15px;font-weight:800}.lb-points{color:var(--caramel-d);font-size:16px;font-weight:900}.lb-sub{color:#9b8a7a;font-size:12px;font-weight:600}.post{border-bottom:2px dashed #5b3a294d;padding:16px 0}.post:last-child{border-bottom:none}.post .post-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.post .post-author{font-size:15px;font-weight:900}.post .post-time{color:#9b8a7a;font-size:12px;font-weight:600}.post .post-body{font-size:14.5px;line-height:1.8}.post .post-meta{color:#7a5a3f;align-items:center;gap:14px;margin-top:10px;font-size:13px;font-weight:700;display:flex}.reply{background:var(--milk);border:2px solid var(--line);border-radius:12px;margin-top:12px;margin-left:24px;padding:10px 14px}.reply .post-author{font-size:13.5px}.cup{flex:none;animation:3s ease-in-out infinite float;position:relative}.cup .straw{background:var(--red);border:3px solid var(--line);z-index:3;border-radius:8px;width:11%;height:46%;position:absolute;top:-34%;left:66%;transform:rotate(9deg)}.cup .lid{background:var(--yellow);border:3px solid var(--line);z-index:2;border-radius:999px;width:96%;height:20%;position:absolute;top:2%;left:2%}.cup .body{border:3px solid var(--line);z-index:1;background:linear-gradient(#ffe7b8,#ffd79b);border-radius:14px 14px 18px 18px;width:80%;height:74%;position:absolute;bottom:6%;left:10%;overflow:hidden}.cup .eye{background:var(--line);z-index:2;border-radius:50%;width:12%;height:16%;position:absolute;top:34%}.cup .eye-l{left:26%}.cup .eye-r{right:26%}.cup .mouth{border:3px solid var(--line);z-index:2;border-top:none;border-radius:0 0 999px 999px;width:20%;height:10%;position:absolute;top:56%;left:40%}.cup .blush{z-index:2;background:#f7a8c4d9;border-radius:50%;width:14%;height:9%;position:absolute;top:52%}.cup .blush-l{left:11%}.cup .blush-r{right:11%}.cup .pearls{z-index:2;align-items:flex-end;gap:4%;width:76%;height:26%;display:flex;position:absolute;bottom:6%;left:12%}.cup .pearls span{background:radial-gradient(circle at 35% 30%,#6b4a3a,#2f2420 70%);border-radius:50%;flex:1;height:58%}.cup .arm{background:var(--pink);border:3px solid var(--line);z-index:2;border-radius:999px;width:16%;height:26%;position:absolute;top:44%}.cup .arm-l{left:-6%;transform:rotate(18deg)}.cup .arm-r{right:-6%;transform:rotate(-18deg)}.dash{grid-template-columns:240px 1fr;align-items:start;gap:20px;display:grid}@media (max-width:860px){.dash{grid-template-columns:1fr}}.dash-nav{flex-direction:column;gap:8px;display:flex;position:sticky;top:84px}.dash-nav a{border:3px solid var(--line);background:var(--white);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:800;box-shadow:3px 3px #5b3a29cc}.dash-nav a:hover{transform:translate(-1px,-2px)}.dash-nav a.active{background:var(--yellow)}.muted{color:#7a5a3f;font-size:13px;font-weight:600}.divider{border:none;border-top:2px dashed #5b3a2966;margin:18px 0}.inline-code{background:var(--milk);border:2px solid var(--line);border-radius:6px;padding:0 6px;font-family:monospace;font-weight:700}.flex{align-items:center;gap:10px;display:flex}.flex-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mt{margin-top:16px}.mb{margin-bottom:16px}.text-center{text-align:center}@keyframes pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.xz-float{z-index:200;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex;position:fixed;bottom:22px;right:22px}.xz-float:hover .cup{transform:scale(1.08)}.xz-float-label{color:var(--ink);background:var(--yellow);border:2px solid var(--line);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:900;box-shadow:2px 2px #5b3a29cc}.xz-panel{z-index:201;background:var(--white);border:3px solid var(--line);border-radius:18px;flex-direction:column;width:340px;max-width:calc(100vw - 32px);max-height:70vh;animation:.25s cubic-bezier(.175,.885,.32,1.3) both pop;display:flex;position:fixed;bottom:96px;right:22px;overflow:hidden;box-shadow:6px 6px #5b3a29d9}.xz-head{color:#fff6e7;border-bottom:3px solid var(--line);background:linear-gradient(#c98a5b,#b5764a);justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;font-weight:900;display:flex}.xz-close{background:var(--pink);border:2px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;width:24px;height:24px;font-weight:900}.xz-quota{background:var(--milk);border-bottom:2px dashed var(--line);color:#7a5a3f;flex-wrap:wrap;gap:6px;padding:8px 12px;font-size:11.5px;font-weight:700;display:flex}.xz-quota b{color:var(--caramel-d)}.xz-msgs{flex-direction:column;flex:1;gap:8px;min-height:160px;padding:12px;display:flex;overflow-y:auto}.xz-msg{border:2px solid var(--line);border-radius:14px;max-width:85%;padding:8px 12px;font-size:13.5px;line-height:1.7}.xz-bot{background:var(--white);align-self:flex-start}.xz-user{background:#ddf0d0;align-self:flex-end}.xz-error{color:#8a2b22;border-top:2px solid var(--red);background:#fde8e4;padding:8px 12px;font-size:12.5px;font-weight:700}.xz-input-row{border-top:3px solid var(--line);background:var(--milk);gap:8px;padding:10px 12px;display:flex}.xz-input-row .input{font-size:13.5px}.exam-overlay{z-index:300;background:var(--cream);background-image:radial-gradient(#c98a5b2e 1.5px,#0000 1.5px);background-size:26px 26px;padding:24px 20px 80px;position:fixed;inset:0;overflow-y:auto}.exam-bar{z-index:5;border:3px solid var(--line);color:#fff6e7;background:linear-gradient(#c98a5b,#b5764a);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:4px 4px #5b3a29d9}.exam-timer{letter-spacing:1px;font-size:22px;font-weight:900}.exam-timer.warn{color:#ffe9a8;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:.4}}.vocab{cursor:help;background:#e86a5e14;border-bottom:2px dashed #e86a5e;padding:0 1px;position:relative}.vocab .vocab-tip{color:#fff6e7;white-space:nowrap;z-index:60;text-align:left;background:#4a3226;border-radius:8px;max-width:280px;padding:8px 11px;font-size:12px;line-height:1.5;display:none;position:absolute;bottom:135%;left:50%;transform:translate(-50%)}.vocab .vocab-tip b{color:#ffd97a}.vocab:hover .vocab-tip{display:block}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.vocab-card{border:2px solid var(--line);background:var(--white);border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}