/* 设计：校园映像志以场记靛蓝、纸张米白与朱砂橙建立影视档案感，避免通用居中门户布局。 */
:root{--ink:#132a38;--blue:#A05A63;--deep:#6b3c42;--paper:#f4f0e7;--paper2:#e9e2d2;--coral:#E9B68A;--muted:#60727c;--line:#cdd2cc;--max:1240px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button,input{font:inherit}.sr{position:absolute;clip:rect(0,0,0,0)}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:9}.strip{display:flex;justify-content:space-between;gap:12px;padding:7px max(20px,calc((100vw - var(--max))/2));background:var(--deep);color:#e6edf0;font-size:11px;letter-spacing:.08em}.nav-shell{max-width:var(--max);margin:auto;min-height:100px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:11px}.brand img{width:52px;height:52px;object-fit:contain}.brand b{display:block;font-family:"Songti SC","STSong",serif;font-size:28px;line-height:1;letter-spacing:.05em}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:11px;letter-spacing:.15em}.nav{display:flex;gap:4px}.nav a{padding:9px 8px;border-bottom:2px solid transparent;font-size:13px;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{border-color:var(--coral);color:var(--blue);font-weight:700}.menu{display:none;border:1px solid var(--blue);background:transparent;padding:7px;color:var(--blue)}.search-row{display:flex;gap:14px;align-items:center;padding:9px max(20px,calc((100vw - var(--max))/2));border-block:1px solid var(--line);background:#f9f7f1}.search-row form{display:flex;min-width:min(100%,430px)}.search-row input{flex:1;min-width:0;border:1px solid #bfc7c4;border-right:0;padding:9px 12px}.search-row button,.btn.solid{border:0;background:var(--blue);color:#fff;padding:9px 15px;font-weight:700}.search-row p{margin:0;color:var(--muted);font-size:12px}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:#fff}.hero-copy{position:relative;max-width:620px;margin-left:max(20px,calc((100vw - var(--max))/2));padding:clamp(65px,9vw,125px) 50px 55px 20px}.hero-copy:after{content:"蜜芽 / TAKE 01";position:absolute;right:10px;top:25%;color:#63829a;opacity:.3;font-size:52px;font-weight:900;writing-mode:vertical-rl}.kicker{margin:0 0 14px;color:var(--coral);font-size:11px;font-weight:700;letter-spacing:.12em}h1,h2,h3{font-family:"Songti SC","STSong",serif;line-height:1.3}.hero h1{margin:0;font-size:clamp(42px,5vw,68px)}.hero-copy>p:not(.kicker){color:#dce7eb;font-size:15px}.actions{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;font-size:13px;font-weight:700}.btn.line{border:1px solid #b7cbd6;color:#fff}.hero dl{display:flex;gap:24px;margin:40px 0 0;padding-top:16px;border-top:1px solid #4d6d83}.hero dt{font-size:10px;color:#9db3c1}.hero dd{margin:3px 0 0;font-size:12px}.hero figure{position:relative;margin:0;overflow:hidden}.hero figure:after,.two figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue),transparent 16%,transparent 80%,rgba(19,42,56,.25))}.hero figure img{width:100%;height:100%;object-fit:cover}.hero figcaption,.two figcaption{position:absolute;z-index:1;right:12px;bottom:12px;max-width:85%;padding:5px 8px;background:#132a38c7;color:#fff;font-size:11px}.tape{display:flex;flex-wrap:wrap;background:#fff;color:var(--coral);font-size:12px;font-weight:700}.tape span{padding:11px max(12px,calc((100vw - var(--max))/14));border-right:1px solid var(--line)}.section,.two,.community,.guide,.trust,.faq,.ledger,.contact{padding:clamp(62px,9vw,122px) max(20px,calc((100vw - var(--max))/2))}.section header,.community header,.faq header,.ledger header{max-width:770px}.section h2,.two h2,.community h2,.guide h2,.trust h2,.faq h2,.ledger h2,.contact h2{margin:0;font-size:clamp(28px,3.4vw,46px)}.section header>p:not(.kicker),.two p:not(.kicker),.trust p:not(.kicker),.ledger header>p:not(.kicker),.contact p:not(.kicker){color:var(--muted);font-size:15px}.video-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;margin-top:36px}.video{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:330px;padding:18px;overflow:hidden;background:#1b3242;color:#fff;isolation:isolate}.video:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--image) center/cover}.video:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#07141e55,#07141ed9)}.video span{font-size:11px;letter-spacing:.08em}.video h3{margin:0;font-size:23px}.video p{margin:7px 0 0;color:#dce6ea;font-size:13px}.play{align-self:center;opacity:0;transform:translateY(12px);border:1px solid #fff;border-radius:999px;background:#142d3e88;padding:10px 15px;color:#fff;transition:.22s}.video:hover .play,.video:focus-within .play{opacity:1;transform:none}.caption{color:var(--muted);font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.two figure{position:relative;min-height:390px;margin:0;overflow:hidden}.two figure img{width:100%;height:100%;object-fit:cover}.text{display:inline-block;margin-top:17px;color:var(--blue);font-weight:700;border-bottom:1px solid currentColor}.tools{background:var(--paper2)}.tool-grid,.expert-grid,.ledger>div,.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}.tool-grid article{padding:23px;background:#fff;border-top:3px solid var(--coral)}.tool-grid b,.ledger b{color:var(--coral)}.tool-grid h3,.community h3,.expert-grid h3,.ledger h3,.guide h3,.cards h2,.article-lane h2{font-size:22px}.tool-grid p,.community p,.ledger p{color:var(--muted);font-size:13px}.tool-grid a{color:var(--blue);font-size:12px;font-weight:700}.community{background:var(--blue);color:#fff}.community>div{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:35px}.community article{padding:18px 0;border-top:1px solid #66859d}.community p{color:#d2e1e8}.guide{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw;background:#fff}.guide ol{margin:0;padding:0;list-style:none}.guide li{display:grid;grid-template-columns:55px 1fr;gap:0 13px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.guide li b{grid-row:span 2;color:var(--coral)}.guide li h3{margin:0}.guide li p{grid-column:2;margin:4px 0 0;color:var(--muted);font-size:13px}.experts{background:var(--paper2)}.expert-grid{grid-template-columns:repeat(3,1fr)}.expert-grid article{padding:23px;background:#fff;border-top:4px solid var(--blue)}.expert-grid article>p{color:var(--coral);font-size:12px;font-weight:700}.expert-grid span{color:var(--muted);font-size:13px}.expert-grid div{display:flex;gap:8px;margin-top:20px}.expert-grid button{border:1px solid var(--blue);background:transparent;color:var(--blue);padding:7px 9px;font-size:12px}.trust{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;background:#fff}.logo-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.logo-wall span{display:grid;place-items:center;min-height:96px;background:var(--paper2);color:var(--muted);text-align:center;font-size:12px}.review{grid-column:2;padding:18px;border-left:4px solid var(--coral);background:#fbf2dc;font-size:13px}.review p{margin:5px 0 0;color:var(--muted)}.faq{background:var(--paper2)}.faq>div{max-width:850px;margin-top:30px}.faq details{padding:15px 0;border-bottom:1px solid var(--line)}.faq summary{font-family:"Songti SC","STSong",serif;font-size:19px;font-weight:700;cursor:pointer}.faq details p{color:var(--muted);font-size:14px}.ledger{background:#fff}.ledger>div{grid-template-columns:repeat(3,1fr)}.ledger article{padding:22px;background:var(--paper);border-top:4px solid var(--blue)}.ledger h3{margin:24px 0 7px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:5vw;background:var(--blue);color:#fff}.contact p:not(.kicker){color:#d1e0e7}.contact dl{margin:0}.contact dl>div{padding:13px 0;border-bottom:1px solid #52728a}.contact dt{font-size:12px;color:#afc3d0}.contact dd{margin:3px 0;font-size:14px}.contact .solid{background:var(--coral)}.inner,.editorial-page{max-width:var(--max);margin:auto;padding:54px 20px 100px}.crumb{display:flex;gap:8px;color:var(--muted);font-size:12px}.crumb a{color:var(--blue);font-weight:700}.page-head{max-width:850px;padding:50px 0 32px}.page-head h1{margin:0;font-size:clamp(38px,5vw,62px)}.page-head>p:not(.kicker){color:var(--muted);font-size:16px}.meta{display:flex;flex-wrap:wrap;gap:8px 20px;border-block:1px solid var(--line);padding:12px 0;color:var(--muted);font-size:12px}.meta span:first-child{color:var(--blue);font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.cards article,.article-lane article{padding:22px;background:#fff;border-top:3px solid var(--coral)}.cards article>p,.article-lane .kicker{color:var(--coral);font-size:11px;font-weight:700}.cards h2{margin:8px 0}.cards p:last-child,.article-lane article>p:last-child{font-size:13px;color:var(--muted)}.article-lane{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.article-lane article{background:var(--paper2);border-top-color:var(--blue)}.notice{margin-top:34px;padding:17px;border-left:4px solid var(--coral);background:#fbf2dc;font-size:13px}.editorial-page table{width:100%;margin-top:25px;border-collapse:collapse;background:#fff;font-size:13px}.editorial-page th,.editorial-page td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.editorial-page th{color:var(--blue);background:var(--paper2)}.principles{grid-template-columns:repeat(2,1fr)}.principles article{padding:23px;background:#fff;border-left:4px solid var(--blue)}.principles h2{font-size:24px}.principles p{color:var(--muted);font-size:14px}.notfound{min-height:55vh;max-width:800px;margin:auto;padding:13vw 20px}.notfound h1{font-size:56px}.notfound p{color:var(--muted)}.footer{background:var(--deep);color:#e3edf0}.perf{height:15px;background:repeating-linear-gradient(90deg,var(--paper) 0 28px,transparent 28px 42px)}.footer-grid{max-width:var(--max);margin:auto;padding:60px 20px;display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:28px}.footer h2{font-size:18px}.footer p,.footer li{font-size:12px;color:#c1d2da}.footer ul{padding-left:16px}.footer a{border-bottom:1px solid #9eb7c5}.share{display:flex;flex-wrap:wrap;gap:7px}.share button{padding:6px 9px;border:1px solid #7e9eae;background:transparent;color:#e3edf0;font-size:12px}.qrs{display:flex;gap:10px}.qrs div{display:grid;place-items:center;width:76px;height:76px;background:repeating-linear-gradient(90deg,#edf1f0 0 5px,#16354a 5px 10px,#edf1f0 10px 14px),repeating-linear-gradient(0deg,transparent 0 5px,#173d63aa 5px 10px,transparent 10px 14px);background-blend-mode:multiply;color:#dce9ee;text-align:center;font-size:10px}.footer-line{display:flex;flex-wrap:wrap;gap:12px 20px;max-width:var(--max);margin:auto;padding:17px 20px;border-top:1px solid #3d5a6b;color:#bfd0d9;font-size:12px}.footer-line a{color:#fff}@media(max-width:940px){.nav{display:none}.nav.open{display:flex;position:absolute;right:20px;top:96px;z-index:4;flex-direction:column;padding:12px;background:#fff;box-shadow:0 9px 30px #152d3d2b}.menu{display:block}.hero{grid-template-columns:1fr}.hero-copy{margin:0;padding-left:28px}.hero figure{min-height:360px}.video-grid{grid-template-columns:1fr 1fr}.video.large{grid-column:span 2}.tool-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.strip span:nth-child(2){display:none}.nav-shell{min-height:83px}.search-row{display:block}.search-row p{margin-top:7px}.hero-copy{padding:65px 22px 45px}.hero h1{font-size:43px}.hero dl{gap:12px;flex-wrap:wrap}.section,.two,.community,.guide,.trust,.faq,.ledger,.contact{padding:60px 20px}.video-grid,.two,.guide,.trust,.contact{grid-template-columns:1fr}.video.large{grid-column:auto}.video{min-height:285px}.tool-grid,.community>div,.expert-grid,.ledger>div,.cards,.article-lane,.principles{grid-template-columns:1fr}.two figure{min-height:290px}.logo-wall,.review{grid-column:auto}.footer-grid{grid-template-columns:1fr}.editorial-page table{display:block;overflow-x:auto}.editorial-page th,.editorial-page td{min-width:170px}.page-head{padding-top:36px}}
