:root{--bg:#f6f7f2;--paper:#fff;--ink:#233c35;--muted:#6c7c73;--green:#266452;--light:#eaf1e8;--line:#e0e7dc;--orange:#a45b34}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{outline-offset:4px}a{color:var(--green);text-decoration:none}header{min-height:94px;padding:18px max(24px,calc((100vw - 1240px)/2));background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:45px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2.5px;color:var(--muted)}.logo{display:grid;place-items:center;width:47px;height:49px;border-radius:16px;background:var(--light);font-size:30px}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{color:var(--muted);font-size:14px;padding:9px 0;border-bottom:2px solid transparent}nav a.active{color:var(--green);border-color:var(--green);font-weight:650}.header-note{font-size:12px;color:var(--muted);margin-left:auto;white-space:nowrap}main{max-width:1160px;margin:42px auto 65px;padding:0 24px;min-height:65vh}h1,h2,h3,p{margin-top:0}h1{font-size:40px;line-height:1.4;letter-spacing:-1px;font-weight:650}h2{font-size:23px;font-weight:650;line-height:1.5}h3{font-size:18px;line-height:1.6;margin-bottom:10px}p{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--green);margin-bottom:16px}.hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;padding:35px 40px;background:#eaf0e5;border:1px solid #dfe7d8;border-radius:24px;overflow:hidden;margin-bottom:26px}.hero p{max-width:540px;font-size:15px;margin-bottom:24px}.hero .pill{background:#f8fbf5}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:12px;color:var(--green);padding:4px 12px;border-radius:30px;background:var(--light);display:inline-block}.molecule{position:relative;min-height:240px;display:flex;align-items:center;justify-content:center}.atom{position:absolute;width:95px;height:95px;border-radius:50%;display:grid;place-items:center;font:500 30px Georgia;background:#f8f4df;border:1px solid #d7d6b8;box-shadow:inset -9px -12px 22px #d8d5b64f;color:#6b7150;z-index:1}.atom.o{width:130px;height:130px;background:#63977d;color:#fff;border-color:#4d7b64;left:calc(50% - 65px);top:40px;box-shadow:inset -12px -14px 22px #164e3638}.atom.h1{left:calc(50% - 145px);top:122px}.atom.h2{left:calc(50% + 50px);top:122px}.bond{position:absolute;width:190px;height:16px;background:#d0dcc8;top:144px;left:calc(50% - 95px)}.molecule em{position:absolute;bottom:-2px;color:#718267;font-style:normal;font-size:12px;letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.stat{border-bottom:1px solid var(--line);padding:15px 8px}.stat strong{display:block;font-size:26px;font-weight:600}.stat span,.small{font-size:13px;color:var(--muted)}.row{display:flex;gap:16px;align-items:center;justify-content:space-between}.section{margin-top:32px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:25px}.card p{font-size:14px;margin-bottom:18px}.card.done{border-color:#87af96}.card.current{border:1.5px solid #70957b;box-shadow:0 5px 20px #234f3710}.lesson-number{font:italic 27px Georgia;color:#96ad95;margin-bottom:15px}.card button{width:100%}button,.button{cursor:pointer;border:1px solid var(--green);background:var(--green);color:#fff;border-radius:10px;padding:10px 18px;line-height:1.5;font-size:14px;display:inline-block;text-align:center}button:hover,.button:hover{filter:brightness(.95)}button.secondary,.button.secondary{background:transparent;color:var(--green);border-color:#cbd8ca}button:disabled{opacity:.45;cursor:not-allowed}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.buttons button{width:auto}.note{padding:16px 20px;background:#f0f3e9;border-radius:12px;font-size:14px;color:#53674f}.lesson-layout{display:grid;grid-template-columns:240px 1fr;gap:25px}.sidebar{align-self:start;position:sticky;top:20px}.steps{list-style:none;padding:0;margin:20px 0}.steps li{padding:10px 13px;color:var(--muted);border-left:2px solid var(--line);font-size:14px}.steps li.on{color:var(--green);background:var(--light);border-color:var(--green)}.timer{font-size:34px;font-variant-numeric:tabular-nums;letter-spacing:1px;margin:12px 0}.guide{border-left:3px solid #7e9c6c;background:#f4f7ee;padding:18px 20px;border-radius:0 10px 10px 0;margin:18px 0}.guide p{color:#3e5745;margin:0}.guide-label{font-size:12px;letter-spacing:1px;color:#788c70;margin-bottom:8px}.question{padding:24px 0;border-bottom:1px solid var(--line)}.question:last-child{border-bottom:0}.question p{color:var(--ink);font-size:17px}textarea{display:block;width:100%;min-height:84px;padding:12px;border:1px solid #ccd7cd;border-radius:10px;background:#fdfefb;color:var(--ink);resize:vertical}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.answer{background:#edf4ec;padding:16px;border-radius:10px;margin-top:14px}.answer strong{font-size:12px;color:var(--green)}.answer p{font-size:15px;margin:6px 0 0}.hint{background:#faf1e3;color:#80603a;padding:10px 14px;border-radius:8px;font-size:14px;margin-top:12px}.status{font-size:12px;border-radius:5px;display:inline-block;padding:3px 8px;background:#edf3eb;color:var(--green)}.status.warn{background:#f8eddf;color:#966637}.muted{color:var(--muted)}.progress{height:5px;background:#e3e9dd;border-radius:4px;overflow:hidden;margin:16px 0}.progress>i{display:block;height:100%;background:#719b71}.wide{max-width:800px;margin:auto}.week{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;padding:20px 22px;margin:12px 0;background:#fff;border:1px solid var(--line);border-radius:14px}.week p{margin:0;font-size:14px}.week strong{font-size:18px}.week-num{font:italic 25px Georgia;color:#8ea58a}.empty{text-align:center;padding:50px 20px}.empty .symbol{font-size:44px;color:#8ea58a;margin-bottom:14px}.record{padding:18px 0;border-bottom:1px solid var(--line)}.record p{margin:8px 0;font-size:14px}.book-search{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;margin:10px 0 24px}.book details{background:#fff;border:1px solid var(--line);border-radius:14px;margin:12px 0;padding:20px}.book summary{cursor:pointer;font-weight:600;font-size:18px}.book article{font-size:15px;line-height:1.85;padding-top:18px;overflow-wrap:anywhere}.book article h2{font-size:21px}.book article h3{font-size:18px;margin-top:24px}.book article h4{font-size:16px;margin-top:20px}.book article p{color:#48594d}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;margin:14px 0}td,th{border:1px solid var(--line);padding:9px;text-align:left;min-width:100px}th{background:#f0f4ec}.score{font:600 44px Georgia;color:var(--green)}#notice{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#244b3d;color:#fff;border-radius:12px;padding:12px 22px;display:none;z-index:10;max-width:90vw;font-size:14px}#storage-warning{background:#fff0d9;color:#774f17;padding:12px 24px}footer{max-width:1160px;margin:0 auto;padding:22px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}input[type=checkbox]{margin-right:7px}.next-note{margin-top:24px;padding:20px;background:#f0f4ec;border-radius:12px}.badge-line{display:flex;align-items:center;gap:8px;margin-bottom:16px}ul{padding-left:22px}dialog{border:1px solid var(--line);border-radius:18px;max-width:430px;padding:28px;color:var(--ink)}@media(max-width:1000px){header{gap:25px;flex-wrap:wrap}.header-note{display:none}.hero{padding:28px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{padding:15px 20px;gap:12px}.brand{font-size:21px}nav{gap:19px;width:100%;overflow:auto;flex-wrap:nowrap}nav a{white-space:nowrap}main{margin:24px auto;padding:0 17px}h1{font-size:29px}.hero{grid-template-columns:1fr;padding:25px}.hero .molecule{display:none}.stats{gap:7px}.stat strong{font-size:22px}.grid{grid-template-columns:1fr}.lesson-layout{grid-template-columns:1fr}.sidebar{position:static;padding:18px}.sidebar .steps{display:none}.timer{font-size:28px;display:inline-block;margin:0 14px 0 0}.sidebar .buttons{display:inline-flex;margin-top:10px}.week{grid-template-columns:45px 1fr;padding:17px}.week .status{grid-column:2}.card{padding:21px}.row{align-items:flex-start;flex-wrap:wrap}.question p{font-size:16px}footer{flex-direction:column;gap:6px}.buttons{gap:8px}.buttons button{padding:10px 13px}}@media print{header,footer,.buttons,button,.sidebar,#notice{display:none!important}main{max-width:none;margin:0}.lesson-layout{display:block}.card{break-inside:avoid}body{background:#fff}}
.teach-panel{border:1px solid #cdddc8;border-radius:16px;padding:23px;margin:22px 0;background:#fcfef8}.teaching-diagram{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;background:#edf3e8;padding:24px 15px;border-radius:13px;margin-top:20px}.particle-group{text-align:center;border:2px dashed #a0b99a;border-radius:16px;padding:12px}.particle-balls{display:flex;gap:5px;justify-content:center;align-items:center;flex-wrap:wrap}.particle{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e6dba4;color:#4b4d37;font-weight:700}.particle.o{background:#54806a;color:white}.particle.c{background:#59696a;color:white}.particle.n{background:#879fb7;color:#fff}.particle-group small{display:block;color:#536b50;font-size:12px;margin-top:9px}.symbol-grid{display:flex;gap:26px;flex-wrap:wrap}.symbol-grid div{text-align:center}.symbol-grid b{font-size:32px;display:block}.symbol-grid span{font-size:13px}.diagram-divider{font-size:12px;color:#6b7b65}.mass-note{font-size:14px}.check-options{display:grid;gap:10px}.check-options button{text-align:left;white-space:normal}.teach-check{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.teach-check p{color:var(--ink)}.teaching-step{margin-top:20px}.teach-panel .guide p{font-size:16px;line-height:1.9}@media(max-width:650px){.teach-panel{padding:17px}.teaching-diagram{gap:10px}.particle{width:32px;height:32px}.particle-group{padding:9px}}
.diagnostic-result h2{font-size:25px}.diagnostic-result th{min-width:140px}.diagnostic-result td{vertical-align:top}.diagnostic-result .note{margin-bottom:20px}
#cloud-bar{position:sticky;bottom:0;z-index:9}.cloud-status{background:#e5efdf;border-top:1px solid #bacdb6;padding:10px max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:#35543c}.cloud-status>div{display:flex;gap:18px;align-items:center}.cloud-status button{padding:5px 12px;font-size:12px}.error-text{color:#a0472e!important;min-height:1em}#cloud-login input,#learner-select{display:block;width:100%;padding:12px;border:1px solid #bdcfb9;border-radius:9px;background:#fff;color:var(--ink)}#cloud-login input:focus{border-color:var(--green)}#import-file{max-width:100%;padding:10px 0}@media(max-width:650px){.cloud-status{flex-wrap:wrap;gap:8px}}