:root{--blue:#1677ee;--blue-bright:#3395ff;--blue-deep:#075fc6;--navy:#0a315e;--footer:#071d37;--ink:#16243a;--body:#3c485a;--muted:#6b7787;--paper:#fff;--soft:#f7faff;--mist:#edf5ff;--frost:#e5f1ff;--stroke:rgba(22,119,238,.12);--shadow:0 12px 34px rgba(30,72,120,.08);--glow:0 14px 40px rgba(22,119,238,.14);--radius:16px;--max:1320px;--headerh:74px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--headerh) + 18px)}body{margin:0;min-width:0;background:#fff;color:var(--body);font:16px/1.76 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:clip}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.3;letter-spacing:-.022em}h1{font-size:clamp(30px,3.7vw,52px)}h2{font-size:clamp(24px,2.8vw,32px)}h3{font-size:clamp(18px,2vw,22px)}p{margin-bottom:1em}ul,ol{padding-left:1.4em}::selection{background:#bddbff;color:#0b2c55}a:hover{color:var(--blue-deep)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue-bright);outline-offset:3px}button:focus-visible{border-radius:8px}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-main{min-height:60vh}.site-main:focus{outline:0}.skip-link{position:fixed;left:12px;top:-90px;z-index:400;padding:9px 16px;background:#fff;color:var(--navy);border-radius:8px}.skip-link:focus{top:12px}.eyebrow{display:block;font-size:12px;font-weight:850;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}.overline{display:block;color:var(--blue-deep);font-size:13px;letter-spacing:.09em;font-weight:750;margin-bottom:12px}
/* 单行报头 */
.site-header{height:var(--headerh);background:#fff;border-bottom:1px solid rgba(18,65,118,.11);position:sticky;top:0;z-index:100;box-shadow:0 4px 16px rgba(16,59,99,.035)}.header-inner{height:100%;display:flex;gap:14px;align-items:center}.home-brand,.footer-brand{display:flex;align-items:center;min-width:0;flex-shrink:0;gap:10px;color:var(--ink)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;min-width:35px;max-width:94px;flex:none}.brand-mark img{width:auto;max-width:94px;max-height:38px;object-fit:contain}.brand-symbol{display:inline-grid;place-items:center;width:36px;height:36px;font-size:19px;font-weight:900;background:linear-gradient(140deg,#58afff,#1677ee 58%,#08488d);color:white;border-radius:11px;box-shadow:0 4px 16px rgba(22,119,238,.18)}.brand-text{display:flex;flex-direction:column;font-size:19px;font-weight:850;line-height:1.2;white-space:nowrap}.brand-text small{margin-top:4px;font-size:9px;letter-spacing:.18em;color:#5e8cb3;font-weight:650}.desktop-main-nav{display:flex;align-items:center;gap:3px;min-width:0;margin-left:auto}.desktop-main-nav a,.head-topic-link{font-size:14px;font-weight:700;white-space:nowrap;color:#344a64;display:inline-flex;justify-content:center;align-items:center;height:44px;padding:0 12px;border-radius:10px;transition:background-color .2s,color .2s}.desktop-main-nav a:hover,.head-topic-link:hover{background:#edf5ff;color:var(--blue-deep)}.desktop-main-nav a.selected,.head-topic-link.selected{background:var(--mist);color:var(--blue-deep)}.desktop-main-nav a.selected::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue);margin-right:6px}.header-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--navy);flex:none}.icon-btn:hover{background:var(--mist)}.text-menu-btn{height:44px;min-width:98px;border:1px solid var(--stroke);background:#fff;border-radius:10px;padding:0 11px;color:#305477;font-size:13px;font-weight:700;white-space:nowrap}.text-menu-btn:hover{background:var(--mist)}.head-app-link{background:var(--blue);color:#fff;height:42px;border-radius:10px;padding:0 14px;font-size:13px;font-weight:780;display:inline-flex;align-items:center;white-space:nowrap;gap:5px}.head-app-link:hover{background:var(--blue-deep);color:#fff}.search-glyph{position:relative;display:inline-block;width:17px;height:17px;border:2px solid currentColor;border-radius:50%;margin-right:4px;margin-bottom:4px}.search-glyph::after{content:'';position:absolute;width:8px;height:2px;right:-6px;bottom:-4px;transform:rotate(46deg);background:currentColor;border-radius:2px}.menu-glyph{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center}.menu-glyph i{height:2px;width:19px;display:block;border-radius:2px;background:currentColor}.mobile-menu-btn,.desktop-menu-btn{display:none}
/* 内容节奏 */
.section{padding:56px 0}.section-alt{background:var(--soft)}.section-blue{background:var(--mist)}.section-dark{background:var(--navy);color:#dceeff}.section-dark h2,.section-dark h3,.section-dark h1{color:#fff}.section-dark .overline,.section-dark .eyebrow{color:#c2e3ff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:27px}.section-head h2{margin:0}.section-head p{max-width:600px;margin:9px 0 0;font-size:15px;color:var(--muted)}.section-head .text-arrow{flex:none}.text-arrow{display:inline-flex;align-items:center;gap:7px;color:var(--blue-deep);font-size:14px;font-weight:800;min-height:44px}.text-arrow:hover{gap:12px;text-decoration:underline;text-underline-offset:4px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;border-radius:10px;padding:9px 19px;font-size:14px;font-weight:780;white-space:nowrap;transition:transform .2s,box-shadow .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#3998ff 0%,#1677ee 55%,#075fc6 100%);color:#fff;box-shadow:0 8px 22px rgba(22,119,238,.23)}.btn-primary:hover{color:#fff;box-shadow:0 12px 25px rgba(22,119,238,.3)}.btn-outline{border:1px solid #89b9f8;background:white;color:var(--blue-deep)}.btn-outline:hover{background:var(--mist)}.btn-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.editorial-card,.feature-card,.article-tile,.section-box,.content-panel{background:#fff;border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow)}.eyeline{height:1px;background:var(--stroke);margin:20px 0}.muted{color:var(--muted)}.quiet-note{font-size:13px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:7px;background:var(--mist);font-size:12px;font-weight:700;color:var(--blue-deep)}.number{font-size:clamp(30px,4.6vw,56px);letter-spacing:-.06em;line-height:1;color:var(--blue);font-weight:860}.dash-title{display:flex;align-items:center;gap:12px}.dash-title::before{content:'';display:block;width:30px;height:3px;background:var(--blue);border-radius:2px;flex:none}
/* 品牌封面，无图时纯CSS视觉 */
.hero-wrap{padding-top:22px;padding-bottom:16px}.hero-banner{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:16/7;max-height:520px;background:linear-gradient(125deg,#074884 0%,#0b68c6 45%,#86c6ff 100%);border-radius:18px 18px 0 0;display:flex;align-items:end}.hero-banner::before{content:'';position:absolute;inset:-55% -12% auto 22%;height:140%;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 70px rgba(255,255,255,.028),0 0 0 145px rgba(255,255,255,.026),0 0 0 220px rgba(255,255,255,.018);pointer-events:none}.hero-banner::after{content:'';position:absolute;right:-9%;bottom:-85%;width:68%;height:150%;border-radius:50%;background:radial-gradient(ellipse,rgba(220,238,255,.28),rgba(220,238,255,0) 68%);pointer-events:none}.hero-banner img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;object-position:center;z-index:2}.hero-decor{position:relative;z-index:1;color:#fff;max-width:520px;margin:0 0 10% 7%;pointer-events:none}.hero-decor span{font-size:12px;letter-spacing:.28em;color:#dceeff;font-weight:700}.hero-decor strong{display:block;font-size:clamp(30px,4.4vw,60px);line-height:1.12;letter-spacing:-.04em;margin-top:12px}.hero-decor small{font-size:15px;color:#e5f1ff}.hero-banner.has-photo .hero-decor{display:none}.hero-intro{display:flex;align-items:center;gap:22px;justify-content:space-between;background:#0a315e;color:#e1efff;padding:23px 34px 27px;border-radius:0 0 18px 18px}.hero-intro>div:first-child{max-width:690px}.hero-intro .eyebrow{color:#a8d5ff}.hero-intro h1{color:#fff;font-size:clamp(30px,3.4vw,50px);margin:3px 0 12px}.hero-intro p{font-size:15px;line-height:1.8;margin:0;color:#dceeff}.hero-intro .btn-group{justify-content:flex-end;max-width:330px}.hero-intro .btn-outline{background:transparent;border-color:rgba(220,238,255,.62);color:#fff}.hero-intro .btn-outline:hover{background:rgba(255,255,255,.12)}
/* 首页四格导航 */
.entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.entry-card{position:relative;display:flex;align-items:center;min-height:108px;gap:14px;padding:19px;background:#fff;border:1px solid var(--stroke);border-radius:14px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.entry-card:hover{transform:translateY(-3px);box-shadow:var(--glow)}.entry-icon{display:grid;place-items:center;width:43px;height:43px;background:linear-gradient(145deg,#d8eeff,#eff7ff);color:var(--blue);border-radius:12px;font-size:23px;flex:none}.entry-card strong{display:block;color:var(--ink);font-size:17px}.entry-card small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:3px}.entry-card .arr{margin-left:auto;align-self:flex-start;color:var(--blue)}
/* 媒体框 */
.media-slot{position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate;min-width:0;background:linear-gradient(140deg,#d7eaff,#e9f5ff 45%,#f7fbff);border:1px solid rgba(22,119,238,.09);border-radius:14px;color:#2e6096}.media-slot::before{content:'';position:absolute;width:74%;aspect-ratio:1;left:-28%;bottom:-80%;border-radius:50%;background:linear-gradient(135deg,rgba(36,125,216,.25),rgba(72,182,255,.03));box-shadow:0 0 0 40px rgba(255,255,255,.19),0 0 0 80px rgba(255,255,255,.12);pointer-events:none}.media-slot::after{content:'';position:absolute;width:53%;aspect-ratio:1;right:-23%;top:-72%;border:2px solid rgba(22,119,238,.13);border-radius:50%;pointer-events:none}.media-slot img{position:relative;z-index:2;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center}.media-art-label{position:relative;z-index:1;font-weight:820;color:#2e6da9;line-height:1.3;font-size:clamp(19px,3vw,36px);padding:14px;text-align:center;letter-spacing:.02em}.media-wide{aspect-ratio:16/9}.media-city{aspect-ratio:4/3}.media-square{aspect-ratio:1/1}.media-small{aspect-ratio:16/11}.media-portrait,.media-app{aspect-ratio:9/16}.media-app{max-height:520px;width:min(100%,340px);margin-inline:auto}.media-brand{aspect-ratio:16/9}
/* 今日精选 */
.feature-mosaic{display:grid;grid-template-columns:1.37fr 1fr;gap:20px}.feature-lead{min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a315e,#0d6ab8 55%,#75bcff);color:#fff;border-radius:16px;padding:36px}.feature-lead::before{position:absolute;content:'海角 · 每日观察';left:27%;top:15%;font-size:clamp(38px,5.5vw,72px);font-weight:900;color:rgba(255,255,255,.08);white-space:nowrap;transform:rotate(-11deg);pointer-events:none}.feature-lead .pill{width:max-content;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.23)}.feature-lead h3{position:relative;font-size:clamp(24px,2.9vw,35px);color:#fff;margin:14px 0}.feature-lead p{position:relative;line-height:1.8;max-width:540px;color:#e3f2ff}.feature-lead a{color:#fff;text-decoration:underline;text-underline-offset:5px;font-weight:800}.feature-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px}.feature-side article{border-radius:14px;background:var(--mist);padding:25px;display:flex;flex-direction:column;justify-content:space-between}.feature-side article:nth-child(2){background:#f8fbff;border:1px solid var(--stroke)}.feature-side h3{font-size:21px;margin:8px 0}.feature-side p{font-size:14px;color:var(--body);margin-bottom:8px}.news-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.news-mini-grid a{padding:20px;border-left:3px solid var(--blue);background:#fff;border-radius:0 11px 11px 0;box-shadow:var(--shadow);min-height:118px}.news-mini-grid strong{display:block;color:var(--ink);font-size:16px}.news-mini-grid small{color:var(--muted);font-size:13px;display:block;margin-top:8px}
/* 城市与周末旅行 */
.city-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:center}.city-copy h2{margin-bottom:18px}.city-copy p{font-size:16px;line-height:1.83}.city-tags,.soft-tags{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.city-tags span,.soft-tags a{font-size:13px;border-radius:8px;background:var(--mist);color:#17548d;padding:8px 12px}.time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.time-card{background:#fff;border:1px solid var(--stroke);border-radius:14px;padding:23px 20px;position:relative;min-height:210px}.time-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1677ee,#8acbff);border-radius:14px 14px 0 0}.time-card .time{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.11em}.time-card h3{margin:10px 0}.time-card p{font-size:14px;line-height:1.75}.pathline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.path-step{position:relative;padding:20px 12px 18px;border-top:2px solid #8ebefa}.path-step::before{content:'';position:absolute;top:-7px;left:15px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px var(--mist)}.path-step strong{display:block;margin:9px 0;color:var(--ink)}.path-step p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
/* 兴趣、经验 */
.interest-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.interest-grid a{min-height:94px;padding:16px;border:1px solid var(--stroke);border-radius:14px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 16px rgba(30,72,120,.04)}.interest-grid strong{font-size:16px;color:var(--ink)}.interest-grid small{font-size:12px;color:var(--blue)}.interest-grid a:hover{background:#edf5ff}.question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.question-grid article{padding:22px;border:1px solid var(--stroke);background:#fff;border-radius:14px}.question-grid h3{font-size:19px}.question-grid p{font-size:14px;line-height:1.85}.editorial-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-tile{padding:26px}.article-tile .index{font-size:12px;color:var(--blue);font-weight:800}.article-tile h3{margin:12px 0}.article-tile p{font-size:14px;line-height:1.83}
/* 故事杂志 */
.story-section{display:grid;grid-template-columns:1.3fr .8fr;gap:24px;align-items:start}.story-lead{border-radius:16px;padding:36px;background:linear-gradient(140deg,#fff,#edf5ff);border:1px solid var(--stroke)}.story-lead h3{font-size:27px}.story-lead p{line-height:1.95}.story-side{display:grid;gap:12px}.story-side article{border-bottom:1px solid var(--stroke);padding:13px 5px}.story-side h3{font-size:17px;margin:0 0 8px}.story-side p{font-size:13px;color:var(--muted);margin:0}
/* 社区专题与指南 */
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.topic-grid a{display:block;background:#fff;padding:23px;border:1px solid var(--stroke);border-radius:14px;min-height:132px}.topic-grid a:hover{background:var(--mist)}.topic-grid strong{display:block;font-size:18px;color:var(--ink)}.topic-grid span{color:var(--muted);display:block;font-size:13px;margin-top:12px;line-height:1.7}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-grid article{padding:22px 22px 20px;background:#fff;border-radius:14px;border:1px solid var(--stroke)}.guide-grid .number{font-size:29px;letter-spacing:-.03em}.guide-grid h3{margin:9px 0;font-size:19px}.guide-grid p{font-size:14px;line-height:1.86}
/* 影集 1大2中3小 */
.album-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.album-item{min-width:0}.album-item .media-slot{border-radius:12px}.album-item figcaption{margin-top:8px;font-size:13px;font-weight:700;color:var(--ink)}.album-item{margin:0;grid-column:span 2}.album-item.feature-wide{grid-column:span 6}.album-item.feature-wide .media-slot{aspect-ratio:21/8}.album-item.feature-medium{grid-column:span 3}.album-item.feature-medium .media-slot{aspect-ratio:16/9}.album-item.feature-small{grid-column:span 2}.album-item.feature-small .media-slot{aspect-ratio:4/3}.album-item .media-slot::before{left:-21%;bottom:-100%}
/* 动态 / APP / 安全 */
.notice-list{display:grid;gap:10px}.notice-line{padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--stroke);background:#fff}.notice-line strong{color:var(--blue);font-size:12px;letter-spacing:.09em;flex:none}.notice-line span{color:var(--body);font-size:14px}.notice-line a{margin-left:auto;flex:none}.app-feature{display:grid;grid-template-columns:1.08fr .9fr;gap:32px;align-items:center}.app-illustration{display:flex;justify-content:center;align-items:center;position:relative;padding:18px;background:linear-gradient(145deg,#e3f2ff,#f8fbff);border-radius:18px;min-height:390px}.app-copy p{font-size:15px}.app-icon{display:flex;align-items:center;gap:12px;margin-bottom:19px}.app-icon .media-slot{width:62px;height:62px;aspect-ratio:1}.app-icon strong{font-size:16px;color:var(--navy)}.safety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.safety-grid article{border-top:1px solid rgba(255,255,255,.22);padding-top:20px}.safety-grid h3{font-size:18px;color:#fff}.safety-grid p{color:#dceeff;font-size:14px;line-height:1.85}.privacy-highlight{border:1px solid rgba(22,119,238,.2);border-radius:18px;padding:28px 34px;background:#fafdff}.privacy-highlight h2{font-size:26px}.privacy-highlight p{max-width:850px}.brand-statement{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;padding:28px 34px;border-radius:16px;background:linear-gradient(120deg,#f2f8ff,#e5f1ff);border:1px solid var(--stroke)}.brand-statement p{margin:0;max-width:900px}.brand-statement h2{margin:0 0 12px}
/* 内页阅读系统；通过版式类避免重复模版 */
.page-top{padding:48px 0 25px;background:linear-gradient(125deg,#f7fbff,#fff 58%)}.page-top .wrap{position:relative}.breadcrumb{display:flex;gap:9px;font-size:13px;color:#5a7189;margin-bottom:18px}.breadcrumb a{color:var(--blue-deep)}.page-top h1{font-size:clamp(29px,3vw,44px);max-width:870px;margin:0 0 19px}.page-intro{font-size:16px;line-height:1.86;color:#43536a;max-width:810px;margin:0}.page-feature{padding:27px 0 45px}.page-feature-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:35px}.page-feature-grid .media-slot{max-height:380px}.page-feature-panel{padding:25px;background:var(--mist);border:1px solid var(--stroke);border-radius:14px}.page-feature-panel .heading{font-size:13px;color:var(--blue);font-weight:800;letter-spacing:.09em}.page-feature-panel h2{font-size:26px;margin:8px 0 14px}.page-feature-panel p{font-size:15px}.article-container{width:min(820px,100%)}.page-body{padding:30px 0 54px}.page-body .wrap{min-width:0}.page-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(220px,1fr);gap:54px;align-items:start}.article-section{padding:25px 0;border-top:1px solid var(--stroke)}.article-section h2{font-size:clamp(21px,2.3vw,26px);display:flex;align-items:center;gap:13px;margin:0 0 16px}.article-section h2 .section-index{font-size:12px;letter-spacing:.12em;color:var(--blue);font-weight:800}.article-section p{font-size:16px;line-height:1.9;margin:0 0 13px;max-width:820px}.article-section p:last-child{margin-bottom:0}.related-aside{position:sticky;top:100px;padding:24px;background:#f7faff;border-radius:14px;border:1px solid var(--stroke)}.related-aside h2{font-size:18px;margin-bottom:14px}.related-aside a{display:block;padding:12px 0;border-bottom:1px solid var(--stroke);font-size:14px;color:var(--blue-deep);font-weight:700}.related-aside a:last-child{border-bottom:0}.page-end{padding:25px 0 60px}.related-section{display:flex;flex-wrap:wrap;gap:11px;align-items:center}.related-section a{border:1px solid #b4d7fe;border-radius:10px;padding:10px 16px;background:white;color:var(--blue-deep);font-weight:700;font-size:14px;min-height:44px}.related-section a:hover{background:var(--mist)}.opening-label{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:13px;font-weight:800;margin-bottom:12px}.opening-label::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue)}
.page-magazine .article-section:nth-child(2n){background:#f7faff;margin-left:-25px;padding:25px;border-radius:13px;border-top:0}.page-journal .article-section{border-left:3px solid #d0e6ff;padding-left:25px;border-top:0;position:relative}.page-journal .article-section::before{content:'';position:absolute;left:-7px;top:36px;width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px white}.page-index .article-section{border-bottom:1px solid var(--stroke);border-top:0;padding:21px 0}.page-index .article-section h2{color:var(--blue-deep)}.page-culture .article-section:first-letter{font-size:1.4em}.page-safety .article-section h2{font-weight:800}.page-aside-note{border-left:3px solid var(--blue);background:#f7faff;padding:20px 23px;border-radius:0 12px 12px 0;font-size:14px;margin-top:20px;color:var(--body)}.page-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.page-visual-grid .media-slot{aspect-ratio:16/10}.page-visual-grid p{margin:8px 0;font-size:13px;color:var(--muted)}.micro-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.micro-nav a{border:1px solid var(--stroke);background:white;color:var(--blue-deep);font-size:13px;min-height:42px;padding:8px 12px;border-radius:8px;font-weight:700}
/* FAQ */
.faq-stack{width:min(900px,100%);margin-inline:auto}.faq-stack details{margin:0 0 11px;padding:0 24px;background:#fff;border:1px solid var(--stroke);border-radius:12px}.faq-stack summary{cursor:pointer;min-height:64px;padding:17px 3px;font-size:16px;font-weight:790;color:var(--ink);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.faq-stack summary::after{content:'+';font-size:23px;line-height:1;color:var(--blue)}.faq-stack details[open] summary::after{content:'−'}.faq-stack summary::-webkit-details-marker{display:none}.faq-stack .answer{border-top:1px solid var(--stroke);padding:20px 0 24px;font-size:15px;line-height:1.9;color:var(--body)}.faq-intro{max-width:790px;margin-bottom:30px}.faq-home-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.faq-home-list article{padding:22px;border-radius:13px;background:white;border:1px solid var(--stroke)}.faq-home-list h3{font-size:17px}.faq-home-list p{font-size:14px;color:var(--body);margin:0}
/* 页脚 */
.site-footer{background:var(--footer);color:#dceeff;padding:48px 0 25px}.footer-head{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.13)}.footer-brand{color:white}.footer-brand .brand-symbol{background:linear-gradient(135deg,#58acff,#1677ee)}.footer-brand span:last-child{display:flex;flex-direction:column;gap:3px}.footer-brand strong{font-size:19px;color:white}.footer-brand small{font-size:10px;letter-spacing:.19em;color:#b0d8ff}.footer-head p{color:#dceeff;font-size:13px;max-width:660px;line-height:1.85;margin:0}.footer-columns{padding:30px 0 35px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px}.footer-columns h2{font-size:15px;color:#fff;margin:0 0 15px}.footer-columns nav>a{display:block;padding:6px 0;font-size:13px;color:#dceeff}.footer-columns nav>a:hover,.footer-tail a:hover{color:#fff;text-decoration:underline}.footer-tail{border-top:1px solid rgba(255,255,255,.12);padding-top:21px;display:flex;gap:30px;justify-content:space-between}.footer-tail p{color:#adc8e0;font-size:12px;margin:0}.footer-tail a{color:#fff;text-underline-offset:3px}
/* Mega Menu and Search */
body.panel-open{overflow:hidden}.global-shade{position:fixed;inset:0;background:rgba(6,27,52,.52);z-index:140;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s}.global-shade.is-open{opacity:1;visibility:visible;pointer-events:auto}.mega-panel{position:fixed;top:calc(var(--headerh) + 8px);left:50%;width:min(1180px,calc(100vw - 32px));max-height:calc(100dvh - var(--headerh) - 24px);transform:translate(-50%,-10px);z-index:150;background:#fff;box-shadow:0 35px 90px rgba(0,30,75,.24);border:1px solid #d3e6fa;border-radius:18px;overflow:auto;visibility:hidden;opacity:0;pointer-events:none;transition:transform .22s,opacity .22s}.mega-panel.is-open{visibility:visible;opacity:1;transform:translate(-50%,0);pointer-events:auto}.mega-wrap{width:100%;padding:26px 30px 33px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding-bottom:19px;border-bottom:1px solid var(--stroke)}.panel-brand{display:flex;align-items:center;gap:12px}.panel-brand strong{display:block;font-size:21px;color:var(--navy);line-height:1.4}.panel-brand small{display:block;font-size:12px;color:var(--muted)}.panel-close{min-height:44px;background:var(--mist);color:var(--navy);border:1px solid var(--stroke);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700}.panel-close:hover{background:#d9edff}.mega-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px}.mega-group{min-width:0}.mega-group h2{margin:0 0 12px;font-size:16px;color:var(--navy);padding:0 0 11px;border-bottom:2px solid #b8dafb}.mega-group a{display:flex;align-items:center;gap:6px;justify-content:space-between;min-height:42px;font-size:14px;color:#384e67;border-radius:8px;padding:8px 9px;margin-left:-9px}.mega-group a span{color:var(--blue)}.mega-group a:hover{background:var(--mist);color:var(--blue-deep)}.search-panel{position:fixed;z-index:151;top:calc(var(--headerh) + 10px);right:max(20px,calc((100vw - 1320px)/2));width:min(530px,calc(100vw - 32px));max-height:calc(100dvh - var(--headerh) - 20px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 28px 80px rgba(0,35,80,.24);border:1px solid #d5e7fb;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:transform .22s,opacity .22s}.search-panel.is-open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.search-inner{padding:26px}.search-inner .panel-heading{margin-bottom:17px}.search-inner h2{font-size:21px;margin:0}.search-inner .eyebrow{margin-bottom:5px}.search-label{display:block;font-size:13px;color:var(--muted);font-weight:750;margin-bottom:9px}.search-field{display:flex;align-items:center;gap:13px;border:2px solid #b7d8fc;border-radius:12px;padding:5px 15px;color:var(--blue);background:#f8fbff}.search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,238,.10)}.search-field input{outline:0;border:0;height:43px;background:transparent;width:100%;min-width:0;color:var(--ink);font-size:16px}.search-hint,.search-empty{font-size:13px;color:var(--muted);margin:13px 0 17px}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:9px}.search-results a{border:1px solid var(--stroke);background:var(--mist);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:44px;padding:8px 11px;color:var(--navy);font-size:13px;font-weight:710}.search-results a:hover{background:#dbeeff}.search-results a[hidden]{display:none!important}.search-empty[hidden]{display:none!important}.mobile-bottom-nav{display:none}
@media(max-width:1279px){.desktop-main-nav a{padding:0 8px}.header-inner{gap:8px}.text-menu-btn{display:none}.head-topic-link{display:none}.desktop-menu-btn{display:grid}}
@media(max-width:1100px){.desktop-main-nav{gap:0}.desktop-main-nav a{font-size:13px;padding-inline:7px}.brand-text{font-size:17px}.head-app-link{padding:0 12px}.question-grid,.guide-grid{gap:12px}.pathline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:25px}}
@media(max-width:980px){.desktop-main-nav{display:none}.desktop-menu-btn{display:grid}.header-actions{margin-left:auto}.mega-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-columns{gap:18px}}
@media(max-width:767px){:root{--headerh:62px}.wrap{width:calc(100% - 36px)}.site-header{height:var(--headerh);width:100%;background:#fff}.header-inner{width:100%;padding:0 16px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:5px}.mobile-menu-btn{display:grid;grid-column:1;grid-row:1}.desktop-menu-btn{display:none}.home-brand{grid-column:2;grid-row:1;justify-self:center;min-width:0;gap:6px}.header-actions{grid-column:3;grid-row:1;margin:0;display:flex;justify-content:end}.header-actions .search-toggle{display:grid}.header-actions .head-app-link,.header-actions .head-topic-link,.header-actions .text-menu-btn{display:none}.brand-text{font-size:16px}.brand-text small{font-size:8px}.brand-mark{min-width:28px}.brand-mark img{max-height:31px;max-width:72px}.brand-symbol{width:31px;height:31px;font-size:16px;border-radius:9px}.section{padding:35px 0}.section-head{align-items:flex-start;gap:8px;flex-direction:column;margin-bottom:19px}.section-head .text-arrow{min-height:36px}.hero-wrap{padding-top:10px}.hero-banner{aspect-ratio:16/10;border-radius:14px 14px 0 0;max-height:none}.hero-decor{margin:0 0 8% 6%}.hero-decor strong{font-size:31px}.hero-decor small{font-size:12px}.hero-intro{padding:22px 20px 23px;border-radius:0 0 14px 14px;display:block}.hero-intro h1{font-size:30px}.hero-intro p{font-size:14px}.hero-intro .btn-group{margin-top:18px;justify-content:flex-start;max-width:none}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.entry-card{min-height:104px;padding:12px;gap:9px}.entry-icon{width:33px;height:33px;font-size:17px;border-radius:10px}.entry-card strong{font-size:15px}.entry-card small{font-size:11px}.entry-card .arr{display:none}.feature-mosaic{grid-template-columns:1fr}.feature-lead{min-height:330px;padding:27px}.feature-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.feature-side article{padding:17px}.feature-side h3{font-size:17px}.news-mini-grid{grid-template-columns:1fr;gap:9px}.news-mini-grid a{min-height:80px}.city-feature{grid-template-columns:1fr;gap:20px}.city-feature .media-slot{aspect-ratio:16/10}.time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-card{min-height:180px;padding:18px 16px}.pathline{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.interest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-grid,.guide-grid{grid-template-columns:1fr}.editorial-three{grid-template-columns:1fr}.story-section{grid-template-columns:1fr}.story-lead{padding:22px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid a{padding:16px;min-height:130px}.topic-grid strong{font-size:16px}.album-grid{gap:10px}.album-item.feature-small figcaption{font-size:12px}.notice-line{align-items:start;gap:12px;padding:14px 10px;flex-wrap:wrap}.notice-line a{min-height:30px}.app-feature{grid-template-columns:1fr;gap:18px}.app-illustration{min-height:290px;order:-1}.media-app{max-height:380px;width:min(100%,260px)}.safety-grid{grid-template-columns:1fr;gap:14px}.privacy-highlight{padding:22px}.brand-statement{grid-template-columns:1fr;padding:24px;gap:15px}.page-top{padding:31px 0 20px}.page-top h1{font-size:clamp(28px,5.7vw,34px)}.page-feature-grid{grid-template-columns:1fr;gap:17px}.page-feature-grid .media-slot{aspect-ratio:16/9;max-height:320px}.page-feature-panel{padding:22px}.page-body{padding:12px 0 35px}.page-layout{display:block}.article-section{padding:23px 0}.related-aside{position:static;margin-top:25px}.page-magazine .article-section:nth-child(2n){margin-left:0;padding:22px 16px}.article-section p{font-size:15px}.faq-home-list{grid-template-columns:1fr}.footer-head{align-items:start;flex-direction:column}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.footer-tail{flex-direction:column;gap:11px}.site-footer{padding:38px 0 calc(94px + env(safe-area-inset-bottom,0px))}.mega-panel{position:fixed;inset:0;top:0;left:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0;transform:translateY(-8px);border:0}.mega-panel.is-open{transform:translateY(0)}.mega-wrap{padding:22px 18px 30px}.mega-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.mega-group h2{font-size:15px}.mega-group a{font-size:13px}.search-panel{position:fixed;inset:0;top:0;right:0;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.search-inner{padding:27px 18px}.search-results{gap:8px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(58px + env(safe-area-inset-bottom,0px));padding:4px 8px env(safe-area-inset-bottom,0px);background:#fff;box-shadow:0 -7px 30px rgba(16,69,126,.1);border-top:1px solid var(--stroke);z-index:90}.mobile-bottom-nav a{min-width:0;min-height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;border-radius:9px;color:#66809a;font-size:12px;white-space:nowrap}.mobile-bottom-nav a span{font-size:21px;line-height:1.12}.mobile-bottom-nav a b{font-size:11px}.mobile-bottom-nav a.active{background:#edf5ff;color:var(--blue-deep)}.mobile-bottom-nav a:hover{color:var(--blue-deep)}.page-end{padding-bottom:38px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.header-inner{padding-inline:16px}.brand-text{font-size:15px}.brand-text small{letter-spacing:.11em}.hero-intro{padding-inline:16px}.hero-intro h1{font-size:28px}.btn{padding:9px 13px;font-size:13px}.entry-card{padding:10px}.entry-card strong{font-size:14px}.entry-card small{font-size:10.5px}.feature-side{grid-template-columns:1fr}.time-card{min-height:165px}.topic-grid{grid-template-columns:1fr}.interest-grid{gap:9px}.album-item.feature-small{grid-column:span 3}.search-results{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* 让首屏中文标题自然断行，避免末尾孤字 */
.hero-intro h1 .hero-title-line{display:block}

/* 菜单与搜索的关闭按钮保持单行，320px 下不挤压标签。 */
.panel-close{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:78px;flex:none;white-space:nowrap}