:root{--ink:#171717;--paper:#fffaf0;--paper2:#f4efe2;--blue:#2d66d4;--red:#e9563f;--green:#79a843;--gray:#686868;--line:#d9cfbd;--white:#fffdf8}*{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 12% 10%,rgba(45,102,212,.08),transparent 24rem),linear-gradient(90deg,rgba(23,23,23,.04) 1px,transparent 1px),linear-gradient(rgba(23,23,23,.035) 1px,transparent 1px),var(--paper);background-size:auto,28px 28px,28px 28px;color:var(--ink);line-height:1.72}a{color:inherit}img{display:block;max-width:100%}.desk-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(16px,4vw,46px);background:rgba(255,253,248,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 10px 28px rgba(50,38,18,.08)}.brand-chip{display:grid;grid-template-columns:38px auto;column-gap:10px;align-items:center;text-decoration:none}.brand-chip span{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--blue) 0 44%,#fff 44% 55%,var(--red) 55%);border:2px solid var(--ink);box-shadow:3px 3px 0 rgba(23,23,23,.18)}.brand-chip b{font-size:19px}.brand-chip small{grid-column:2;color:var(--gray);font-size:12px}.desk-top nav{display:flex;flex-wrap:wrap;gap:8px}.desk-top nav a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;font-weight:800;font-size:13px}.menu-btn{display:none;width:40px;height:38px;border:1px solid var(--line);background:#fff;border-radius:9px}.studio-hero{max-width:1240px;margin:30px auto 0;padding:0 clamp(16px,4vw,0);display:grid;grid-template-columns:.86fr 1.14fr;gap:22px;align-items:stretch}.hero-copy,.inner-sheet{background:rgba(255,253,248,.96);border:1px solid var(--line);border-radius:18px;padding:clamp(26px,4.5vw,46px);box-shadow:0 24px 70px rgba(75,56,28,.14);position:relative;overflow:hidden}.hero-copy:before,.inner-sheet:before{content:"";position:absolute;inset:0 auto 0 0;width:9px;background:linear-gradient(var(--blue),var(--red),var(--green))}.desk-note{margin:0 0 14px;color:var(--red);font-weight:900;letter-spacing:0;text-transform:uppercase}.hero-copy h1,.inner-sheet h1,.article-paper h1{font-family:Georgia,"Times New Roman",serif;line-height:1.02;font-size:clamp(37px,5.7vw,72px);letter-spacing:0;margin:0 0 18px}.hero-copy p,.inner-sheet p{font-size:17px;color:#373737}.sketch-visual{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 70px rgba(75,56,28,.18);background:#fff}.sketch-visual img{aspect-ratio:16/9;object-fit:cover}.pencil-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.pencil-actions a,.ink-split a,.help-notebook a{display:inline-flex;align-items:center;text-decoration:none;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;font-weight:900}.pencil-actions a+ a{background:#fff;color:var(--ink)}.paper-tabs{max-width:1240px;margin:22px auto;padding:0 clamp(16px,4vw,0);display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.paper-tabs a,.index-board article,.task-ledger article,.device-sketch article,.route-paper article,.plan-sketch article,.bottom-sketch article,.help-notebook article,.lesson-grid article{background:rgba(255,253,248,.96);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 34px rgba(78,60,30,.08);padding:18px;text-decoration:none}.paper-tabs b{display:block;color:var(--blue);font-size:17px}.paper-tabs span{display:block;color:var(--gray);font-size:13px;margin-top:5px}.index-board,.task-ledger,.plan-sketch,.bottom-sketch{max-width:1240px;margin:30px auto;padding:0 clamp(16px,4vw,0);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.index-board span,.device-sketch span,.lesson-grid span{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:#fff;padding:3px 9px;color:var(--blue);font-weight:900;font-size:12px}.index-board h2,.task-ledger h2,.device-sketch h2,.route-paper b,.plan-sketch h2,.bottom-sketch h2,.help-notebook h2,.lesson-wall h2,.ink-split h2,.source-ruler h2{margin:10px 0 8px;line-height:1.2}.index-board p,.task-ledger p,.device-sketch p,.device-sketch li,.route-paper p,.plan-sketch p,.bottom-sketch p,.help-notebook p,.lesson-grid p,.ink-split p,.source-ruler p,.article-paper p{color:var(--gray)}.ink-split{max-width:1240px;margin:32px auto;padding:28px clamp(20px,4vw,36px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#ffffff,#f0f6ff 52%,#fff2ed);box-shadow:0 18px 50px rgba(73,60,38,.1)}.inner-sheet{max-width:1040px;margin:34px auto}.device-sketch,.route-paper,.help-notebook{max-width:1240px;margin:30px auto;padding:0 clamp(16px,4vw,0);display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.route-paper{grid-template-columns:repeat(4,1fr)}.source-ruler{max-width:960px;margin:30px auto;padding:26px clamp(20px,4vw,32px);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:inset 0 0 0 8px rgba(45,102,212,.05),0 14px 36px rgba(73,60,38,.08)}.source-ruler div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lesson-wall{max-width:1240px;margin:36px auto;padding:0 clamp(16px,4vw,0)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.lesson-grid time{display:block;color:#7a7a7a;font-size:13px;margin:8px 0}.lesson-grid a{text-decoration:none}.faq-drawer{max-width:940px;margin:36px auto;padding:0 clamp(16px,4vw,0)}details{background:#fff;border:1px solid var(--line);border-radius:14px;margin:12px 0;padding:0 18px;box-shadow:0 8px 24px rgba(78,60,30,.07)}summary{cursor:pointer;font-weight:900;padding:16px 0}.article-paper{max-width:900px;margin:34px auto;padding:0 clamp(16px,4vw,0)}.article-paper header,.article-paper section,.article-paper footer{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 30px rgba(73,60,38,.08);padding:26px;margin:14px 0}.article-paper time{color:#777}.article-paper footer{display:flex;gap:10px;flex-wrap:wrap}.article-paper footer h2{width:100%;margin:0}.article-paper footer a{border:1px solid var(--line);background:#fff7ea;border-radius:999px;padding:8px 12px;text-decoration:none;font-weight:800}.studio-footer{max-width:1240px;margin:54px auto 0;padding:28px clamp(16px,4vw,0);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;background:rgba(255,253,248,.7)}.studio-footer p{color:var(--gray);margin:4px 0}.studio-footer nav{display:flex;gap:12px;flex-wrap:wrap}.studio-footer a{text-decoration:none;color:#333}@media(max-width:960px){.menu-btn{display:block}.desk-top nav{display:none;position:absolute;left:16px;right:16px;top:68px;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 18px 36px rgba(0,0,0,.12)}.desk-top nav.open{display:flex}.studio-hero,.paper-tabs,.index-board,.task-ledger,.device-sketch,.route-paper,.plan-sketch,.bottom-sketch,.help-notebook,.lesson-grid,.ink-split,.source-ruler div{grid-template-columns:1fr}.hero-copy h1,.inner-sheet h1,.article-paper h1{font-size:34px}.sketch-visual img{max-height:360px;object-position:center}.studio-footer{display:block}.studio-footer nav{margin-top:14px}}