:root{--bg:#f7f5f0;--panel:#fffefb;--ink:#1f2428;--muted:#6c747b;--line:#e7e1d7;--brand:#12161b;--soft:#ebe7dd;--radius:26px;--shadow:0 20px 70px rgba(25,30,35,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#ece7db 0,#f7f5f0 34%,#f7f5f0 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,245,240,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,225,215,.72)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand-logo{display:inline-flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.02em}.logo-mark{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:16px;background:var(--brand);color:#fff;box-shadow:var(--shadow)}.top-nav{display:flex;gap:8px;align-items:center}.top-nav a{font-size:14px;color:#343a40;padding:10px 12px;border-radius:999px}.top-nav a:hover{background:var(--soft)}.nav-toggle{display:none}.search-zone{padding:0 0 18px}.search-label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.search-box{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px;box-shadow:0 10px 34px rgba(20,25,30,.05)}.search-box input{flex:1;border:0;background:transparent;padding:12px 18px;font-size:15px;outline:none}.search-box button,.primary-btn,.ghost-btn{border:0;border-radius:999px;padding:12px 20px;font-weight:700;cursor:pointer}.search-box button,.primary-btn{background:var(--brand);color:#fff}.ghost-btn{border:1px solid var(--line);background:var(--panel)}.search-notice{margin:8px 4px 0;color:var(--muted);font-size:13px;min-height:20px}.hero{padding:80px 0 56px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.eyebrow{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:8px 13px;background:rgba(255,255,255,.62);font-size:13px;color:var(--muted)}h1{font-size:clamp(42px,7vw,82px);line-height:1.05;margin:22px 0 20px;letter-spacing:-.06em}h2{font-size:clamp(28px,4vw,48px);line-height:1.12;margin:0 0 16px;letter-spacing:-.04em}h3{margin:0 0 10px;line-height:1.25}.lead{font-size:18px;color:#4f5961;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-media{position:relative;border-radius:38px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--panel)}.hero-media figcaption{position:absolute;left:22px;bottom:18px;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:13px}.section{padding:66px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.section-head p{max-width:620px;color:var(--muted);margin:0}.cards,.video-grid,.board-grid,.review-grid,.inner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.video-card,.board-card,.review-card,.faq details,.join-panel,.inner-card{background:rgba(255,254,251,.84);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 50px rgba(20,25,30,.05)}.card,.board-card,.review-card,.inner-card{padding:24px}.video-card{overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.video-card figure{position:relative;margin:0;background:#ddd;overflow:hidden}.video-card figcaption{font-size:12px;color:var(--muted);padding:10px 18px;background:#fff}.play-btn{position:absolute;inset:auto 18px 58px auto;width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(18,22,27,.82);color:#fff;opacity:0;transform:scale(.9);transition:.22s}.video-card:hover .play-btn{opacity:1;transform:scale(1)}.video-content{padding:20px}.video-content p,.card p,.board-card p,.review-card p,.inner-card p{color:var(--muted);margin:0}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.tags span{font-size:12px;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:5px 9px}.metrics{display:flex;gap:12px;color:#343a40;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:28px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#fffefb,#f2eee5)}.stat strong{display:block;font-size:34px;letter-spacing:-.04em}.faq{display:grid;gap:12px}.faq details{padding:20px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);margin:10px 0 0}.join-panel{padding:38px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.mini-form{display:flex;gap:10px}.mini-form input{border:1px solid var(--line);border-radius:999px;padding:13px 16px;background:#fff;min-width:250px}.site-footer{padding:56px 0;background:#12161b;color:#f7f5f0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}.site-footer a{display:block;color:#e8e3d8;margin:8px 0}.site-footer p{color:#b9b4aa}.footer-logo .logo-mark{background:#fff;color:#12161b}.page-title{padding:72px 0 34px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:12px}.notice-box{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fffefb;color:var(--muted)}pre.json-block{white-space:pre-wrap;word-break:break-word;background:#11161b;color:#f7f5f0;padding:24px;border-radius:22px;overflow:auto}.share-row{display:flex;flex-wrap:wrap;gap:10px}.share-row button{border:1px solid var(--line);background:#fffefb;border-radius:999px;padding:10px 14px;cursor:pointer}@media (max-width:900px){.hero-grid,.join-panel,.footer-grid{grid-template-columns:1fr}.top-nav{display:none;position:absolute;left:20px;right:20px;top:78px;background:#fffefb;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.top-nav.open{display:flex}.nav-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:#fffefb;padding:9px 13px}.cards,.video-grid,.board-grid,.review-grid,.inner-grid,.stats{grid-template-columns:1fr}.hero{padding-top:44px}.section-head{display:block}.mini-form{flex-direction:column}.mini-form input{min-width:0;width:100%}}