:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#263c32;background:#f5f3ed;font-size:15px;line-height:1.65}*{box-sizing:border-box}body{margin:0}header{background:#fffdf8;border-bottom:1px solid #e0e3d8;padding:20px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-family:serif;font-size:29px;font-weight:700;white-space:nowrap}.brand small{font-family:sans-serif;font-size:12px;font-weight:400;color:#7b8175;margin-left:15px}.session{display:flex;gap:18px;align-items:center}.session label{font-size:12px;display:flex;align-items:center;gap:10px}.session select{width:auto;margin:0}.badge{font-size:11px;padding:4px 10px;border:1px solid #d5ddca;background:#f0f3e8;border-radius:20px;white-space:nowrap}main{max-width:1240px;margin:auto;padding:34px 24px}.intro{display:flex;justify-content:space-between;align-items:center;padding:10px 0 22px}.eyebrow{font-size:12px;letter-spacing:3px;color:#788269}h1{font-family:serif;font-size:40px;line-height:1.3;margin:14px 0 12px;font-weight:500}.intro p{color:#77806d;margin:0}#quota{text-align:right;color:#58664d;font-size:13px}.notice{padding:12px 18px;background:#eee8d7;color:#71684d;font-size:12px;border-radius:8px;margin:6px 0 24px}.layout{display:grid;grid-template-columns:260px 1fr;gap:24px}.card{background:#fffefa;border:1px solid #e3e5da;border-radius:13px;padding:24px;margin-bottom:20px;box-shadow:0 3px 15px #2d3d2603}h2{font-size:17px;margin:0 0 16px;font-weight:600}.section-head{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.section-head h2{margin:0;flex:1}.step{font:italic 23px Georgia;color:#a0aa8d}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;color:#58654f;margin-bottom:15px}input,textarea,select{font:inherit;width:100%;border:1px solid #d7ddcc;border-radius:7px;background:#fffcf4;padding:10px 12px;margin-top:7px;color:#304133;outline:none}input:focus,textarea:focus,select:focus{border-color:#59744e;box-shadow:0 0 0 3px #728b5615}textarea{resize:vertical;line-height:1.85}button{border:1px solid #354f3a;border-radius:7px;background:#354f3a;color:#fffef8;padding:10px 18px;font:inherit;font-size:13px;cursor:pointer}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#fffdf7;color:#43563a;border-color:#d1d9c6}.actions{display:flex;gap:10px;flex-wrap:wrap}.hint,small{font-size:12px;color:#858774}.hint{margin:10px 0 16px}nav{margin-top:15px}nav button{display:block;text-align:left;width:100%;border:0;background:transparent;color:#68715f;margin:6px 0;padding:10px;font-size:13px}nav button.selected{background:#ebefdf;color:#2e4c36;border-left:3px solid #526e48}.character{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:12px}.character img{width:38px;height:48px;object-fit:cover;border-radius:6px}.character small{display:block;font-size:10px;color:#989b8f}.pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 24px}.page img,.placeholder{display:block;width:100%;aspect-ratio:9/16;border-radius:8px;background:#f0eee4;object-fit:contain}.placeholder{display:flex;align-items:center;justify-content:center;padding:15px;text-align:center;color:#858975}.page p{font-size:11px;margin:6px 0;color:#7d856e}.page .actions{gap:6px}.page button,.page a{font-size:11px;padding:5px 9px}.page a{color:#4b6440;text-decoration:none}details{font-size:13px}details summary{cursor:pointer;color:#56694b;padding:8px 0}details form{margin-top:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:12px;color:#69755d}#message{position:sticky;top:8px;z-index:5;background:#e5eeda;border-radius:8px;padding:0 15px;color:#36502d;margin-bottom:12px}#message:not(:empty){padding:12px 15px}#message.error{background:#f5e2db;color:#974735}#recommendations{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}#recommendations button{font-size:12px;background:#f0f2e8;color:#4e6544;border-color:#dce3d1}footer{text-align:center;font-size:11px;color:#949887;padding:24px}[hidden]{display:none!important}@media(max-width:850px){.brand small{display:none}.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sidebar .card{margin:0}.intro{align-items:flex-start;gap:15px}h1{font-size:32px}.pages{grid-template-columns:repeat(2,minmax(0,1fr))}header{padding:15px 20px}.session .badge{display:none}}@media(max-width:480px){main{padding:20px 14px}.sidebar{grid-template-columns:1fr}.card{padding:18px}.row{grid-template-columns:1fr;gap:0}.intro{display:block}#quota{text-align:left;margin-top:18px}.brand{font-size:24px}.session{gap:8px}.pages{gap:10px}}