/* 奇迹司小队 · 全站视觉系统
   深海档案库：靛青为底，月金为唯一品牌强调色。 */
:root {
    --bg-main: #0c1420;
    --bg-secondary: #111f30;
    --bg: #0c1420;
    --bg-dark: #09111c;
    --card-bg: #132235;
    --highlight: #182b40;
    --border-line: rgba(224, 187, 116, .20);
    --border: rgba(224, 187, 116, .18);
    --border-light: rgba(255,255,255,.07);
    --text-normal: #b7c4d6;
    --text: #b7c4d6;
    --text-bold: #f4f1e9;
    --text-dark: #f4f1e9;
    --text-light: #8192a8;
    --text-muted: #718198;
    --accent: #e0bb74;
    --primary: #e0bb74;
    --accent-hover: #f0d49a;
    --primary-hover: #f0d49a;
    --primary-light: rgba(224,187,116,.13);
    --shadow-sm: 0 8px 20px rgba(0,0,0,.14);
    --shadow: 0 16px 36px rgba(0,0,0,.20);
    --shadow-md: 0 24px 54px rgba(0,0,0,.26);
    --shadow-lg: 0 32px 72px rgba(0,0,0,.32);
    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
}

html { scroll-behavior: smooth; }
body {
    font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
    background: radial-gradient(circle at 78% -10%, #213c54 0, transparent 31rem), #0c1420 !important;
    color: var(--text-normal);
    letter-spacing: .01em;
}
body::after {
    content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 9999;
    opacity: .025; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
a, button, input, select { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
button, .btn, .btn-primary, .btn-secondary, .modal-btn { transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease; }
button:active, .btn:active, .btn-primary:active, .btn-secondary:active, .modal-btn:active { transform: translateY(1px) scale(.985); }

/* 首页 */
.bg-decorations { opacity: .42; }
.deco-ring-1, .deco-ring-2 { border-color: rgba(224,187,116,.28); }
.deco-block-1 { background: #264865; opacity: .28; }
.deco-wave { background: #28445f; opacity: .35; }
.deco-circle { border-color: rgba(224,187,116,.22); }
.main-nav { padding: 14px 0; }
.nav-container { max-width: 1280px; padding: 0 24px; align-items: center; }
.nav-links { padding: 6px; gap: 2px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: rgba(10,21,34,.72); backdrop-filter: blur(18px); box-shadow: var(--shadow-sm); }
.nav-links a { color: #b9c6d6; padding: 9px 14px; border-radius: 9px; font-size: 14px; }
.main-nav .nav-container .nav-links li a.active, .nav-links a:hover { color: #101926 !important; background: var(--accent) !important; box-shadow: none !important; }
.home-section { min-height: 100dvh; justify-content: flex-start; background: linear-gradient(90deg, rgba(7,15,25,.96) 0%, rgba(10,22,36,.88) 43%, rgba(10,22,36,.20) 73%, rgba(7,15,25,.18)), url('../media_tu_bg.jpg') center right / cover no-repeat !important; }
.hero-content { width: min(1280px, 100%); margin: 0 auto; padding: 9rem 8% 5rem; text-align: left; }
.hero-title-wrapper { max-width: 640px; margin-bottom: 32px; }
.hero-title { color: #f6f3eb; font-size: clamp(3.3rem, 7vw, 6.6rem); line-height: .98; letter-spacing: .06em; text-wrap: balance; text-shadow: 0 12px 38px rgba(0,0,0,.36); }
.hero-subtitle { max-width: 24rem; margin-bottom: 0; color: #b9cbe0; font-size: clamp(1rem, 1.8vw, 1.25rem); letter-spacing: .12em; line-height: 1.8; }
.hero-buttons { justify-content: flex-start; gap: 12px; }
.btn-primary, .btn-secondary, .system-entry-btn { border: 1px solid rgba(242,213,158,.55); border-radius: 10px; background: var(--accent); color: #162231; box-shadow: 0 10px 28px rgba(0,0,0,.24); }
.btn-primary:hover, .btn-secondary:hover, .system-entry-btn:hover { background: var(--accent-hover); color: #0c1420; transform: translateY(-2px); box-shadow: 0 16px 34px rgba(0,0,0,.30); }
.section-container { max-width: 1280px; }
.section-header { text-align: left; max-width: 700px; margin-bottom: 36px; }
.section-header h2 { color: var(--text-bold); letter-spacing: -.02em; line-height: 1.12; }
.section-header p { color: var(--text-normal); line-height: 1.75; }
.divider { margin: 18px 0 0; background: linear-gradient(90deg, var(--accent), transparent); }
.news-item, .strategy-card, .card, .story-card, .contact-item, .modal-content { border: 1px solid rgba(255,255,255,.08) !important; background: linear-gradient(145deg, rgba(25,44,64,.92), rgba(15,29,45,.96)) !important; box-shadow: var(--shadow-sm); }
.news-item:hover, .strategy-card:hover, .card:hover { border-color: rgba(224,187,116,.48) !important; transform: translateY(-4px); box-shadow: var(--shadow-md); }
.strategy-grid { grid-template-columns: repeat(12, 1fr) !important; }
.strategy-card { grid-column: span 4; }
.strategy-card:nth-child(4), .strategy-card:nth-child(5), .strategy-card:nth-child(6) { grid-column: span 4; }
.site-footer { background: #09111c !important; border-top: 1px solid var(--border); }

/* 家园、打造与工具页面的共同外壳 */
.sidebar, .top-bar, .craft-header, .ins-topbar, .eq-header, .md-header, .navbar, .header-section {
    background: rgba(12,20,32,.92) !important; color: var(--text-bold); border-color: var(--border) !important;
    backdrop-filter: blur(16px);
}
.sidebar { box-shadow: 16px 0 42px rgba(0,0,0,.20); }
.sidebar-logo, .sidebar-user, .sidebar-footer { border-color: var(--border-light) !important; }
.nav-item { color: var(--text-normal); border: 1px solid transparent; }
.nav-item:hover { background: rgba(224,187,116,.09); color: var(--accent); }
.nav-item.active { background: linear-gradient(135deg, #e0bb74, #c9964e); color: #142030; box-shadow: 0 10px 22px rgba(0,0,0,.22); }
.top-bar { box-shadow: 0 8px 24px rgba(0,0,0,.16); }
.dash-section, .ins-card, .ins-panel, .md-section, .eq-set-card, .craft-controls, .craft-center, .craft-sidebar, .modal, .modal-content {
    background: rgba(19,34,53,.92) !important; border: 1px solid var(--border) !important; box-shadow: var(--shadow) !important;
}
.dash-section:hover, .eq-set-card:hover { border-color: rgba(224,187,116,.42) !important; }
.btn, .eq-tab, .ins-filter-btn, .calc-btn, .back-btn, .inventory-btn, .navbar-back { border-color: var(--border) !important; background: rgba(255,255,255,.045) !important; color: var(--text-bold) !important; }
.btn-primary, .btn-primary:hover, .eq-tab.active, .ins-filter-btn.active, .calc-btn-primary { background: var(--accent) !important; color: #142030 !important; border-color: var(--accent) !important; }
input, select, textarea { background: #0e1b2a !important; color: var(--text-bold) !important; border-color: var(--border) !important; }
input::placeholder, textarea::placeholder { color: #718198 !important; }
table th { background: rgba(224,187,116,.12) !important; color: var(--text-bold) !important; border-color: var(--border) !important; }
table td { color: var(--text-normal) !important; border-color: var(--border-light) !important; }
table tbody tr:hover td { background: rgba(224,187,116,.06) !important; }

/* 明细、公告与共鸣页 */
.detail-container, .article-container, .content-container, .resonance-container, .container { color: var(--text-normal); }
.header-section h1, .header-section h2, .header-section .back-btn, .md-header h1, .eq-header h1, .ins-topbar h1 { color: var(--text-bold) !important; }
.header-section a, .md-header a, .eq-header a, .ins-topbar a { color: var(--accent) !important; }
.article-content, .detail-content, .content-card, .news-content, .resonance-card { background: rgba(19,34,53,.92) !important; border-color: var(--border) !important; box-shadow: var(--shadow); }

@media (max-width: 900px) {
    .main-nav { display: none; }
    .home-section { background-position: 67% center !important; }
    .hero-content { padding: 6.5rem 24px calc(7rem + env(safe-area-inset-bottom)); }
    .hero-title { font-size: clamp(3rem, 15vw, 4.8rem); letter-spacing: .03em; }
    .hero-subtitle { max-width: 18rem; font-size: 1rem; }
    .hero-buttons { width: min(100%, 460px); display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
    .hero-buttons .btn-primary, .hero-buttons .btn-secondary { width: calc(50% - 6px); padding: 15px 20px; font-size: 16px; }
    .mobile-bottom-nav { background: rgba(10,20,32,.94) !important; border-top: 1px solid var(--border); backdrop-filter: blur(18px); padding-bottom: max(8px, env(safe-area-inset-bottom)); }
    .mbn-item { color: #8293a9 !important; }
    .mbn-item.active { color: var(--accent) !important; }
    .strategy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .strategy-card, .strategy-card:nth-child(n) { grid-column: auto; }
    .section { min-height: auto; padding: 72px 0; }
    .panel-section.active { min-height: auto; padding-top: 72px; }
}
@media (max-width: 600px) {
    body { font-size: 14px; }
    .home-section { min-height: 100dvh; background: linear-gradient(180deg, rgba(7,15,25,.58) 0%, rgba(7,15,25,.86) 62%, #0c1420 100%), url('../media_tu_bg.jpg') 66% center / cover no-repeat !important; align-items: flex-end; }
    .hero-content { padding: 5rem 20px calc(6.2rem + env(safe-area-inset-bottom)); }
    .hero-title-wrapper { margin-bottom: 26px; }
    .hero-title { font-size: clamp(3rem, 16vw, 4.2rem); }
    .hero-subtitle { letter-spacing: .06em; line-height: 1.65; }
    .section-container { padding: 0 18px; }
    .section-header h2 { font-size: 2rem; }
    .strategy-grid { grid-template-columns: 1fr !important; }
    .news-item { align-items: flex-start !important; }
    .sidebar, .top-bar, .craft-header, .ins-topbar, .eq-header, .md-header, .navbar { backdrop-filter: blur(12px); }
    .content-panels, .md-container, .eq-container { padding-left: 14px !important; padding-right: 14px !important; }
    .dash-section, .md-section { border-radius: 14px; padding: 18px 15px; }
}

/* 通透社区主题：降低夜色压迫感，让内容与互动成为主角。 */
:root {
    --bg-main: #edf7f8;
    --bg-secondary: #dceff0;
    --bg: #edf7f8;
    --bg-dark: #d7ebed;
    --card-bg: rgba(255,255,255,.88);
    --highlight: #f7fcfc;
    --border: rgba(51,142,145,.18);
    --border-line: rgba(51,142,145,.20);
    --border-light: rgba(49,111,122,.11);
    --text-normal: #486472;
    --text: #486472;
    --text-bold: #173b4d;
    --text-dark: #173b4d;
    --text-light: #718c98;
    --text-muted: #8ba4ac;
    --accent: #238f8e;
    --primary: #238f8e;
    --accent-hover: #187a79;
    --primary-hover: #187a79;
    --primary-light: rgba(35,143,142,.11);
    --shadow-sm: 0 10px 26px rgba(36,93,105,.10);
    --shadow: 0 18px 42px rgba(36,93,105,.13);
    --shadow-md: 0 24px 52px rgba(36,93,105,.17);
}
body { background: radial-gradient(circle at 82% 4%, rgba(152,221,222,.56), transparent 28rem), radial-gradient(circle at 12% 80%, rgba(202,234,224,.72), transparent 30rem), #edf7f8 !important; }
body::after { opacity: .012; }
.bg-decorations { opacity: .64; }
.deco-ring-1, .deco-ring-2, .deco-circle { border-color: rgba(35,143,142,.22); }
.deco-block-1 { background: #a4dddd; opacity: .26; }
.deco-wave { background: #cceae6; opacity: .52; }
.main-nav .nav-container .nav-links li a.active, .nav-links a:hover { color: #155d60 !important; }
.world-brand { color: #16475a; text-shadow: none; }
.world-brand small { color: #238f8e; }
.nav-links a { color: #54717d; }
.home-section { background: linear-gradient(90deg, rgba(238,249,249,.96) 0%, rgba(230,245,245,.86) 42%, rgba(225,242,246,.28) 72%, rgba(225,242,246,.16)), url('../media_tu_bg.jpg') center right / cover no-repeat !important; }
.home-section::before { background: linear-gradient(90deg, transparent 46%, rgba(35,143,142,.13) 46.1%, transparent 46.2%), linear-gradient(180deg, transparent 76%, rgba(35,143,142,.14) 76.1%, transparent 76.2%); }
.hero-title { color: #16475a; text-shadow: none; }
.hero-subtitle { color: #52727f; }
.hero-title-wrapper::before { background: linear-gradient(180deg, transparent, var(--accent) 18%, var(--accent) 82%, transparent); box-shadow: none; }
.hero-community-card { border-color: rgba(35,143,142,.18); background: linear-gradient(100deg, rgba(255,255,255,.78), rgba(242,253,252,.52)); box-shadow: inset 0 1px rgba(255,255,255,.96), 0 14px 32px rgba(36,93,105,.10); }
.community-avatar { border-color: #ecf8f7; box-shadow: 0 2px 8px rgba(36,93,105,.18); }
.community-copy span { color: #438c84; }
.community-copy strong { color: #245060; }
.community-link { color: #187d7b; }
.community-link:hover { color: #105e5c; }
.btn-primary, .btn-secondary, .system-entry-btn { color: #fff; border-color: #238f8e; background: #238f8e; box-shadow: 0 10px 24px rgba(35,143,142,.20); }
.btn-primary:hover, .btn-secondary:hover, .system-entry-btn:hover { background: #187a79; color: #fff; box-shadow: 0 14px 30px rgba(35,143,142,.26); }
.hero-routes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(100%, 610px); margin: 0 0 20px; border-top: 1px solid rgba(35,143,142,.22); border-bottom: 1px solid rgba(35,143,142,.22); }
.world-route { display: grid; gap: 5px; min-width: 0; padding: 14px 16px 14px 0; color: #214e5b; text-decoration: none; transition: color .22s ease, background .22s ease, transform .22s ease; }
.world-route + .world-route { padding-left: 16px; border-left: 1px solid rgba(35,143,142,.18); }
.world-route span { font-size: 15px; font-weight: 700; }
.world-route small { color: #67838d; font-size: 11px; white-space: nowrap; }
.world-route:hover { color: #167775; transform: translateY(-2px); }
.world-route:hover small { color: #238f8e; }
.news-item, .strategy-card, .card, .story-card, .contact-item, .modal-content { background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(243,251,250,.92)) !important; border-color: rgba(35,143,142,.13) !important; box-shadow: var(--shadow-sm); }
.site-footer { background: #dceff0 !important; }
.sidebar, .top-bar, .craft-header, .ins-topbar, .eq-header, .md-header, .navbar, .header-section { background: rgba(248,253,253,.88) !important; color: var(--text-bold); }
.sidebar { box-shadow: 16px 0 42px rgba(36,93,105,.10); }
.nav-item { color: #486472; }
.nav-item:hover { background: rgba(35,143,142,.09); }
.nav-item.active { background: linear-gradient(135deg, #2ba09e, #238f8e); color: #fff; }
.dash-section, .ins-card, .ins-panel, .md-section, .eq-set-card, .craft-controls, .craft-center, .craft-sidebar, .modal { background: rgba(255,255,255,.88) !important; border-color: rgba(35,143,142,.15) !important; box-shadow: var(--shadow) !important; }
.btn, .eq-tab, .ins-filter-btn, .calc-btn, .back-btn, .inventory-btn, .navbar-back { background: rgba(255,255,255,.82) !important; color: var(--text-bold) !important; }
.btn-primary, .btn-primary:hover, .eq-tab.active, .ins-filter-btn.active, .calc-btn-primary { color: #fff !important; background: #238f8e !important; border-color: #238f8e !important; }
input, select, textarea { background: #f9fdfd !important; color: var(--text-bold) !important; border-color: rgba(35,143,142,.20) !important; }
table th { background: rgba(35,143,142,.10) !important; color: var(--text-bold) !important; }
table td { color: var(--text-normal) !important; border-color: rgba(35,143,142,.10) !important; }
table tbody tr:hover td { background: rgba(35,143,142,.055) !important; }
@media (max-width: 900px) { .hero-routes { width: min(100%, 380px); } }
@media (max-width: 600px) { .home-section { background: linear-gradient(180deg, rgba(238,249,249,.36) 0%, rgba(238,249,249,.86) 60%, #edf7f8 100%), url('../media_tu_bg.jpg') 66% center / cover no-repeat !important; } .hero-routes { grid-template-columns: 1fr; margin-bottom: 18px; } .world-route, .world-route + .world-route { padding: 11px 0; border-left: 0; } .world-route + .world-route { border-top: 1px solid rgba(35,143,142,.15); } .world-route { grid-template-columns: 1fr auto; align-items: baseline; } .world-route small { text-align: right; } }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* 社区首页强化：把“资料入口”变成有成员在场的公会大厅。 */
:root {
    --accent: #77d6bf;
    --primary: #77d6bf;
    --accent-hover: #a0ecd8;
    --primary-hover: #a0ecd8;
    --primary-light: rgba(119,214,191,.13);
    --border: rgba(119,214,191,.18);
    --border-line: rgba(119,214,191,.20);
}
.deco-ring-1, .deco-ring-2 { border-color: rgba(119,214,191,.28); }
.deco-circle { border-color: rgba(119,214,191,.22); }
.btn-primary, .btn-secondary, .system-entry-btn { border-color: rgba(160,236,216,.55); color: #10222a; }
.news-item:hover, .strategy-card:hover, .card:hover, .dash-section:hover, .eq-set-card:hover { border-color: rgba(119,214,191,.48) !important; }
.nav-item:hover { background: rgba(119,214,191,.09); }
.nav-item.active { background: linear-gradient(135deg, #77d6bf, #5bbda8); color: #10222a; }
table th { background: rgba(119,214,191,.12) !important; }
table tbody tr:hover td { background: rgba(119,214,191,.06) !important; }
.hero-community-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; width: min(100%, 535px); margin: 0 0 26px; padding: 12px 14px 12px 12px; border: 1px solid rgba(188,226,221,.18); border-radius: 16px; background: linear-gradient(100deg, rgba(28,52,68,.77), rgba(20,37,55,.48)); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 14px 32px rgba(0,0,0,.18); backdrop-filter: blur(14px); }
.community-avatars { display: flex; padding-left: 6px; }
.community-avatar { width: 35px; height: 35px; margin-left: -7px; border: 2px solid #1a2e41; border-radius: 50%; background: #304f62 center / cover no-repeat; box-shadow: 0 2px 8px rgba(0,0,0,.28); }
.community-avatar:first-child { margin-left: 0; }
.avatar-yao { background-image: url('../PC端图/dongfangyao_xiaotu_wai.png'); }
.avatar-mulan { background-image: url('../PC端图/huamulan_xiaotu_wai.webp'); }
.avatar-jialuo { background-image: url('../PC端图/jialuo_xiaotu_wai.webp'); }
.community-copy { display: grid; gap: 3px; min-width: 0; }
.community-copy span { color: #82bbae; font-size: 11px; letter-spacing: .08em; }
.community-copy strong { overflow: hidden; color: #e7f3f1; font-size: 14px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.community-link { display: inline-flex; gap: 5px; align-items: center; color: var(--accent); font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: transform .22s ease, color .22s ease; }
.community-link:hover { color: #d8fff4; transform: translateX(2px); }
@media (max-width: 900px) { .hero-community-card { width: min(100%, 360px); } }
@media (max-width: 600px) { .hero-community-card { grid-template-columns: auto minmax(0, 1fr); margin-bottom: 20px; padding: 11px; } .community-link { grid-column: 2; justify-self: start; margin-top: 2px; } }

/* 世界官网式章节叙事：保留本站内容，重设进入世界的节奏。 */
.main-nav { padding: 22px 0 0; }
.nav-container { max-width: 1440px; min-height: 48px; padding: 0 42px; align-items: center; }
.world-brand { display: grid; gap: 2px; min-width: 122px; color: #f1f6f7; line-height: 1; text-decoration: none; }
.world-brand span { font-size: 24px; font-weight: 700; letter-spacing: .16em; text-shadow: 0 2px 16px rgba(0,0,0,.36); }
.world-brand small { color: #7bcdbd; font-size: 8px; font-weight: 700; letter-spacing: .22em; }
.nav-links { margin-left: auto; padding: 0; gap: 5px; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; }
.nav-links a { position: relative; padding: 12px 13px; color: rgba(235,246,248,.74); border-radius: 0; font-size: 13px; letter-spacing: .07em; }
.main-nav .nav-container .nav-links li a.active, .nav-links a:hover { color: #fff !important; background: transparent !important; box-shadow: none !important; }
.main-nav .nav-container .nav-links li a.active::after, .nav-links a:hover::after { content: ""; position: absolute; right: 13px; bottom: 5px; left: 13px; height: 1px; background: var(--accent); box-shadow: 0 0 12px rgba(119,214,191,.75); }
.home-section { isolation: isolate; }
.home-section::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(90deg, transparent 46%, rgba(119,214,191,.10) 46.1%, transparent 46.2%), linear-gradient(180deg, transparent 76%, rgba(119,214,191,.18) 76.1%, transparent 76.2%); opacity: .55; }
.hero-content { z-index: 1; padding-left: max(8%, calc((100vw - 1280px) / 2)); }
.hero-title-wrapper { position: relative; padding-left: 22px; }
.hero-title-wrapper::before { content: ""; position: absolute; top: 11px; bottom: 7px; left: 0; width: 2px; background: linear-gradient(180deg, transparent, var(--accent) 18%, var(--accent) 82%, transparent); box-shadow: 0 0 15px rgba(119,214,191,.5); }
.hero-title { max-width: 620px; font-weight: 800; letter-spacing: .12em; }
.hero-subtitle { color: rgba(221,239,240,.78); }
.hero-community-card { position: relative; overflow: hidden; border-radius: 3px 16px 16px 16px; }
.hero-community-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--accent); }
.community-copy span { color: #8fe2d0; }
.section-container { position: relative; }
.section-header h2 { font-size: clamp(2.25rem, 4vw, 3.7rem); font-weight: 800; letter-spacing: .04em; }
.section-header p { max-width: 38rem; }
.news-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.news-item { margin: 0 !important; min-width: 0; }
.strategy-card { position: relative; overflow: hidden; }
.strategy-card::after { content: ""; position: absolute; right: -24px; bottom: -24px; width: 92px; height: 92px; border: 1px solid rgba(119,214,191,.21); border-radius: 50%; transition: transform .35s ease; }
.strategy-card:hover::after { transform: scale(1.7); }
@media (max-width: 900px) {
    .world-brand { display: none; }
    .news-list { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .hero-title-wrapper { padding-left: 16px; }
    .hero-title-wrapper::before { top: 8px; bottom: 5px; }
    .hero-title { letter-spacing: .08em; }
}

/* 共享中心内容流：所有核心内容连续可发现，而非隐藏在整页切换后。 */
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 2000; padding: 10px 14px; background: #173b4d; color: #fff; text-decoration: none; transform: translateY(-150%); transition: transform .2s ease; }
.skip-link:focus { transform: translateY(0); }
.community-stream { overflow-x: hidden; }
.community-stream .scroll-container { overflow: visible; }
.community-stream .panel-section,
.community-stream .panel-section.active { display: flex !important; height: auto; min-height: min(100dvh, 850px); padding: clamp(5rem, 10vw, 9rem) 0 clamp(6rem, 11vw, 10rem); opacity: 1; align-items: center; }
.community-stream .panel-section .section-container { width: min(1280px, calc(100% - 48px)); }
.community-stream .panel-close-btn { display: none !important; }
.community-stream #homepage { min-height: 72dvh; background: linear-gradient(135deg, rgba(218,241,239,.78), rgba(244,252,251,.74)); }
.community-stream #news { background: linear-gradient(180deg, rgba(244,252,251,.38), rgba(220,241,240,.62)); }
.community-stream #strategy { background: linear-gradient(160deg, rgba(237,248,248,.92), rgba(215,239,238,.73)); }
.community-stream #tools { min-height: 76dvh; background: linear-gradient(180deg, rgba(249,253,253,.84), rgba(226,244,243,.78)); }
.community-stream #contact { min-height: 72dvh; background: linear-gradient(145deg, rgba(222,242,240,.84), rgba(246,252,252,.86)); }
.community-stream .homepage-content { max-width: 620px; }
.community-stream .homepage-content h2 { color: #173b4d; font-size: clamp(2.4rem, 5vw, 4.8rem); letter-spacing: .04em; text-wrap: balance; }
.community-stream .homepage-content p { max-width: 38rem; color: #55747d; font-size: clamp(1rem, 1.7vw, 1.18rem); line-height: 1.85; }
.community-stream .system-entry-btn { display: inline-flex; align-items: center; justify-content: center; margin-top: 28px; padding: 15px 24px; text-decoration: none; }
.community-stream .section-header { margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.community-stream .section-header p { font-size: 1rem; }

/* 社区首屏操作层 */
.community-cycle { justify-self: start; padding: 2px 0; border: 0; background: none; color: #26827f; font: inherit; font-size: 11px; cursor: pointer; }
.community-cycle:hover { color: #145f5c; text-decoration: underline; text-underline-offset: 3px; }
.community-cycle:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.hero-routes { border-color: rgba(35,143,142,.24); }
.world-route { position: relative; }
.world-route::after { content: "↗"; position: absolute; top: 15px; right: 8px; color: transparent; transition: color .2s ease, transform .2s ease; }
.world-route:hover::after { color: var(--accent); transform: translate(2px, -2px); }
.community-live-region { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* 新闻以社区讨论为中心，首条占据叙事主位。 */
.community-stream .news-list { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; }
.community-stream .news-item { grid-column: span 6; align-items: stretch !important; min-height: 178px; overflow: hidden; }
.community-stream .news-item:first-child { grid-column: span 12; min-height: 248px; }
.community-stream .news-item:first-child .news-image { width: 42%; min-width: 42%; }
.community-stream .news-image { width: 150px; min-width: 150px; border-radius: 0 !important; background-position: center; background-size: cover; }
.community-stream .news-item:nth-child(1) .news-image { background: linear-gradient(90deg, rgba(23,59,77,.14), rgba(23,59,77,.02)), url('../PC端图/dongfangyao_waitu.webp') center/cover !important; }
.community-stream .news-item:nth-child(2) .news-image { background: linear-gradient(90deg, rgba(23,59,77,.16), rgba(23,59,77,.03)), url('../PC端图/jialuo_waitu.webp') center/cover !important; }
.community-stream .news-item:nth-child(3) .news-image { background: linear-gradient(90deg, rgba(23,59,77,.16), rgba(23,59,77,.03)), url('../PC端图/xishi_waitu.webp') center/cover !important; }
.community-stream .news-item:nth-child(4) .news-image { background: linear-gradient(90deg, rgba(23,59,77,.16), rgba(23,59,77,.03)), url('../PC端图/huamulan_waitu.jpg') center/cover !important; }
.community-stream .news-item:nth-child(5) .news-image { background: linear-gradient(90deg, rgba(23,59,77,.16), rgba(23,59,77,.03)), url('../PC端图/kai_waitu.webp') center/cover !important; }
.community-stream .news-image-icon { display: none; }
.community-stream .news-info { display: flex; flex: 1; flex-direction: column; justify-content: center; padding: 24px; }
.community-stream .news-title { color: #1d4556; font-size: 18px; line-height: 1.4; }
.community-stream .news-desc { display: -webkit-box; overflow: hidden; color: #627f88; line-height: 1.75; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.community-stream .news-meta { margin-top: 12px; }

/* 六个攻略入口形成无空白的共创任务板。 */
.community-stream .strategy-grid { display: grid; grid-auto-flow: dense; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 16px; }
.community-stream .strategy-card { display: flex; grid-column: span 4; flex-direction: column; justify-content: flex-end; min-height: 250px; padding: clamp(24px, 3vw, 38px); border: 0 !important; border-radius: 18px; color: #fff; isolation: isolate; cursor: pointer; box-shadow: 0 18px 38px rgba(30,82,93,.16); }
.community-stream .strategy-card::before { position: absolute; z-index: -1; inset: 0; display: block; background: linear-gradient(180deg, rgba(12,43,57,.06), rgba(12,43,57,.88)); content: ""; opacity: 1; }
.community-stream .strategy-card:nth-child(1) { grid-column: span 7; background: url('../PC端图/dongfangyao_waitu.webp') center/cover !important; }
.community-stream .strategy-card:nth-child(2) { grid-column: span 5; background: url('../PC端图/jialuo_waitu.webp') center/cover !important; }
.community-stream .strategy-card:nth-child(3) { grid-column: span 5; min-height: 310px; background: url('../jiayuan_nongtian_gongxiang_tu.jpg') center/cover !important; }
.community-stream .strategy-card:nth-child(4) { grid-column: span 3; background: url('../PC端图/longya_waitu.webp') center/cover !important; }
.community-stream .strategy-card:nth-child(5) { grid-column: span 4; background: url('../PC端图/kai_waitu.webp') center/cover !important; }
.community-stream .strategy-card:nth-child(6) { grid-column: span 6; background: url('../PC端图/xishi_waitu.webp') center/cover !important; }
.community-stream .strategy-card .strategy-icon { display: none; }
.community-stream .strategy-card .strategy-title { color: #fff; font-size: clamp(1.45rem, 2vw, 2.2rem); letter-spacing: .03em; }
.community-stream .strategy-card .strategy-desc { max-width: 34rem; color: rgba(244,252,252,.82); line-height: 1.75; }
.community-stream .strategy-card .strategy-btn { margin-top: 18px; color: #bff5e9; font-weight: 700; }
.community-stream .strategy-card .strategy-btn::after { margin-left: 8px; content: "↗"; }
.community-stream .strategy-card.is-interactive:hover { transform: translateY(-5px); box-shadow: 0 26px 46px rgba(30,82,93,.26); }
.community-stream .strategy-card.is-interactive:focus-visible { outline: 3px solid #7fe0cf; outline-offset: 4px; }

/* 工具中心与加入区采用不对称模块，保持内容密度但不堆叠小卡片。 */
.community-stream .grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.community-stream .grid-4 .card-link:nth-child(1), .community-stream .grid-4 .card-link:nth-child(2) { grid-column: span 2; }
.community-stream .grid-4 .card-link:nth-child(3) { grid-column: span 1; }
.community-stream .grid-4 .card-link:nth-child(4) { grid-column: span 3; }
.community-stream .grid-4 .card { display: flex; min-height: 170px; flex-direction: column; justify-content: flex-end; border: 0 !important; transition: transform .25s ease, box-shadow .25s ease; }
.community-stream .grid-4 .card-link:hover .card { transform: translateY(-5px); box-shadow: var(--shadow-md); }
.community-stream .layout-main-side { gap: clamp(24px, 5vw, 64px); }
.community-stream .story-card { align-self: stretch; border: 0 !important; }
.community-stream .contact-list { border: 0 !important; }
.community-stream .contact-item { border: 0 !important; border-bottom: 1px solid rgba(35,143,142,.14) !important; border-radius: 0; box-shadow: none; }

/* 由 IntersectionObserver 驱动的轻量进入动效。 */
.reveal-item { opacity: 0; transform: translateY(20px); transition: opacity .6s ease var(--reveal-delay, 0ms), transform .6s cubic-bezier(.16,1,.3,1) var(--reveal-delay, 0ms); }
.reveal-item.is-revealed { opacity: 1; transform: translateY(0); }
.back-to-top { bottom: calc(84px + env(safe-area-inset-bottom)); }
button.resonance-list-item {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
}
@media (max-width: 768px) {
    html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
    body { min-width: 0; overflow-x: clip; }
    img, video, canvas { max-width: 100%; height: auto; }
    input, select, textarea { max-width: 100%; }
}
.resonance-list-item:focus-visible,
.resonance-filter-tag:focus-visible,
.carousel-slide:focus-visible {
    outline: 3px solid #7fe0cf;
    outline-offset: 4px;
}

/* Final light-community surface pass. */
.community-stream .main-nav {
    background: linear-gradient(180deg, rgba(248,253,253,.94), rgba(248,253,253,.62), transparent);
    backdrop-filter: blur(12px);
}
.community-stream .world-brand,
.community-stream .world-brand span {
    color: #16475a;
    text-shadow: none;
}
.community-stream .world-brand small { color: #238f8e; }
.community-stream .nav-links a { color: #54717d; }
.community-stream .main-nav .nav-container .nav-links li a.active,
.community-stream .nav-links a:hover {
    color: #155d60 !important;
}
.community-stream .hero-title { color: #16475a; }
.community-stream .hero-subtitle { color: #52727f; }
.community-stream .hero-community-card {
    border-color: rgba(35,143,142,.18);
    background: linear-gradient(100deg, rgba(255,255,255,.86), rgba(242,253,252,.68));
    box-shadow: inset 0 1px rgba(255,255,255,.96), 0 14px 32px rgba(36,93,105,.10);
    transition: transform .25s ease, box-shadow .25s ease;
}
.community-stream .hero-community-card:hover {
    transform: translateY(-3px);
    box-shadow: inset 0 1px rgba(255,255,255,.96), 0 20px 38px rgba(36,93,105,.15);
}
.community-stream .community-avatar {
    border-color: #ecf8f7;
    box-shadow: 0 2px 8px rgba(36,93,105,.18);
}
.community-stream .community-copy span { color: #438c84; }
.community-stream .community-copy strong { color: #245060; }
.community-stream .community-link { color: #187d7b; }
.community-stream .community-link:hover { color: #105e5c; }
@media (max-width: 768px) {
    .community-stream .mobile-bottom-nav {
        background: rgba(248,253,253,.94) !important;
        border-top-color: rgba(35,143,142,.16);
    }
    .community-stream .mbn-item { color: #54717d !important; }
    .community-stream .mbn-item.active { color: #187d7b !important; }
}
@media (max-width: 900px) {
    .community-stream .panel-section,
    .community-stream .panel-section.active { min-height: auto; padding: 72px 0 92px; }
    .community-stream .news-list { grid-template-columns: 1fr; }
    .community-stream .news-item,
    .community-stream .news-item:first-child { grid-column: auto; min-height: 0; }
    .community-stream .news-item:first-child .news-image { width: 140px; min-width: 140px; }
    .community-stream .strategy-card:nth-child(n) { grid-column: span 6; min-height: 230px; }
}
@media (max-width: 600px) {
    .community-stream .panel-section .section-container { width: min(100% - 32px, 1280px); }
    .community-stream .news-item,
    .community-stream .news-item:first-child { display: grid !important; grid-template-columns: 112px minmax(0, 1fr); }
    .community-stream .news-item:first-child .news-image, .community-stream .news-image { width: auto; min-width: 0; }
    .community-stream .news-info { padding: 17px 15px; }
    .community-stream .news-title { font-size: 15px; }
    .community-stream .news-desc { -webkit-line-clamp: 2; font-size: 12px; }
    .community-stream .strategy-grid { grid-template-columns: 1fr !important; }
    .community-stream .strategy-card:nth-child(n) { grid-column: auto; min-height: 220px; }
    .community-stream .grid-4 { grid-template-columns: 1fr 1fr; }
    .community-stream .grid-4 .card-link:nth-child(n) { grid-column: auto; }
    .community-stream .grid-4 .card-link:nth-child(1), .community-stream .grid-4 .card-link:nth-child(4) { grid-column: span 2; }
    .community-stream .grid-4 .card { min-height: 148px; }
}
@media (prefers-reduced-motion: reduce) {
    .reveal-item { opacity: 1; transform: none; transition: none; }
    .community-stream .strategy-card.is-interactive:hover, .community-stream .grid-4 .card-link:hover .card { transform: none; }
}

.community-stream .news-list[aria-busy="true"]::before,
.community-stream .news-list[data-sync-status="offline"]::before { grid-column: 1 / -1; padding: 10px 0; color: #63808a; font-size: 13px; }
.community-stream .news-list[aria-busy="true"]::before { content: "正在同步新的社区动态"; }
.community-stream .news-list[data-sync-status="offline"]::before { content: "社区公告暂时无法同步，正在展示本地内容。"; }