/* Design: 晨雾校刊 | 新编辑主义校园影像刊物；米白纸张、墨蓝正文、朱砂橙标记；非对称内容画布。 */
:root{--ink:#13223b;--paper:#f7f1e7;--soft:#e7d9c4;--vermilion:#e95432;--mint:#b9d8cc;--sun:#f2b43f;--line:rgba(19,34,59,.18);--serif:"Noto Serif SC",serif;--sans:"Noto Sans SC",sans-serif;--mono:"DM Mono",monospace;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{position:absolute;left:-999px;top:0;background:var(--vermilion);color:#fff;padding:.6rem 1rem;z-index:99}.skip-link:focus{left:1rem;top:1rem}.masthead{display:flex;gap:1.1rem;justify-content:space-between;align-items:center;padding:.55rem clamp(1rem,4vw,4rem);background:var(--ink);color:#fff;font:11px var(--mono);letter-spacing:.05em}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.site-nav-shell{max-width:1400px;margin:auto;min-height:84px;padding:1rem clamp(1rem,4vw,4rem);display:flex;align-items:center;gap:2rem}.brand-lockup{display:inline-flex;align-items:center;gap:.7rem;font:900 1.65rem/1 var(--serif);letter-spacing:.06em;white-space:nowrap}.brand-lockup img{width:43px;height:43px}.brand-lockup small{display:block;margin-top:.25rem;font:10px var(--mono);letter-spacing:.16em}.site-nav{margin-left:auto;display:flex;gap:1.4rem;align-items:center;font-size:.9rem;font-weight:700}.site-nav a{position:relative;padding:.35rem 0}.site-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--vermilion);transition:width .2s var(--ease)}.site-nav a:hover:after,.site-nav a:focus:after{width:100%}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font:700 12px var(--sans);padding:.4rem}.menu-toggle i{display:block;width:22px;height:2px;background:var(--ink);margin:4px auto}.search-strip{max-width:1400px;margin:auto;padding:0 clamp(1rem,4vw,4rem) 1.25rem;display:grid;grid-template-columns:1.1fr 1.3fr 1.4fr;gap:1rem;align-items:center;border-top:1px dashed var(--line);font-size:.86rem}.search-strip label{font-weight:700}.search-strip>div{display:flex}.search-strip input{min-width:0;width:100%;padding:.72rem .9rem;border:1px solid var(--line);border-right:0;border-radius:0;background:#fff;font:inherit;color:var(--ink)}button{font:inherit}.search-strip button,.button{border:0;background:var(--vermilion);color:#fff;padding:.72rem .9rem;font-weight:700;cursor:pointer;transition:transform .16s var(--ease),background .16s var(--ease)}button:active,.button:active{transform:scale(.97)}.search-strip p{margin:0;color:#5a6577;font-size:.78rem}.page-hero{max-width:1400px;margin:auto;padding:clamp(2.2rem,6vw,6rem) clamp(1rem,4vw,4rem) clamp(3rem,6vw,6.5rem);display:grid;grid-template-columns:.9fr 1.4fr;gap:clamp(1.4rem,5vw,6rem);align-items:end}.hero-meta{font:12px var(--mono);letter-spacing:.1em;color:var(--vermilion)}.hero-copy h1{margin:.8rem 0 1.1rem;font:900 clamp(2.9rem,6vw,6.3rem)/.98 var(--serif);letter-spacing:-.06em}.hero-copy h1 em{font-style:normal;color:var(--vermilion)}.hero-copy p{max-width:44rem;margin:0 0 1.8rem;font-size:1.06rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.button-outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}.hero-art{position:relative}.hero-art:before{content:"01 / 黑丝传媒季刊";position:absolute;right:0;top:-1.8rem;font:10px var(--mono);letter-spacing:.15em}.hero-art img{width:100%;border:1px solid var(--ink);box-shadow:12px 12px 0 var(--mint)}.ticker{overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--sun);white-space:nowrap}.ticker span{display:inline-block;padding:.68rem 1.6rem;font:700 13px var(--mono);letter-spacing:.08em}.ticker span:after{content:"✦";margin-left:3rem}.section{max-width:1400px;margin:auto;padding:clamp(3.2rem,7vw,7rem) clamp(1rem,4vw,4rem)}.section-dark{max-width:none;background:var(--ink);color:#fff}.section-dark .section-inner{max-width:1400px;margin:auto}.eyebrow{margin:0 0 .6rem;font:11px var(--mono);color:var(--vermilion);letter-spacing:.15em}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;border-bottom:1px solid var(--line);padding-bottom:1.3rem;margin-bottom:2rem}.section-heading h2,.feature-copy h2,.panel h2{margin:0;font:900 clamp(2rem,4vw,4rem)/1.12 var(--serif);letter-spacing:-.04em}.section-heading h2 em,.feature-copy h2 em{font-style:normal;color:var(--vermilion)}.section-heading>p{max-width:30rem;margin:0;color:#5a6577;font-size:.92rem}.feature-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:1.4rem}.media-card{position:relative;background:#fff;border:1px solid var(--ink);transition:transform .22s var(--ease),box-shadow .22s var(--ease);overflow:hidden}.media-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--vermilion)}.media-card figure{margin:0;position:relative;overflow:hidden}.media-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--soft)}.media-card .play{position:absolute;left:1rem;bottom:1rem;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--vermilion);color:white;opacity:0;transform:translateY(12px);transition:.2s var(--ease)}.media-card:hover .play{opacity:1;transform:none}.card-body{padding:1.15rem}.card-body h3{margin:.35rem 0 .5rem;font:800 1.35rem/1.25 var(--serif)}.card-body p{margin:0;color:#5a6577;font-size:.9rem}.stats{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem;color:#5a6577;font:11px var(--mono)}.stats span{background:var(--paper);padding:.28rem .45rem}.side-media{display:grid;gap:1.4rem}.side-media .media-card{display:grid;grid-template-columns:.88fr 1fr}.side-media .media-card img{height:100%;aspect-ratio:auto}.content-note{margin:1.5rem 0 0;padding:.8rem 1rem;border-left:4px solid var(--vermilion);background:#fff;font-size:.84rem}.stack{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,6vw,7rem);align-items:center}.stack-reverse{grid-template-columns:1.1fr .9fr}.stack img{width:100%;border:1px solid var(--ink)}.number-list{list-style:none;padding:0;margin:1.7rem 0 0;counter-reset:item}.number-list li{display:grid;grid-template-columns:2.6rem 1fr;gap:.6rem;padding:1rem 0;border-top:1px solid var(--line)}.number-list b{color:var(--vermilion);font:13px var(--mono)}.number-list h3{margin:0;font:800 1.05rem var(--serif)}.number-list p{margin:.25rem 0 0;color:#5a6577;font-size:.9rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.topic-card{min-height:250px;padding:1.3rem;border:1px solid rgba(255,255,255,.32);position:relative}.topic-card span{font:11px var(--mono);color:var(--sun)}.topic-card h3{margin:3.5rem 0 .7rem;font:800 1.7rem/1.2 var(--serif)}.topic-card p{color:#d4d9e2;font-size:.88rem}.topic-card a{display:inline-block;margin-top:.8rem;color:var(--sun);font-size:.84rem;font-weight:700}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.tool-card{padding:1.4rem;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#fff;min-height:220px}.tool-card span{font:11px var(--mono);color:var(--vermilion)}.tool-card h3{margin:2.4rem 0 .5rem;font:800 1.3rem var(--serif)}.tool-card p{margin:0;color:#5a6577;font-size:.85rem}.community-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:1.5rem}.community-layout img{width:100%;border:1px solid var(--ink)}.community-points{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.community-points article{padding:1.25rem;background:#fff;border-top:3px solid var(--vermilion)}.community-points h3{margin:.25rem 0 .4rem;font:800 1.15rem var(--serif)}.community-points p{margin:0;color:#5a6577;font-size:.86rem}.integrity{font-size:.83rem;margin-top:1.2rem;padding:1rem;background:rgba(242,180,63,.22)}.howto{display:grid;grid-template-columns:.75fr 1.25fr;gap:2rem;border:1px solid var(--ink);padding:clamp(1.4rem,4vw,3rem);background:var(--soft)}.howto aside{font:11px var(--mono);line-height:1.8;color:var(--vermilion)}.howto ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.howto li{border-top:2px solid var(--ink);padding-top:.8rem}.howto li b{display:block;font:11px var(--mono);color:var(--vermilion)}.howto li h3{margin:.4rem 0;font:800 1.1rem var(--serif)}.howto li p{margin:0;font-size:.83rem}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}details{background:#fff;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:1rem 1.15rem}summary{cursor:pointer;font:700 .98rem var(--serif)}details p{margin:.75rem 0 0;color:#5a6577;font-size:.88rem}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.status-card{background:#fff;border:1px solid var(--ink);padding:1.2rem;min-height:185px}.status-card small{font:10px var(--mono);color:var(--vermilion)}.status-card h3{margin:2rem 0 .4rem;font:800 1.35rem var(--serif)}.status-card p{margin:0;color:#5a6577;font-size:.85rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-card{padding:1.4rem;border:1px solid var(--ink);background:#fff}.contact-card h3{margin:.25rem 0 1rem;font:800 1.4rem var(--serif)}.contact-card p{margin:.4rem 0;font-size:.9rem}.contact-card b{display:inline-block;min-width:5.4rem;color:var(--vermilion)}.share-row,.mcp-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.share-row button,.mcp-row button{border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:.45rem .7rem;font-size:.8rem}.site-footer{padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,4rem) 0;background:var(--ink);color:#fff}.footer-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.35fr .8fr 1fr 1.1fr;gap:2rem;padding-bottom:3rem}.footer-grid h2{margin:0 0 1rem;font:700 1rem var(--serif);color:var(--sun)}.footer-grid p{margin:.35rem 0;color:#d4d9e2;font-size:.84rem}.footer-grid a:not(.brand-lockup){display:block;margin:.45rem 0;font-size:.84rem}.footer-grid small{color:var(--sun);font-size:.72rem}.footer-intro>p{max-width:21rem}.domain-line{color:var(--sun)!important;font:12px var(--mono)!important}.qr-row{display:flex;gap:.7rem}.qr-row figure{margin:0}.qr-row img{border:4px solid #fff;background:#fff;width:74px;height:74px}.qr-row figcaption{margin-top:.35rem;color:#d4d9e2;font-size:.68rem}.fine-print{font-size:.72rem!important}.footer-bottom{max-width:1400px;margin:auto;padding:1.2rem 0;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;gap:1rem;color:#d4d9e2;font:11px var(--mono)}.toast{position:fixed;left:50%;bottom:1.5rem;z-index:20;transform:translate(-50%,150%);background:var(--ink);color:#fff;padding:.7rem 1rem;box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:.85rem;transition:transform .2s var(--ease)}.toast.show{transform:translate(-50%,0)}.inner-hero{max-width:1400px;margin:auto;padding:clamp(3rem,8vw,7rem) clamp(1rem,4vw,4rem) 3rem;border-bottom:1px solid var(--ink)}.breadcrumb{font:11px var(--mono);color:#5a6577}.breadcrumb a{color:var(--vermilion)}.inner-hero h1{max-width:900px;margin:.9rem 0;font:900 clamp(2.6rem,5vw,5.4rem)/1 var(--serif);letter-spacing:-.06em}.inner-hero p{max-width:700px;margin:0;color:#5a6577}.list-page{max-width:1400px;margin:auto;padding:clamp(2.2rem,6vw,5rem) clamp(1rem,4vw,4rem)}.article-list{border-top:1px solid var(--ink)}.article-list article{display:grid;grid-template-columns:90px 1fr auto;gap:1rem;align-items:center;padding:1.35rem 0;border-bottom:1px solid var(--line)}.article-list .list-id{font:12px var(--mono);color:var(--vermilion)}.article-list h2{margin:0;font:800 1.4rem var(--serif)}.article-list p{margin:.25rem 0 0;color:#5a6577;font-size:.85rem}.article-list a{font:11px var(--mono);color:var(--vermilion)}
@media(max-width:880px){.masthead span:nth-child(2){display:none}.site-nav-shell{flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.site-nav{display:none;order:3;width:100%;margin:0;padding-top:.6rem;border-top:1px dashed var(--line);flex-direction:column;align-items:flex-start;gap:.4rem}.site-nav.open{display:flex}.search-strip{grid-template-columns:1fr}.page-hero,.stack,.stack-reverse,.community-layout,.howto{grid-template-columns:1fr}.feature-layout{grid-template-columns:1fr}.grid-3,.status-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr 1fr}.community-points{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.section-heading{display:block}.section-heading>p{margin-top:1rem}.howto ol{grid-template-columns:1fr}.hero-art{margin-top:2rem}.side-media .media-card{grid-template-columns:1fr}.side-media .media-card img{height:auto;aspect-ratio:16/9}.contact-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.article-list article{grid-template-columns:55px 1fr}.article-list a{grid-column:2}}
@media(max-width:560px){.masthead span:nth-child(3){display:none}.brand-lockup{font-size:1.4rem}.page-hero{padding-top:2.5rem}.hero-copy h1{font-size:3rem}.grid-3,.status-grid,.tool-grid,.faq-grid{grid-template-columns:1fr}.section-heading h2{font-size:2.2rem}.footer-grid{grid-template-columns:1fr}.hero-art:before{position:static;display:block;margin-bottom:.7rem}.stats{gap:.4rem}}
@media(prefers-reduced-motion:no-preference){.page-hero>*{animation:rise .5s var(--ease) both}.page-hero>*:nth-child(2){animation-delay:.08s}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}}
/* 校刊印刷层：接触印样、裁切边、制作笔记与朱砂动作色。 */
.masthead:before{content:"ISSUE 01";color:var(--sun)}.site-header{background-image:linear-gradient(90deg,transparent 98%,rgba(19,34,59,.06) 98%)}.search-strip{grid-template-columns:.85fr 1.3fr 1.4fr}.search-strip label:before{content:"黑丝 INDEX / ";font:10px var(--mono);color:var(--vermilion)}.hero-art{padding:10px 10px 18px 0}.hero-art:after{content:"CAMERA ROLL / 001 · 制作笔记：午后光线";position:absolute;right:0;bottom:-1.6rem;color:var(--vermilion);font:10px var(--mono);letter-spacing:.07em}.hero-art img{box-shadow:12px 12px 0 var(--mint),-7px -7px 0 var(--soft)}.ticker{background:var(--paper)}.ticker span:first-child{background:var(--sun)}.ticker span:after{color:var(--vermilion)}.section{background-image:radial-gradient(rgba(19,34,59,.13) .65px,transparent .65px);background-size:9px 9px}.section-dark{background-color:var(--ink);background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:70px 100%}.section-heading{position:relative}.section-heading:after{content:"";position:absolute;left:0;bottom:-4px;width:76px;height:4px;background:var(--vermilion)}.media-card:before{content:"黑丝制作笔记";position:absolute;z-index:2;right:.6rem;top:.55rem;padding:.18rem .38rem;background:var(--paper);border:1px solid var(--ink);font:9px var(--mono);letter-spacing:.07em}.media-card figure:after{content:"";position:absolute;inset:9px;border:1px dashed rgba(247,241,231,.76);pointer-events:none}.media-card .play{z-index:3}.site-footer{background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:70px 100%}