/* 51吃瓜：原创编辑式深色阅读界面 */
:root{color-scheme:dark;--bg:#10151D;--surface:#19212C;--raised:#222C38;--heading:#F7F5F2;--copy:#E0E4E8;--muted:#BBC4CC;--accent:#FF6B7D;--blue:#9CC5DB;--line:#34414F;--width:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--copy);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:16px;line-height:1.75}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit;cursor:pointer}button:hover{border-color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}a:active,button:active{transform:translateY(1px)}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--heading);line-height:1.3;letter-spacing:.008em}h1{font-size:clamp(28px,3.6vw,38px)}h2{font-size:clamp(23px,2.5vw,27px)}h3{font-size:clamp(18px,2vw,21px)}p{margin-bottom:18px}.shell{width:min(calc(100% - 64px),var(--width));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-100px;background:var(--blue);color:#10151D;padding:10px 16px;z-index:1000}.skip-link:focus{top:8px}.site-header{position:relative;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}.masthead{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-title{font-size:23px;font-weight:800;line-height:1.1;color:var(--heading);white-space:nowrap}.brand-title small{display:block;font-size:10px;letter-spacing:.16em;color:var(--muted);margin-top:5px}.brand-logo{height:40px;width:auto;max-width:150px;object-fit:contain}.brand-symbol{display:grid;place-items:center;background:var(--accent);color:#10151D;border-radius:10px;width:40px;height:40px;font-size:19px;font-weight:900;flex:none}.masthead-actions{display:flex;align-items:center;gap:16px}.reader-link{color:var(--muted);font-weight:650}.menu-button,.desktop-more,.menu-close{background:var(--surface);border:1px solid var(--line);color:var(--heading);border-radius:10px;min-height:44px;padding:8px 16px}.menu-button{font-weight:750}.desktop-nav{border-top:1px solid var(--line)}.nav-inner{height:48px;display:flex;align-items:stretch;gap:clamp(12px,2vw,29px)}.nav-inner a{display:flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap;font-size:14px;font-weight:650}.nav-inner a[aria-current=page]{color:var(--heading);border-bottom-color:var(--accent)}.desktop-more{margin-left:auto;align-self:center;font-size:13px;min-height:36px;padding:4px 10px}.menu-panel{padding-top:22px;padding-bottom:28px}.menu-panel[hidden]{display:none!important}.menu-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.menu-top strong{font-size:20px;color:var(--heading)}.menu-close{padding:4px 12px}.menu-groups{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}.menu-groups h2{font-size:16px;margin:20px 0 12px;color:var(--blue)}.menu-links{display:flex;flex-wrap:wrap;gap:8px}.menu-links a{border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-height:44px;background:var(--surface);font-size:14px}.menu-links a[aria-current=page]{border-color:var(--accent);color:var(--heading)}.site-main{min-height:60vh}.section{margin-block:68px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:24px}.section-heading h2{margin:0}.eyebrow{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.12em}.subtle{color:var(--muted)}.home-kicker{display:flex;align-items:center;gap:14px;margin-bottom:16px;font-weight:750;color:var(--blue)}.home-kicker:after{content:"";height:1px;background:var(--line);flex:1}.home-hero{margin-top:36px}.hero-image{height:min(26vw,320px);min-height:220px}.hero-image .media-frame{height:100%;border-radius:12px}.hero-copy{max-width:900px;padding-top:25px}.hero-copy h1{margin-bottom:16px}.hero-copy p{font-size:17px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;border-radius:9px;font-weight:750;background:var(--accent);color:#10151D}.btn:hover{color:#10151D;background:#ff8995}.btn.secondary{background:var(--surface);color:var(--heading);border:1px solid var(--line)}.btn.secondary:hover{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.card h3{margin-bottom:12px}.card p{color:var(--copy)}.text-link{font-weight:760;color:var(--accent);display:inline-flex;min-height:44px;align-items:center}.intro-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.intro-stack{display:grid;gap:18px}.intro-lead{display:grid;grid-template-columns:.9fr 1fr;gap:22px;align-items:center}.intro-lead h3{font-size:24px}.intro-lead p,.intro-stack p{margin-bottom:8px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.topic-card .number{color:var(--blue);font-size:13px;letter-spacing:.12em}.topic-card h3{margin:14px 0 12px}.topic-card p{min-height:98px;color:var(--muted)}.two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.feature-media .media-frame{height:230px;margin-bottom:20px}.feature-copy p{min-height:110px}.feature-copy ul{padding-left:20px;margin-bottom:8px}.feature-copy li{margin-bottom:6px}.four-up{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.three-up{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mini-media .media-frame{height:190px;margin:-3px -3px 18px}.mini-media p{font-size:15px}.service-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;background:var(--surface);padding:32px;border-radius:12px;border:1px solid var(--line)}.service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.service-links a{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line);min-height:48px}.service-links a:after{content:'↗';color:var(--accent)}.media-frame{width:100%;height:100%;min-height:150px;border-radius:10px;overflow:hidden;background:#222C38;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.media-frame img{height:100%;width:100%;object-fit:contain;object-position:center}.media-fallback{height:100%;width:100%;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 85% 10%,#34414F 0,transparent 38%),linear-gradient(135deg,#202B38,#18202C);color:var(--heading);font-size:clamp(17px,2.2vw,24px);font-weight:750;letter-spacing:.03em}.media-mark{display:block;height:40px;width:40px;border:3px solid var(--accent);border-radius:10px;transform:rotate(-13deg);position:relative}.media-mark:after{content:'';position:absolute;width:14px;height:14px;right:-9px;bottom:-9px;border:3px solid var(--blue);border-radius:50%}.portrait{max-height:400px}.page-head{padding:55px 0 28px;border-bottom:1px solid var(--line)}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:22px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.page-head h1{max-width:1000px}.page-lead{max-width:950px;font-size:17px;margin-bottom:0}.page-content{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:58px;margin-top:42px;margin-bottom:70px}.page-main{min-width:0}.page-visual{height:235px;margin-bottom:38px}.page-aside{align-self:start;position:sticky;top:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.page-aside h2{font-size:17px}.page-aside a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.page-aside a:hover{color:var(--accent)}.essay-section{margin:0 0 35px;padding-bottom:30px;border-bottom:1px solid var(--line)}.essay-section h2{margin-bottom:15px}.essay-section p{line-height:1.9;margin:0}.essay-section:nth-child(2n) h2:before{content:'◆';font-size:11px;color:var(--accent);vertical-align:middle;margin-right:11px}.variant-matrix .essay-section{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:16px}.variant-steps .essay-section{border-left:2px solid var(--blue);border-bottom:0;padding:0 0 30px 24px;margin-left:7px}.variant-steps .essay-section h2:before{content:'○';color:var(--accent);margin-left:-34px;margin-right:20px;font-size:20px}.variant-badges .essay-section{border-bottom:1px solid var(--line);padding:18px 0 28px}.variant-badges .essay-section:nth-child(-n+4) h2{color:var(--blue)}.variant-editorial .essay-section:first-child{background:var(--raised);padding:28px;border-radius:12px}.variant-directory .essay-section{border-bottom:0;padding:0 0 16px}.variant-directory .essay-section h2{border-bottom:1px solid var(--line);padding-bottom:12px}.page-related{margin-bottom:65px;padding:26px 30px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.page-related h2{font-size:20px}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a{border:1px solid var(--line);border-radius:8px;padding:9px 14px;min-height:44px}.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-list summary{cursor:pointer;font-size:18px;font-weight:750;color:var(--heading);padding:8px 12px 8px 0}.faq-list details p{padding:14px 28px 8px 0;max-width:860px;line-height:1.9}.site-footer{background:#151d27;border-top:1px solid var(--line);padding:50px 0 0}.footer-layout{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-layout p{max-width:350px;color:var(--muted)}.footer-brand{font-size:23px;color:var(--heading)}.footer-brand span{font-size:11px;color:var(--muted);margin-left:6px}.footer-layout h2{font-size:16px}.footer-layout a{display:block;color:var(--muted);margin:8px 0;font-size:14px}.footer-layout a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;padding:20px 0;margin-top:26px;font-size:13px;color:var(--muted)}.mobile-bottom{display:none}@media(max-width:1100px){.nav-inner{gap:12px}.nav-inner a{font-size:12px}.page-content{grid-template-columns:minmax(0,1fr) 215px;gap:30px}.four-up{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.shell{width:calc(100% - 48px)}.desktop-nav{display:none}.masthead{height:60px}.menu-groups{grid-template-columns:1fr 1fr}.intro-grid,.intro-lead,.service-panel{grid-template-columns:1fr}.intro-lead{gap:14px}.topic-grid,.three-up{grid-template-columns:repeat(2,minmax(0,1fr))}.two-up{grid-template-columns:1fr}.page-content{grid-template-columns:1fr}.page-aside{position:static;order:-1}.page-aside div{display:flex;flex-wrap:wrap;gap:0 20px}.page-aside a{width:auto}.footer-layout{grid-template-columns:1.5fr 1fr 1fr}.footer-layout>div:last-child{grid-column:2/4}}@media(max-width:600px){.shell{width:calc(100% - 32px)}.reader-link{display:none}.brand-title{font-size:20px}.brand-logo{max-width:105px;height:34px}.masthead-actions{gap:8px}.menu-button{padding:8px 12px}.menu-panel{max-height:calc(100dvh - 60px);overflow:auto}.menu-groups{grid-template-columns:1fr;gap:5px}.menu-links{gap:7px}.menu-links a{font-size:14px}.section{margin-block:42px}.section-heading{align-items:start;flex-direction:column;gap:7px}.hero-image{height:200px;min-height:0}.home-hero{margin-top:20px}.hero-copy{padding-top:20px}.hero-copy p,.page-lead{font-size:16px}.intro-grid,.intro-stack,.topic-grid,.four-up,.three-up{grid-template-columns:1fr}.topic-card p{min-height:0}.service-panel{padding:22px;gap:18px}.service-links{grid-template-columns:1fr}.page-head{padding:30px 0 22px}.page-content{margin-top:26px;margin-bottom:42px}.page-visual{height:200px}.page-aside{padding:16px}.essay-section{padding-bottom:24px;margin-bottom:24px}.site-footer{padding-top:30px}.footer-layout{grid-template-columns:1fr 1fr;gap:20px}.footer-layout>div:first-child{grid-column:1/-1}.footer-layout>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);height:calc(58px + env(safe-area-inset-bottom));bottom:0;left:0;right:0;background:#18212c;border-top:1px solid var(--line);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;font-size:12px;gap:2px;color:var(--muted)}.mobile-bottom a span{font-size:21px}.mobile-bottom a[aria-current=page]{color:var(--accent);font-weight:800}.site-footer{padding-bottom:calc(75px + env(safe-area-inset-bottom))}.feature-media .media-frame{height:190px}.mini-media .media-frame{height:180px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.noscript-nav{padding:14px 0 24px}.noscript-nav strong{display:block;margin-bottom:12px;color:var(--heading)}