/* 吃瓜网 / 现代折页杂志 */
:root{--background:#FAF8F2;--paper:#FFFDF8;--surface:#fff;--soft:#F3F0E9;--blueberry:#4B426F;--blueberry-deep:#332D51;--blueberry-soft:#EFECF6;--persimmon:#CB633B;--persimmon-deep:#A74428;--persimmon-soft:#FAEAE1;--sky:#4D83A3;--sky-soft:#E9F3F7;--mint:#398777;--mint-soft:#E7F4EE;--lemon:#D2AA44;--lemon-soft:#FAF1D8;--rose:#BC798D;--title:#292C39;--body:#464B58;--muted:#646A77;--border:#E4E0DC;--divider:#EEEAE5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--body);font-size:16px;line-height:1.77}a{color:inherit;text-decoration:none}a:hover{color:var(--persimmon-deep)}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.24}h1{font-size:clamp(30px,4vw,50px);letter-spacing:-.035em}h2{font-size:clamp(24px,2.3vw,30px);letter-spacing:-.025em}h3{font-size:20px}p{line-height:1.85}.container{width:min(1320px,calc(100% - 64px));margin-inline:auto}.muted,.micro{color:var(--muted);font-size:13px}.eyebrow,.page-kicker{color:var(--persimmon-deep);font-size:12px;font-weight:800;letter-spacing:.15em}.page-kicker{margin:26px 0 14px}.section{margin-block:84px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-head h2{margin:9px 0 0}.section-head>a,.read-more,.text-link{font-size:14px;font-weight:700;color:var(--blueberry)}.section-head>a:hover,.read-more:hover{color:var(--persimmon)}.button{background:var(--persimmon);border-radius:11px;color:white;display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;font-weight:750;min-height:46px}.button:hover{background:var(--persimmon-deep);color:white}.skip-link{position:absolute;top:-100px;left:12px;background:white;padding:10px;z-index:1000}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.site-header{background:var(--paper);border-bottom:1px solid var(--border)}.masthead{min-height:76px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;font-size:25px;color:var(--blueberry-deep);font-weight:900;line-height:1.2;white-space:nowrap}.brand-symbol{font-size:30px;margin-right:9px}.brand small{display:block;letter-spacing:.16em;color:var(--muted);font-size:9px;font-weight:650}.header-search{margin:auto;max-width:580px;width:100%;display:flex;border:1px solid var(--border);border-radius:12px;background:white;overflow:hidden}.header-search input{border:0;outline:none;flex:1;min-width:0;padding:9px 17px;font-size:13px}.header-search button{border:0;background:var(--blueberry);color:white;padding:10px 17px;font-size:13px}.header-link{font-weight:750;white-space:nowrap;color:var(--blueberry)}.primary-nav{border-top:1px solid var(--divider)}.nav-links{display:flex;gap:45px;align-items:center;min-height:53px}.nav-links a{font-size:14px;font-weight:720;white-space:nowrap}.nav-links a:last-child{margin-left:auto;color:var(--muted)}.menu-toggle{display:none;border:0;background:none;color:var(--blueberry);font-weight:800;font-size:16px}.menu-overlay[hidden]{display:none}.hero{display:grid;grid-template-columns:.91fr 1.09fr;gap:48px;align-items:center;padding-top:52px}.hero-copy{padding:35px 0}.hero h1{font-size:clamp(42px,5.8vw,76px);margin:17px 0 20px}.hero h1 em,.page-intro h1 em,.about-hero h1 em{font-style:normal;color:var(--persimmon)}.hero-copy>p{max-width:490px;font-size:17px}.hero-actions{display:flex;align-items:center;gap:23px;margin:29px 0}.hero-visual{height:405px;position:relative;border-radius:24px;overflow:hidden;background:var(--blueberry-soft)}.cover{width:100%;height:100%;object-fit:cover}.image-fallback{display:flex;min-height:145px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--blueberry);text-align:center;background:linear-gradient(130deg,#EAE5F0,#F8ECE0);padding:18px}.image-fallback span{font-size:45px}.image-fallback small{font-weight:700;font-size:13px}.hero-note{position:absolute;bottom:20px;left:20px;max-width:280px;background:#fffdf8ed;padding:15px 20px;border-radius:15px;color:var(--blueberry-deep)}.hero-note span{display:block;font-size:11px;letter-spacing:.1em}.hero-note strong{font-size:18px;line-height:1.5}.category-folds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fold{min-height:125px;border-top:5px solid var(--fold-color);background:white;border-radius:4px 4px 14px 14px;padding:15px 19px;display:flex;flex-direction:column;gap:5px;transition:transform .2s}.fold:hover{transform:translateY(-4px)}.fold small{font-size:11px;color:var(--fold-color);font-weight:900}.fold strong{font-size:19px;color:var(--title)}.fold span{font-size:12px;color:var(--muted);line-height:1.6}.editor-list{border-top:1px solid var(--border)}.editor-list>a{display:grid;grid-template-columns:70px 1fr 30px;gap:20px;align-items:center;border-bottom:1px solid var(--border);padding:18px 8px}.editor-list>a>b{font-size:32px;color:var(--persimmon);font-weight:450}.editor-list small{display:block;color:var(--muted);font-size:11px}.editor-list strong{font-size:19px;color:var(--title)}.editor-list em{display:block;font-style:normal;color:var(--muted);font-size:13px;margin-top:5px}.arrow{font-size:23px;color:var(--blueberry)}.split-module{display:grid;grid-template-columns:1fr .7fr;gap:35px}.split-module>div:first-child{padding:24px 0}.split-module p{max-width:670px}.timeline{margin:23px 0;display:grid;gap:10px}.timeline>div{border-left:3px solid var(--persimmon);background:white;padding:13px 20px;display:flex;gap:25px}.timeline b{min-width:100px;color:var(--title)}.timeline span{font-size:14px}.color-panel{border-radius:22px;padding:45px;display:flex;justify-content:end;flex-direction:column;min-height:350px}.purple{background:#4B426F;color:white}.color-panel h3{color:white;font-size:30px;margin:22px 0}.color-panel p{color:#efebf9}.color-panel span{font-size:12px;letter-spacing:.15em}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison>div{border-radius:17px;padding:32px;min-height:220px}.compare-no{background:#FAEAE1}.compare-yes{background:#E7F4EE}.comparison small{font-size:13px;font-weight:800;color:var(--persimmon-deep)}.compare-yes small{color:var(--mint)}.comparison h3{font-size:23px;margin:16px 0}.cinema-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:0;background:var(--blueberry-deep);border-radius:20px;overflow:hidden}.cinema-grid>.image-fallback,.cinema-grid>div:first-child{min-height:370px}.cinema-grid>div:first-child .cover{height:100%}.cinema-reading{padding:38px;color:white}.cinema-reading h3{color:white;font-size:26px}.cinema-reading p{color:#e7e4ed}.cinema-reading a{display:block;border-top:1px solid #ffffff40;color:white;padding:10px 0}.stage-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stage-list a{min-height:245px;border-radius:15px;background:white;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:5px solid var(--rose)}.stage-list a:nth-child(2){border-color:var(--sky)}.stage-list a:nth-child(3){border-color:var(--mint)}.stage-list a:nth-child(4){border-color:var(--persimmon)}.stage-list span{font-size:12px;color:var(--rose);font-weight:900}.stage-list strong{font-size:21px;color:var(--title);line-height:1.45}.stage-list small{color:var(--muted);font-size:12px}.sticker-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.sticker{min-height:148px;padding:22px;display:flex;align-items:center;gap:15px;border-radius:18px;transform:rotate(-1deg)}.sticker:nth-child(even){transform:rotate(1deg)}.sticker span{font-size:32px}.sticker strong{color:var(--title);font-size:20px}.sticker-1{background:var(--lemon-soft)}.sticker-2{background:var(--blueberry-soft)}.sticker-3{background:var(--sky-soft)}.sticker-4{background:var(--persimmon-soft)}.platform-module{display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:center}.platform-module p{max-width:580px}.platform-points{display:grid;max-width:520px}.platform-points a{border-bottom:1px solid var(--border);padding:10px 0;font-weight:700}.network-graphic{background:var(--mint-soft);border-radius:23px;padding:35px;min-height:285px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:center;text-align:center}.network-graphic span{border:1px dashed var(--mint);border-radius:50%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;font-weight:900;color:var(--mint);font-size:12px}.network-graphic div{grid-column:1/-1;font-size:20px;font-weight:800;color:var(--blueberry);margin-top:12px}.opinion-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.opinion-grid>div{background:white;padding:32px;border-left:5px solid var(--sky);border-radius:14px}.opinion-grid>div+div{border-color:var(--persimmon)}.opinion-grid small{font-weight:900;color:var(--sky)}.opinion-grid h3{margin:12px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{border:1px solid var(--border);border-radius:17px;background:white;overflow:hidden}.feature-card>a{display:block;height:180px}.feature-card>div{padding:24px}.feature-card h3{margin:10px 0}.feature-card p{font-size:14px}.closing{background:var(--blueberry-soft);padding:48px;border-radius:25px;text-align:center}.closing p{margin-bottom:22px}.closing-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.closing-links a{padding:11px 18px;border-radius:9px;background:white;font-weight:800;font-size:14px}.site-footer{background:var(--blueberry-deep);color:white;padding:45px 0;margin-top:85px}.site-footer strong{font-size:21px}.site-footer p{font-size:13px;color:#e2dfed}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.footer-links{display:flex;flex-wrap:wrap;justify-content:end;align-items:start;gap:24px}.disclaimer{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:15px;margin-bottom:0}.mobile-bottom{display:none}
.inner-page{min-height:60vh}.page-intro{max-width:910px;margin:10px 0 40px}.page-intro h1{font-size:clamp(33px,4vw,53px)}.page-intro p{font-size:17px}.channel-index{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:46px}.channel-index-item{background:white;border-left:4px solid var(--fold-color);border-radius:10px;padding:16px;display:grid;gap:4px}.channel-index-item.active{background:var(--blueberry-soft);outline:2px solid var(--blueberry)}.channel-index-item span{color:var(--fold-color);font-weight:850}.channel-index-item strong{font-size:17px}.channel-index-item small{font-size:12px;color:var(--muted)}.directory-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:15px 0 25px}.directory-head h2{margin:0}.directory-head h2 small{font-size:14px;color:var(--muted);font-weight:500}.filter-form{display:flex;gap:9px}.filter-form input,.search-large input,.search-large select{border:1px solid var(--border);background:white;border-radius:9px;padding:10px 13px;min-width:0}.filter-form button,.search-large button{border:0;border-radius:9px;background:var(--blueberry);color:white;padding:10px 18px;font-weight:700}.filter-form a{font-size:13px;align-self:center}.directory-list{border-top:1px solid var(--border)}.directory-item{display:grid;grid-template-columns:60px 1fr 35px;gap:23px;padding:25px 8px;border-bottom:1px solid var(--border)}.directory-num{font-size:26px;color:var(--persimmon)}.directory-item small{font-size:12px;color:var(--muted)}.directory-item h3{margin:7px 0 8px}.directory-item p{margin:0 0 9px;font-size:14px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:12px;background:var(--blueberry-soft);color:var(--blueberry);padding:3px 10px;border-radius:20px}.item-arrow{font-size:24px}.pager{display:flex;gap:7px;margin:30px 0;flex-wrap:wrap}.pager a{border:1px solid var(--border);background:white;border-radius:7px;padding:5px 13px}.pager a[aria-current]{background:var(--blueberry);color:white}.empty-state{text-align:center;padding:70px 20px}.empty-state .button{margin-top:14px}.breadcrumbs{margin:26px 0;color:var(--muted);font-size:13px}.article-shell{display:grid;grid-template-columns:minmax(0,800px) 275px;justify-content:space-between;gap:44px}.article-body h1{font-size:clamp(30px,3.5vw,46px);margin:15px 0}.article-lead{font-size:18px;color:var(--blueberry-deep);border-left:4px solid var(--persimmon);padding:8px 0 8px 20px;margin:25px 0}.article-visual{height:340px;border-radius:18px;overflow:hidden;margin:28px 0}.article-sections section{margin:38px 0}.article-sections h2{font-size:25px}.article-sections p{font-size:17px;line-height:1.9}.article-side{padding-top:36px}.aside-box{background:white;border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:18px}.aside-box h3{font-size:17px}.aside-box a{display:block;border-bottom:1px solid var(--divider);font-size:13px;padding:8px 0}.aside-box a:last-child{border:0}.source-box{padding:25px;background:var(--sky-soft);border-radius:16px}.source-box h2,.discussion-box h2{font-size:23px}.source-box p{font-size:14px}.discussion-box{margin:37px 0;background:white;border-radius:16px;padding:26px}.discussion-box li{margin-bottom:12px}.briefs-head{max-width:850px}.briefs-head h1{max-width:700px}.briefs-head p{font-size:17px}.brief-banner{background:var(--lemon-soft);padding:14px 22px;border-radius:10px;display:flex;gap:20px;flex-wrap:wrap;font-size:13px;margin:26px 0}.brief-layout{display:grid;grid-template-columns:1fr 270px;gap:34px}.brief-layout h2 small{font-size:13px;color:var(--muted)}.brief-items article{background:white;border-left:4px solid var(--persimmon);margin-bottom:13px;padding:22px 27px;border-radius:10px}.brief-items article:nth-child(3n+2){border-color:var(--sky)}.brief-items article:nth-child(3n){border-color:var(--mint)}.brief-items article span,.brief-items article small{color:var(--muted);font-size:12px}.brief-items h3{margin:8px 0}.brief-items p{font-size:14px;margin:7px 0}.brief-items article>a{display:block;font-size:13px;color:var(--blueberry);font-weight:800}.brief-aside{margin-top:62px}.brief-aside li{font-size:14px;padding:5px 0}.features-directory{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-directory-item{background:white;position:relative;border:1px solid var(--border);border-radius:17px;overflow:hidden}.feature-directory-item>.cover,.feature-directory-item>.image-fallback{height:210px}.feature-directory-item>div:last-child{padding:25px}.feature-directory-item h2{font-size:24px;margin:12px 0}.feature-directory-item p{font-size:14px}.feature-index{position:absolute;top:15px;left:17px;background:white;border-radius:30px;padding:4px 12px;z-index:1;font-size:12px;font-weight:900}.feature-cover{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:var(--blueberry-soft);border-radius:22px;overflow:hidden}.feature-cover>div:first-child{padding:45px}.feature-cover>div:nth-child(2),.feature-cover>img{min-height:340px;height:100%}.feature-cover h1{font-size:46px;margin-top:14px}.feature-intro{max-width:900px;margin:54px auto}.feature-intro p{font-size:17px}.feature-reading{max-width:980px;margin:auto}.feature-step{display:grid;grid-template-columns:75px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--border)}.feature-step>span{font-size:36px;font-weight:300;color:var(--persimmon)}.feature-step h3{margin:6px 0}.feature-step p{font-size:14px}.feature-step small{color:var(--muted)}.backlink{text-align:center;margin:40px}.search-hero{background:var(--blueberry-soft);padding:40px;border-radius:20px}.search-hero h1{font-size:38px}.search-large{display:flex;gap:10px;margin-top:25px}.search-large input{flex:1}.search-large select{max-width:160px}.search-suggest{margin:45px 0}.search-suggest>div{display:flex;flex-wrap:wrap;gap:12px}.search-suggest a{border:1px solid var(--border);background:white;padding:10px 18px;border-radius:30px}.search-results article{padding:20px 3px;border-bottom:1px solid var(--border)}.search-results small{color:var(--muted)}.search-results h3{margin:7px 0}.search-results p{font-size:14px}.search-feature-heading{margin-top:50px}.about-hero{background:var(--blueberry-deep);color:#fff;padding:53px;border-radius:22px}.about-hero h1{color:white}.about-hero p{color:#eee;max-width:800px;font-size:17px}.about-layout{display:grid;grid-template-columns:230px 1fr;gap:75px;margin-top:50px}.about-toc{align-self:start;position:sticky;top:20px;display:grid;gap:12px;background:white;border-radius:14px;padding:24px}.about-toc a{font-size:14px}.about-copy{max-width:810px}.about-copy section{padding-bottom:30px;margin-bottom:48px;border-bottom:1px solid var(--border)}.about-copy h2{margin-top:10px}.about-copy details{background:white;border-radius:10px;padding:16px;margin-bottom:10px}.about-copy summary{cursor:pointer;font-weight:800}.about-copy details p{margin:10px 0 0}
@media(max-width:1050px){.container{width:calc(100% - 44px)}.nav-links{gap:23px}.hero{gap:20px}.stage-list{grid-template-columns:repeat(2,1fr)}.article-shell{grid-template-columns:minmax(0,1fr) 220px;gap:22px}.feature-grid{gap:10px}.header-link{display:none}}
@media(max-width:720px){body{font-size:15px}.container{width:calc(100% - 34px)}.masthead{min-height:67px;gap:8px}.brand{font-size:22px}.brand small{font-size:8px}.header-search{margin-left:auto;max-width:42px;border:0}.header-search input{display:none}.header-search button{width:42px;height:42px;overflow:hidden;padding:0;font-size:0}.header-search button:before{content:'⌕';font-size:27px}.menu-toggle{display:block;white-space:nowrap}.primary-nav{display:none;position:fixed;top:0;right:0;height:100dvh;width:min(82vw,340px);background:var(--paper);z-index:200;box-shadow:0 10px 70px #0004;overflow:auto}.primary-nav.open{display:block}.primary-nav .container{width:100%}.nav-links{display:grid;align-content:start;gap:5px;padding:80px 20px 30px;min-height:0}.nav-links a{display:block;padding:11px;border-bottom:1px solid var(--border)}.nav-links a:last-child{margin-left:0}.menu-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#0007;z-index:190}.section{margin-block:55px}.section-head{align-items:start}.section-head>a{font-size:12px}.hero{grid-template-columns:1fr;padding-top:26px}.hero-copy{padding:4px 0}.hero h1{font-size:46px}.hero-visual{height:280px}.category-folds,.channel-index{grid-template-columns:repeat(2,minmax(0,1fr))}.fold{min-height:130px;padding:12px}.fold strong{font-size:16px}.fold span{font-size:11px}.editor-list>a{grid-template-columns:34px 1fr 18px;gap:12px}.editor-list>a>b{font-size:22px}.editor-list strong{font-size:17px}.split-module,.cinema-grid,.platform-module,.comparison,.opinion-grid,.footer-inner,.features-directory,.feature-cover,.about-layout{grid-template-columns:1fr}.color-panel{min-height:225px;padding:28px}.cinema-grid>div:first-child{min-height:230px}.cinema-reading{padding:26px}.sticker-wall{grid-template-columns:1fr 1fr}.sticker{min-height:145px;padding:12px;gap:8px}.sticker span{font-size:22px}.sticker strong{font-size:15px}.stage-list a{min-height:210px;padding:16px}.stage-list strong{font-size:17px}.feature-grid{grid-template-columns:1fr}.feature-card>a{height:180px}.footer-links{justify-content:start}.disclaimer{grid-column:1}.site-footer{padding-bottom:100px}.mobile-bottom{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;min-height:60px;align-items:center;background:var(--paper);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{font-size:13px;font-weight:750;padding:10px}.inner-page .page-kicker{margin-top:25px}.directory-head{display:block}.filter-form{margin-top:16px}.directory-item{grid-template-columns:30px 1fr 18px;gap:9px;padding:21px 0}.directory-num{font-size:19px}.article-shell,.brief-layout{display:block}.article-side{padding-top:5px}.article-visual{height:235px}.brief-aside{margin-top:30px}.feature-cover>div:first-child{padding:28px}.feature-cover>div:nth-child(2),.feature-cover>img{min-height:230px}.feature-cover h1{font-size:32px}.search-hero{padding:24px}.search-hero h1{font-size:31px}.search-large{flex-wrap:wrap}.search-large input{flex-basis:100%}.search-large select{flex:1;max-width:unset}.about-hero{padding:30px}.about-toc{position:static}.closing{padding:30px 13px}}
@media(max-width:359px){.category-folds,.channel-index{grid-template-columns:1fr}.sticker-wall{grid-template-columns:1fr}.stage-list{grid-template-columns:1fr}.hero h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.brand-logo{object-fit:contain;max-width:140px;height:36px;margin-right:9px}.channel-index-item .channel-thumb{height:80px;border-radius:6px;overflow:hidden;margin-top:4px}.channel-index-item .channel-thumb .image-fallback{min-height:80px}.channel-index-item .channel-thumb .image-fallback span{font-size:20px}.channel-index-item .channel-thumb .image-fallback small{display:none}