:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#233c3e;background:#f4f7f5;font-synthesis:none;--accent:#28766b;--line:#dce6df}*{box-sizing:border-box}body{margin:0}header{max-width:1160px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px}a{color:#39766d;text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:23px;font-weight:750;color:#233c3e}.brand span{font-size:12px;font-weight:500;margin-left:12px;color:#748582}main{max-width:1120px;margin:0 auto;padding:16px 28px 40px}.hero{padding:36px 0 42px;max-width:780px}.eyebrow,.step{font-size:12px;letter-spacing:1.5px;font-weight:700;color:#588b7e}.hero h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(32px,4.5vw,52px);line-height:1.35;letter-spacing:-1px;margin:16px 0}.hero p{color:#6c7e79;font-size:16px;line-height:1.9}.hero strong{color:#28766b}.hero.small{padding:22px 0}.hero.small h1{font-size:34px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.chips span{background:#e9f0eb;border:1px solid #dce8df;padding:7px 12px;border-radius:30px;font-size:12px;color:#55766a}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:22px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:28px;margin-bottom:22px;box-shadow:0 3px 12px #294f3910}.compact{padding:24px}h2{font-size:23px;margin:12px 0 24px}h3{font-size:18px;margin-top:0}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}input,textarea,select{width:100%;font:inherit;font-weight:400;border:1px solid #cfdcd4;border-radius:8px;background:#fdfefd;padding:12px;margin-top:8px;color:#243f38}textarea{line-height:1.8;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #82b9a9;outline-offset:1px}button{font:inherit;background:var(--accent);border:1px solid var(--accent);color:white;cursor:pointer;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#fff;color:#387264;border-color:#c7d8ce}.danger{color:#9a4541;border-color:#dcbfba}.hint{font-size:12px;color:#768780;line-height:1.8}.steps{padding-left:22px;line-height:2.5;color:#536b61;font-size:14px}.notice,.result{padding:18px;border:1px solid #c9dfd3;border-radius:10px;background:#edf5ef;margin:15px 0;line-height:1.8}.notice.error{border-color:#e2c7ba;background:#fff4ed;color:#944b31}.result h3{margin:0 0 10px}.price{font-size:32px;color:#28766b;font-weight:750}.payment{display:grid;grid-template-columns:240px 1fr;gap:30px;margin-top:22px}.qr{width:100%;max-width:240px;border-radius:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.badge{display:inline-block;border-radius:30px;background:#e9f2ed;color:#3b7967;padding:5px 10px;font-size:12px}.credentials{background:#f4f7f5;padding:14px;border:1px dashed #c8d7ce;border-radius:9px;overflow-wrap:anywhere;font-family:monospace;font-size:12px}.lesson{border-top:1px solid var(--line);padding:18px 0}.lesson summary{cursor:pointer;font-weight:650;color:#345e50;font-size:17px;line-height:1.7}.lesson-body{line-height:1.95;white-space:pre-wrap;color:#3d544a}.lesson-body h3{margin:22px 0 8px;font-size:17px}.lesson-body p{margin:8px 0}.order-meta{font-size:13px;color:#6a7e74;line-height:1.9;overflow-wrap:anywhere}.admin-order{padding:24px}.admin-order p{white-space:pre-wrap}.admin-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin:18px 0}.admin-form input{margin:0}.checklabel{font-weight:400;display:flex;gap:8px;align-items:flex-start}.checklabel input{width:auto;margin:3px 0 0}.recent{display:block;margin:12px 0;font-size:12px;text-align:left}.progress{height:7px;background:#eaf0eb;border-radius:10px;overflow:hidden;margin:12px 0}.progress div{height:100%;background:#5d9983;width:0}.receipt-button{margin:12px 0}.subtitle{color:#738479;font-size:13px}footer{text-align:center;line-height:1.9;font-size:12px;color:#85948b;padding:25px 25px 40px}[hidden]{display:none!important}@media(max-width:720px){header{padding:18px}.brand span{display:block;margin:4px 0 0}header>a:last-child{font-size:12px}main{padding:0 16px 25px}.hero{padding:20px 0 28px}.layout{grid-template-columns:1fr}.card{padding:21px}.payment{grid-template-columns:1fr}.qr{max-width:220px}.toolbar{align-items:flex-start;flex-direction:column}.admin-form{grid-template-columns:1fr}.hero.small h1{font-size:28px}.actions button{padding:10px 12px}}

.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.video-link{border:1px solid var(--line,#dce5df);border-radius:14px;padding:22px;background:#fafcf9}.video-link h3{line-height:1.5;margin:14px 0 8px}.video-watch{display:inline-block;padding:10px 0;color:#216549;font-weight:700}.video-grid>.hint{grid-column:1/-1}@media(max-width:650px){.video-grid{grid-template-columns:1fr}.video-link{padding:18px}}

.photo-import{border:1px solid #bed7c9;background:#f4f9f5;padding:22px;border-radius:12px}.photo-import h3{line-height:1.6}.photo-upload-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.photo-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.photo-preview{min-width:0;padding:9px;background:#fff;border:1px solid #d6e4db;border-radius:9px}.photo-preview img{width:100%;height:125px;object-fit:contain;background:#edf1ee}.photo-preview span,.photo-preview small{display:block;overflow-wrap:anywhere;margin:6px 0;font-size:12px}.photo-preview small{color:#77887d;font-size:10px}.photo-preview>div{display:flex;gap:5px;flex-wrap:wrap}.photo-preview button{padding:5px 7px;font-size:10px}.book-metadata{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-divider{border-top:1px solid var(--line);margin:25px 0}#recognize-book{width:100%}#recognition-status:empty{display:none}@media(max-width:650px){.photo-import{padding:16px}.photo-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.book-metadata{grid-template-columns:1fr;gap:0}.photo-upload-actions{display:grid;grid-template-columns:1fr}.photo-preview img{height:150px}}