:root{--bg:#fff;--surface:#fff;--soft:#fff6e0;--soft2:#fffbf0;--gray:#f7f7f8;--text:#333;--title:#1a1a1a;--muted:#666;--sub:#888;--yellow:#ffb800;--yellow2:#ffc933;--deep:#e09000;--border:rgba(255,184,0,.15);--grayborder:rgba(0,0,0,.08);--shadow:0 14px 40px rgba(30,25,10,.08);--yshadow:0 16px 42px rgba(255,184,0,.14);--max:1280px;--nav:72px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:fixed;inset:0 0 auto;z-index:80;pointer-events:none}.desktop-nav,.mobile-nav{pointer-events:auto;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--grayborder)}.nav-inner{max-width:var(--max);height:var(--nav);margin:auto;padding:0 20px;display:flex;align-items:center;gap:18px}.brand-link{display:flex;align-items:center;min-width:120px;height:50px}.brand-logo{display:block;max-width:150px;height:34px;width:auto;object-fit:contain}.brand-text{font-weight:900;font-size:23px;letter-spacing:-.04em;color:var(--title)}.desktop-links{display:flex;align-items:center;gap:4px;flex:1}.nav-link,.small-action{min-height:44px;padding:0 12px;border-radius:12px;display:inline-flex;align-items:center;font-weight:700;color:#444;white-space:nowrap}.nav-link:hover,.small-action:hover,.nav-link:focus-visible,.small-action:focus-visible{background:var(--soft)}.nav-link.is-current,.small-action.is-current{background:var(--soft);box-shadow:inset 0 -2px 0 var(--yellow)}.nav-actions{display:flex;align-items:center;gap:6px}.icon-button,.mobile-menu{min-width:44px;height:44px;padding:0 12px;border:1px solid var(--grayborder);background:white;border-radius:14px;color:#333}.icon-button:hover,.icon-button:focus-visible,.mobile-menu:hover,.mobile-menu:focus-visible{border-color:rgba(255,184,0,.45);background:var(--soft)}.app-action,.mobile-app{height:44px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--yellow2),var(--yellow) 55%,var(--deep));color:#1a1a1a;font-weight:900;white-space:nowrap}.app-action:focus-visible,.mobile-app:focus-visible{outline:3px solid rgba(255,184,0,.35);outline-offset:2px}.mobile-nav{display:none;height:64px;padding:0 16px;align-items:center;justify-content:space-between}.mobile-brand{position:absolute;left:50%;transform:translateX(-50%);max-width:40%;display:flex;align-items:center;justify-content:center}.mobile-brand .brand-logo{max-width:126px;height:32px}.site-main{padding-top:calc(var(--nav) + 28px)}.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}.section{padding:54px 0}.section.compact{padding:36px 0}.section.soft{background:var(--soft2)}.section.gray{background:var(--gray)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2,.page-hero h1{margin:0;color:var(--title);line-height:1.2}.section-head h2{font-size:clamp(24px,3vw,38px)}.eyebrow{display:block;margin-bottom:8px;color:#8a6200;font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.section-lead{max-width:760px;color:var(--muted)}.page-hero{padding:56px 0 30px}.page-hero .container{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:34px;align-items:center}.page-hero h1{font-size:clamp(30px,5vw,54px);letter-spacing:-.045em}.page-hero p{font-size:17px;color:var(--muted);max-width:780px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{min-height:46px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.btn-primary{background:linear-gradient(135deg,var(--yellow2),var(--yellow) 55%,var(--deep));color:#1a1a1a;box-shadow:var(--yshadow)}.btn-secondary{background:#fff;border:1px solid rgba(0,0,0,.12)}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(255,184,0,.45);outline-offset:3px}.media-slot{width:100%;min-height:190px;border-radius:20px;background:linear-gradient(135deg,#fff8e1,#fff1bd);border:1px solid var(--border);position:relative;overflow:hidden}.media-slot.media-fallback:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(255,184,0,.15);right:12%;top:18%;box-shadow:-120px 70px 0 rgba(255,201,51,.12)}.content-image{display:block;width:100%;height:100%;max-height:420px;object-fit:contain;object-position:center}.home-desk{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr);grid-template-rows:auto auto;gap:14px 24px;align-items:stretch}.desk-visual{grid-row:1 / 3}.desk-visual .media-slot{height:100%;min-height:360px;background:var(--soft)}.desk-copy{border:1px solid var(--grayborder);border-radius:20px;padding:30px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.desk-copy h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.15;color:var(--title)}.desk-copy p{color:var(--muted)}.desk-notes{display:grid;gap:9px;padding:14px 24px;border:1px solid var(--grayborder);border-radius:18px;background:#fff}.desk-notes span{padding:10px 0;border-top:1px solid var(--grayborder);font-weight:700}.quick-strip{display:flex;gap:10px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:thin}.quick-strip a{flex:0 0 auto;padding:9px 14px;border-radius:999px;border:1px solid var(--grayborder);background:#fff;font-weight:800}.quick-strip a:hover{border-color:var(--yellow);background:var(--soft)}.inspiration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.inspiration{border:1px solid var(--grayborder);border-radius:18px;padding:18px;background:#fff;min-height:145px}.inspiration i{display:block;width:10px;height:10px;border-radius:50%;background:var(--yellow);margin-bottom:12px}.inspiration h3{margin:0 0 6px;color:var(--title)}.inspiration p{margin:0;color:var(--muted);font-size:14px}.feature-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px}.feature-main,.editor-pick,.card,.folder,.legal-block,.faq-home article,.role-card{border:1px solid var(--grayborder);background:#fff;border-radius:18px;box-shadow:var(--shadow)}.feature-main{padding:28px}.feature-main h3{font-size:28px;margin:6px 0}.feature-main p{color:var(--muted)}.editor-picks{display:grid;gap:12px}.editor-pick{padding:16px}.editor-pick strong{display:block;color:var(--title);margin-bottom:4px}.editor-pick span{color:var(--muted);font-size:14px}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:14px;overflow-x:auto;padding-bottom:10px}.rail article{border:1px solid var(--grayborder);border-radius:18px;background:#fff;padding:20px;min-height:180px}.rail h3{margin-top:0}.wide-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.wide-copy{padding:28px;border-radius:20px;background:var(--soft);border:1px solid var(--border)}.index-four{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.index-four article{padding:18px;border-bottom:2px solid var(--yellow);background:#fff;border-radius:14px;border:1px solid var(--grayborder)}.genre-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.genre-wall a{min-height:120px;border-radius:18px;padding:18px;background:var(--soft);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between}.role-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.role-card{padding:18px}.role-card .num,.rank-num{font-size:38px;line-height:1;color:var(--yellow);font-weight:1000}.folder-list{display:grid;gap:10px}.folder{padding:17px 20px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:18px}.folder small{color:var(--sub)}.rank-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.rank-item{border:1px solid var(--grayborder);border-radius:18px;padding:22px;background:#fff}.timeline{position:relative;margin-left:12px;padding-left:34px}.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--yellow)}.timeline article{position:relative;padding:0 0 28px}.timeline.horizontal{margin-left:0;padding-left:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.timeline.horizontal:before{left:4%;right:4%;top:18px;bottom:auto;width:auto;height:2px}.timeline.horizontal article{padding:42px 10px 12px}.timeline.horizontal article:before{left:calc(50% - 6px);top:13px}.timeline.horizontal article strong{display:block;text-align:center;color:var(--title)}.timeline.horizontal article p{text-align:center;color:var(--muted);font-size:14px}
.timeline article:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;left:-34px;top:7px;background:var(--yellow);box-shadow:0 0 0 6px var(--soft)}.magazine-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:minmax(180px,auto);gap:14px}.magazine-grid article{border-radius:18px;padding:22px;border:1px solid var(--grayborder);background:#fff}.magazine-grid article:first-child{grid-row:span 2;background:var(--soft)}.essay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.essay{padding:24px;border:1px solid var(--grayborder);border-radius:18px;background:#fff}.essay .opinion-tag{display:inline-flex;padding:4px 9px;border-radius:999px;background:var(--soft);color:#7a5600;font-weight:900;font-size:12px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.knowledge-grid article{padding:22px;border-radius:18px;background:var(--gray);border:1px solid var(--grayborder)}.app-service{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:28px;align-items:center}.app-icon-row{display:flex;align-items:center;gap:14px;margin:16px 0}.app-icon{width:58px;height:58px;object-fit:contain;border-radius:14px}.app-icon-fallback{width:58px;height:58px;border-radius:14px;background:var(--yellow);display:inline-flex;align-items:center;justify-content:center;font-weight:1000;color:#1a1a1a}.legal-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.legal-block{padding:24px}.faq-home{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-home article{padding:20px}.faq-home h3{margin-top:0}.brand-declaration{padding:34px;border-radius:20px;background:#1a1a1a;color:#f5f5f5}.brand-declaration h2{color:white}.brand-declaration p{color:#ddd}.site-footer{background:#1a1a1a;color:#f5f5f5;padding:56px 0 100px}.footer-inner{width:min(calc(100% - 40px),var(--max));margin:auto}.footer-brand{display:flex;gap:22px;align-items:center;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-logo{min-width:130px}.footer-logo .brand-text{color:white}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-size:24px}.footer-brand span{color:#ffcf55;font-size:13px;letter-spacing:.13em}.footer-brand p{max-width:650px;color:#cfcfcf;margin:6px 0 0}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:34px 0}.footer-grid h2{font-size:15px;color:#ffcf55}.footer-grid a{display:block;color:#eee;padding:5px 0}.footer-grid a:hover{text-decoration:underline}.footer-note,.copyright{color:#aaa;font-size:14px}.overlay{position:fixed;inset:0;background:rgba(10,10,10,.48);z-index:90;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s}.overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}.channel-panel{position:fixed;right:0;top:0;bottom:0;width:min(460px,88vw);z-index:100;background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.18);transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s;overflow-y:auto;padding:20px}.channel-panel.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.panel-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-20px;background:white;padding:14px 0;border-bottom:1px solid var(--grayborder);z-index:2}.panel-head-actions{display:flex;gap:6px}.panel-head button,.search-head button{height:44px;border:1px solid var(--grayborder);background:#fff;border-radius:12px;padding:0 14px}.panel-brand{display:flex;align-items:center;gap:10px}.panel-brand .brand-logo{max-width:120px}.panel-brand strong,.panel-brand span{display:block}.panel-brand span{font-size:11px;color:#888}.panel-groups section{padding:20px 0;border-bottom:1px solid var(--grayborder)}.panel-groups h2{font-size:13px;color:#9a7100;letter-spacing:.12em}.panel-groups a{display:block;padding:10px 8px;border-radius:12px}.panel-groups a:hover{background:var(--soft)}.panel-groups strong,.panel-groups span{display:block}.panel-groups span{font-size:13px;color:#666;margin-top:2px}.search-panel{position:fixed;left:0;right:0;top:var(--nav);z-index:100;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-card{width:min(calc(100% - 40px),1100px);margin:14px auto;background:#fff;border:1px solid var(--grayborder);box-shadow:0 24px 70px rgba(0,0,0,.18);border-radius:20px;padding:24px}.search-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.search-head h2{margin:0}.search-box input{width:100%;height:52px;border:1px solid var(--grayborder);border-radius:14px;padding:0 16px;margin:18px 0;background:var(--gray);color:#222}.search-links{display:flex;flex-wrap:wrap;gap:8px}.search-links a{padding:9px 12px;border-radius:999px;background:var(--soft);border:1px solid var(--border);font-weight:800}.search-links a[hidden]{display:none}.search-hint{margin-bottom:0;color:#777;font-size:13px}.mobile-bottom{display:none}.page-shell{padding-bottom:34px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.content-card{padding:22px;border:1px solid var(--grayborder);border-radius:18px;background:#fff}.content-card h2,.content-card h3{color:var(--title);margin-top:0}.content-card p{color:#555}.lead-box{padding:26px;border-radius:18px;background:var(--soft);border-left:4px solid var(--yellow)}.editorial-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.editorial-list{display:grid;gap:12px}.editorial-list article{padding:20px;border:1px solid var(--grayborder);border-radius:16px;background:#fff}.serial-guide{display:flex;flex-direction:column;gap:14px}.serial-row{display:grid;grid-template-columns:90px 1fr 180px;gap:18px;padding:20px;border-bottom:1px solid var(--grayborder)}.serial-row b{font-size:30px;color:var(--yellow)}.finished-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.finished-wall article{min-height:240px;padding:20px;border-radius:18px;background:var(--soft);border:1px solid var(--border)}.topic-cover{padding:34px;background:var(--soft);border-radius:22px;border:1px solid var(--border);margin-bottom:18px}.topic-list{columns:2;column-gap:18px}.topic-list article{break-inside:avoid;margin-bottom:18px;padding:20px;border:1px solid var(--grayborder);border-radius:16px}.legal-stack{display:grid;gap:14px}.legal-stack section{padding:22px;border:1px solid var(--grayborder);border-radius:16px;background:#fff}.help-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.help-nav a{padding:18px;border-radius:14px;background:var(--soft);font-weight:900}.faq-list details{border-bottom:1px solid var(--grayborder);padding:16px 0}.faq-list summary{font-weight:900;cursor:pointer;color:var(--title)}.faq-list p{color:#555}.contact-path{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-path article{padding:22px;border-radius:18px;border:1px solid var(--grayborder)}.contact-path ol{padding-left:20px}.brand-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:start}.brand-values{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.brand-values article{padding:20px;border-radius:18px;background:var(--soft)}
@media(max-width:1100px){.desktop-links{display:none}.nav-inner{justify-content:space-between}.nav-actions{margin-left:auto}.inspiration-grid,.genre-wall{grid-template-columns:repeat(2,1fr)}.role-grid{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:repeat(2,1fr)}.finished-wall{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.timeline.horizontal{display:block;margin-left:12px;padding-left:34px}.timeline.horizontal:before{left:5px;right:auto;top:8px;bottom:8px;width:2px;height:auto}.timeline.horizontal article{padding:0 0 28px}.timeline.horizontal article:before{left:-34px;top:7px}.timeline.horizontal article strong,.timeline.horizontal article p{text-align:left}
:root{--nav:64px}.desktop-nav{display:none}.mobile-nav{display:flex}.site-main{padding-top:calc(var(--nav) + 14px);padding-bottom:74px}.container{width:min(calc(100% - 32px),var(--max))}.section{padding:38px 0}.page-hero{padding:34px 0 22px}.page-hero .container,.home-desk,.feature-layout,.wide-feature,.app-service,.legal-pair,.editorial-layout,.brand-story{grid-template-columns:1fr}.page-hero .media-slot{order:-1;min-height:180px}.home-desk{display:flex;flex-direction:column}.desk-copy{order:1}.desk-visual{order:2}.desk-notes{order:3}.desk-visual .media-slot{min-height:210px}.inspiration-grid,.genre-wall,.rank-list,.faq-home,.content-grid,.essay-grid,.knowledge-grid,.footer-grid,.contact-path,.brand-values{grid-template-columns:1fr}.role-grid{grid-template-columns:repeat(2,1fr)}.folder{grid-template-columns:1fr;gap:5px}.folder small{justify-self:start}.magazine-grid{grid-template-columns:1fr}.magazine-grid article:first-child{grid-row:auto}.serial-row{grid-template-columns:62px 1fr}.serial-row span:last-child{grid-column:2}.finished-wall{grid-template-columns:1fr}.topic-list{columns:1}.help-nav{grid-template-columns:repeat(2,1fr)}.footer-brand{align-items:flex-start;flex-direction:column}.site-footer{padding-bottom:110px}.mobile-bottom{position:fixed;z-index:70;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:54px;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 10px 36px rgba(0,0,0,.16);border:1px solid var(--grayborder);display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;position:relative}.mobile-bottom a.is-current:after{content:"";position:absolute;bottom:6px;width:18px;height:3px;border-radius:2px;background:var(--yellow)}.search-panel{top:0;bottom:0;background:var(--soft2);overflow:auto}.search-card{width:100%;min-height:100%;margin:0;border-radius:0;border:0;padding:22px 16px}.channel-panel{width:88vw}.section-head{align-items:flex-start;flex-direction:column;gap:6px}.rail{grid-auto-columns:80vw}.brand-declaration{padding:24px}.content-image{max-height:340px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}