:root{--ink:#2e3a3a;--muted:#718080;--cream:#fffaf1;--paper:#fff;--coral:#ff8069;--coral2:#ffad88;--mint:#86ceb1;--mint2:#dff5e9;--yellow:#ffd86e;--line:#eadfd1;--shadow:0 18px 50px rgba(78,66,50,.10)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 10% 0,#fff1d7,transparent 24%),linear-gradient(180deg,#fffaf1,#f6f9f3);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;min-height:100vh}button,select,input,textarea{font:inherit}.topbar{height:78px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1240px)/2));background:rgba(255,255,255,.9);border-bottom:1px solid #eee5d9;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--coral);color:#fff;display:grid;place-items:center;font-weight:900;font-size:22px;transform:rotate(-5deg)}.brand b{display:block;font-size:17px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.topbar nav{display:flex;gap:6px}.nav-btn,.outline-btn{border:0;background:transparent;padding:10px 14px;border-radius:12px;color:var(--muted);cursor:pointer}.nav-btn.active{background:#fff0e9;color:#d9553e;font-weight:700}.outline-btn{border:1px solid var(--line);color:var(--ink)}main{max-width:1240px;margin:auto;padding:34px 24px 70px}.view{display:none}.active-view{display:block}.card{background:rgba(255,255,255,.94);border:1px solid rgba(225,213,197,.8);border-radius:28px;box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:22px}.pet-stage{min-height:390px;position:relative;overflow:hidden;padding:48px;background:linear-gradient(135deg,#fff8e9 0%,#fff 47%,#dcf3e8 100%)}.pet-stage:after{content:"";position:absolute;width:230px;height:70px;background:#d4aa72;opacity:.18;border-radius:50%;right:60px;bottom:38px}.pet-copy{position:relative;z-index:2;max-width:48%}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d56850;font-weight:800}.pet-copy h1,.course-head h1{font-family:STKaiti,KaiTi,serif;font-size:48px;margin:9px 0 8px}.pet-copy p,.course-head p{color:var(--muted);margin:0}.pet-portrait{position:absolute;right:60px;bottom:55px;width:280px;height:280px;display:grid;place-items:center;z-index:2}.pet-portrait img{max-width:90%;max-height:90%;object-fit:contain;filter:drop-shadow(0 14px 10px rgba(47,64,54,.14));animation:float 3s ease-in-out infinite}.pet-glow{position:absolute;inset:35px;border-radius:50%;background:radial-gradient(circle,#fff 0,#fff9 45%,transparent 72%)}@keyframes float{50%{transform:translateY(-8px) rotate(1deg)}}.pet-actions{position:absolute;left:48px;bottom:38px;display:flex;gap:10px;z-index:3}.primary-btn,.soft-btn{border:0;border-radius:14px;padding:12px 17px;cursor:pointer;font-weight:700}.primary-btn{background:var(--coral);color:#fff;box-shadow:0 8px 20px #ff806944}.soft-btn{background:#fff;border:1px solid var(--line);color:var(--ink)}.status{padding:28px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-title h2{font-size:23px;margin:5px 0 0}.level,.date-pill{background:var(--mint2);color:#308567;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.progress-wrap{margin:28px 0}.progress-meta{display:flex;justify-content:space-between;font-size:13px;margin-bottom:9px}.progress{height:11px;border-radius:20px;background:#edf0ea;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),#55b996);border-radius:inherit;transition:.4s}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-grid div{background:#fbfaf6;border:1px solid #f0e9df;padding:14px;border-radius:16px}.stat-grid span{font-size:21px;margin-right:8px}.stat-grid b{font-size:18px}.stat-grid small{display:block;color:var(--muted);margin:5px 0 0 34px}.home-upgrade{width:100%;border:0;background:#fff3cf;color:#8a6500;padding:12px;margin-top:14px;border-radius:13px;cursor:pointer}.content-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;margin-top:22px}.today-card,.diary-card{padding:28px}.circle-btn{width:40px;height:40px;border-radius:50%;border:0;background:var(--coral);color:#fff;font-size:24px;cursor:pointer}.task-list{margin-top:20px;display:grid;gap:10px}.task{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid #eee5d9;border-radius:17px;transition:.2s}.task:hover{transform:translateX(3px)}.task input{width:20px;height:20px;accent-color:var(--mint)}.task.done{opacity:.55;background:#f7f7f3}.task.done b{text-decoration:line-through}.task b{display:block}.task small{color:var(--muted)}.subject-chip{font-size:11px;padding:5px 9px;border-radius:99px;background:#fff0e9;color:#d9553e}.task-footer{display:flex;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:13px}.text-btn{border:0;background:none;color:#d9553e;cursor:pointer;font-weight:700}.diary-card textarea{width:100%;height:118px;margin:20px 0 10px;border:1px solid var(--line);border-radius:16px;padding:14px;resize:none;background:#fffcf7}.mood-picker{display:flex;gap:8px;margin-bottom:12px}.mood-picker button{border:0;background:#f5f3ec;border-radius:10px;padding:7px;cursor:pointer}.full{width:100%}.diary-card blockquote{font-family:KaiTi,serif;color:#8a715a;background:#fff6de;margin:18px 0 0;padding:14px;border-radius:14px}.course-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.course-head h1{font-size:42px}.selectors{display:flex;gap:10px}.selectors select,.search-box{padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:14px}.subject-tabs,.pet-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.subject-tabs button,.pet-tabs button{border:1px solid var(--line);background:#fff;padding:10px 17px;border-radius:999px;cursor:pointer}.subject-tabs button.active,.pet-tabs button.active{background:var(--ink);color:#fff}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lesson{padding:22px;background:#fff;border:1px solid var(--line);border-radius:22px;position:relative}.lesson-num{color:#d56850;font-weight:900;font-size:12px}.lesson h3{margin:10px 0 8px}.lesson p{color:var(--muted);font-size:13px;line-height:1.7;min-height:44px}.lesson-actions{display:flex;gap:8px;margin-top:14px}.lesson-actions button{border:0;padding:8px 11px;border-radius:10px;cursor:pointer}.add-lesson{background:#fff0e9;color:#cf593f}.speak-btn{background:#e7f6ef;color:#26795d}.practice-panel,.video-library{margin-top:22px;padding:26px;display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:center}.practice-panel h2,.video-library h2{margin:5px 0}.practice-panel p{font-size:26px;font-weight:800}.practice-options{display:flex;gap:10px;flex-wrap:wrap}.practice-options button{min-width:58px;padding:13px;border:1px solid var(--line);background:#fff;border-radius:14px;cursor:pointer}.video-library{grid-template-columns:1fr auto}.file-btn input{display:none}.video-area{grid-column:1/-1;min-height:180px;border:2px dashed #dfd6c8;border-radius:20px;display:grid;place-items:center;background:#fcfbf7;color:var(--muted)}.video-area span{font-size:38px}.video-area video{width:100%;max-height:460px;border-radius:18px}.search-box input{border:0;outline:0;background:transparent}.pet-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.pet-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;text-align:center;cursor:pointer;transition:.2s}.pet-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.pet-card.selected{outline:3px solid var(--coral)}.pet-card img{width:100%;height:145px;object-fit:contain;border-radius:13px;background:#fff}.pet-card b{display:block;font-size:13px;margin-top:7px}.pet-tabs{margin-bottom:18px}dialog{border:0;border-radius:24px;padding:0;box-shadow:0 30px 90px #0004}dialog::backdrop{background:#29363277;backdrop-filter:blur(4px)}dialog form{padding:28px;width:min(430px,85vw)}dialog h2{margin-top:0}dialog label{display:block;font-weight:700;margin:15px 0}dialog input,dialog select{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;margin-top:7px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:#263b35;color:#fff;padding:11px 18px;border-radius:13px;opacity:0;pointer-events:none;transition:.3s;z-index:50}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.topbar nav{display:none}.outline-btn{display:none}.hero-grid,.content-grid{grid-template-columns:1fr}.pet-stage{min-height:480px}.pet-copy{max-width:100%}.pet-portrait{right:50%;transform:translateX(50%);bottom:80px}.pet-actions{left:20px;right:20px;bottom:22px;justify-content:center}.lesson-grid{grid-template-columns:1fr 1fr}.pet-gallery{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){main{padding:20px 14px}.brand small{display:none}.topbar{height:66px;padding:0 14px}.pet-stage{padding:28px}.pet-copy h1,.course-head h1{font-size:34px}.pet-actions{gap:5px}.pet-actions button{font-size:12px;padding:10px}.course-head{display:block}.selectors{margin-top:16px}.lesson-grid{grid-template-columns:1fr}.pet-gallery{grid-template-columns:repeat(2,1fr)}.practice-panel,.video-library{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}}@media print{.topbar,.pet-actions,.diary-card,.status,.circle-btn,.task-footer{display:none!important}body{background:#fff}.view{display:none!important}#home{display:block!important}.hero-grid,.content-grid{display:block}.pet-stage{min-height:200px;box-shadow:none}.pet-portrait{width:150px;height:150px;bottom:15px}.today-card{box-shadow:none;margin-top:20px}.task{break-inside:avoid}}