:root{--paper:#fffdf8;--ink:#182633;--muted:#5a6872;--line:#dfe8ee;--cyan:#62c9e9;--yellow:#ffd166;--coral:#ff7f73;--blue:#2e8fe8;--mint:#d8f8ed;--glass:rgba(255,255,255,.72);--shadow:0 26px 70px rgba(46,143,232,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;font-family:Inter,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 14% 8%,#fff1b9 0 13%,transparent 14%),radial-gradient(circle at 90% 12%,#d9f6ff 0 17%,transparent 18%),linear-gradient(180deg,#fffdf8 0%,#f3fbff 52%,#fff8f5 100%);line-height:1.72;letter-spacing:0}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.desk-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 5vw;background:rgba(255,253,248,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand-mark{display:flex;align-items:center;gap:11px;min-width:230px}.brand-mark span{width:36px;height:36px;border-radius:13px;background:linear-gradient(145deg,#fff,#dff8ff);border:1px solid #bde8f6;position:relative;box-shadow:0 10px 24px rgba(98,201,233,.25)}.brand-mark span:before,.brand-mark span:after{content:"";position:absolute;top:-6px;width:12px;height:12px;background:#fff7cc;border:1px solid #f2c858;border-radius:5px;transform:rotate(20deg)}.brand-mark span:before{left:6px}.brand-mark span:after{right:6px;background:#e3f7ff;border-color:#a8dff3}.brand-mark span{background-image:linear-gradient(145deg,#fff,#dff8ff),linear-gradient(135deg,transparent 0 38%,#ffd166 39% 48%,#2e8fe8 49% 58%,transparent 59%)}.brand-mark strong{display:block;font-size:1rem}.brand-mark small{display:block;font-size:.73rem;color:var(--blue)}.main-nav{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}.main-nav a{padding:8px 10px;border:1px solid transparent;border-radius:8px;color:#314657;font-size:.92rem}.main-nav a:hover{background:#fff;border-color:#cfe8f2}.nav-toggle{display:none;border:1px solid #cfe8f2;background:#fff;border-radius:8px;padding:8px 12px;color:var(--ink)}.learning-hero{display:grid;grid-template-columns:minmax(300px,1fr) minmax(420px,1fr);gap:30px;align-items:center;padding:48px 5vw 22px}.hero-copy{padding:22px 0}.sticker,.section-title p,.page-head>p{display:inline-flex;margin:0 0 14px;padding:6px 10px;border-radius:999px;background:#fff3c5;color:#8e6100;font-weight:800;font-size:.84rem}.learning-hero h1{font-size:clamp(2.35rem,4.2vw,3.8rem);line-height:1.03;margin:0;max-width:980px}.page-head h1{font-size:clamp(2.35rem,5.5vw,5.7rem);line-height:1.03;margin:0;max-width:980px}.learning-hero h1 span{display:block;white-space:nowrap}.lead,.page-head div{font-size:1.08rem;color:var(--muted);max-width:700px;margin:22px 0}.hero-actions,.page-head nav,.read-next{display:flex;gap:12px;flex-wrap:wrap}.hero-actions a,.page-head nav a,.line-button,.note-panel a,.read-next a{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:10px;background:var(--ink);color:#fff;font-weight:850;border:1px solid var(--ink)}.hero-actions a:nth-child(2),.page-head nav a:nth-child(n+2),.note-panel a:nth-child(n+2){background:#fff;color:var(--ink);border-color:#cfe8f2}.hero-image{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(160,219,238,.65);box-shadow:var(--shadow);background:#fff;aspect-ratio:16/9}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-strip span{background:var(--glass);border:1px solid rgba(195,229,240,.9);border-radius:16px;padding:15px 18px;backdrop-filter:blur(16px);box-shadow:0 16px 40px rgba(98,201,233,.08)}.hero-strip b{font-size:1.7rem;color:var(--blue);margin-right:7px}.device-ribbon{margin:8px 5vw 26px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.device-ribbon a{min-height:168px;padding:18px;border-radius:20px;background:rgba(255,255,255,.76);border:1px solid #d6edf5;box-shadow:0 16px 46px rgba(24,38,51,.07);backdrop-filter:blur(15px)}.device-ribbon b{font-size:1.35rem;color:var(--blue)}.device-ribbon span,.device-ribbon em{display:block;margin-top:9px;color:var(--muted);font-style:normal}.scene-room,.download-window,.article-room,.help-glass,.download-board,.family-layout,.scene-grid.scene-page,.help-cards,.text-page,.contact-box,.note-panel{max-width:1180px;margin:0 auto;padding:58px 5vw}.scene-room{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px}.section-title h2{font-size:clamp(1.85rem,3vw,3.05rem);line-height:1.12;margin:0}.section-title span{display:block;margin-top:12px;color:var(--muted)}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scene-grid article,.window-grid article,.download-board article,.family-layout article,.help-cards article,.text-page article,.contact-box>div,.note-panel{background:rgba(255,255,255,.77);border:1px solid #d6edf5;border-radius:18px;padding:20px;box-shadow:0 16px 42px rgba(46,143,232,.08);backdrop-filter:blur(14px)}.scene-grid h3,.scene-grid h2,.window-grid strong,.download-board h2,.family-layout h2,.help-cards h2,.text-page h2,.contact-box h2{margin-top:0}.scene-grid p,.window-grid p,.download-board p,.download-board li,.family-layout p,.help-cards p,.text-page p,.contact-box p,.note-panel p{color:var(--muted)}.download-window{background:linear-gradient(135deg,rgba(216,248,237,.52),rgba(255,248,220,.62));max-width:none;border-top:1px solid #d6edf5;border-bottom:1px solid #d6edf5}.download-window>.section-title,.download-window>.window-grid{max-width:1180px;margin-left:auto;margin-right:auto}.window-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.window-grid.wide{max-width:1180px;margin:0 auto 30px}.article-list{border-top:1px solid #d6edf5;margin-top:18px}.article-card{display:grid;grid-template-columns:120px 92px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid #d6edf5;align-items:start}.article-card time,.article-card span{font-weight:850;color:var(--blue);font-size:.88rem}.article-card h3{margin:0}.article-card p{grid-column:3;margin:0;color:var(--muted)}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.faq-list details{background:#fff;border:1px solid #d6edf5;border-radius:14px;padding:15px}.faq-list summary{font-weight:850;cursor:pointer}.faq-list p{color:var(--muted)}.page-head{padding:66px 5vw 48px;background:linear-gradient(135deg,#fffdf8,#eaf9ff 58%,#fff3ee);border-bottom:1px solid #d6edf5}.download-board{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.download-board article{scroll-margin-top:90px}.note-panel{margin-top:20px;margin-bottom:44px}.note-panel ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0}.note-panel li{background:#fff;border:1px solid #d6edf5;border-radius:14px;padding:14px}.family-layout,.help-cards,.contact-box{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scene-grid.scene-page{grid-template-columns:repeat(3,1fr)}.contact-box{grid-template-columns:1fr 1fr}.text-page{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.long-read{max-width:860px;margin:0 auto;padding:52px 5vw}.article-meta{display:flex;gap:12px;color:var(--blue);font-weight:850}.long-read h2{margin-top:34px;font-size:1.55rem}.long-read p{color:#405464}.read-next{border-top:1px solid #d6edf5;padding-top:20px;margin-top:30px}.site-foot{background:#14202b;color:#f8fbff;padding:34px 5vw}.foot-board{max-width:1180px;margin:0 auto 22px;display:flex;justify-content:space-between;gap:20px}.foot-board p{color:#c7d7e0;max-width:560px}.foot-board a{color:#ffd166}.site-foot nav{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.site-foot nav a{border:1px solid rgba(255,255,255,.17);border-radius:10px;padding:10px;text-align:center}@media (max-width:900px){.desk-top{align-items:center}.nav-toggle{display:inline-flex}.main-nav{display:none;position:absolute;left:0;right:0;top:62px;padding:10px 5vw;background:#fffdf8;border-bottom:1px solid #d6edf5}.main-nav.open{display:grid;grid-template-columns:1fr 1fr}.brand-mark{min-width:0}.brand-mark small{display:none}.learning-hero{grid-template-columns:1fr;padding-top:34px}.hero-copy{padding:0}.hero-strip,.device-ribbon,.scene-room,.window-grid,.download-board,.family-layout,.scene-grid,.scene-grid.scene-page,.help-cards,.faq-list,.note-panel ol,.text-page,.contact-box,.site-foot nav{grid-template-columns:1fr}.scene-room{display:block}.article-card{grid-template-columns:1fr;gap:6px}.article-card p{grid-column:auto}.foot-board{display:block}.learning-hero h1{font-size:clamp(2rem,8vw,2.2rem)}.page-head h1{font-size:clamp(2rem,9vw,3rem)}}