/* ========== CSS Variables ========== */ .news-v15-scope { --primary: #165DFF; --primary-light: #E8F3FF; --primary-dark: #0E42D2; --primary-hover: #4080FF; --bg: #FFFFFF; --bg-gray: #F7F8FA; --bg-light: #E8F3FF; --text-1: #1D2129; --text-2: #4E5969; --text-3: #86909C; --border: #E5E6EB; --border-light: #F2F3F5; --success: #00B42A; --warning: #FF7D00; --danger: #F53F3F; --gold: #F7BA1E; --shadow: 0 2px 8px rgba(0,0,0,0.06); --shadow-hover: 0 8px 24px rgba(22,93,255,0.12); --radius: 8px; --radius-sm: 4px; --radius-lg: 12px; --max-w: 1200px; --font: "Microsoft YaHei","Source Han Sans SC","PingFang SC","Helvetica Neue",Arial,sans-serif; } /* * 站点顶栏/页脚 CSS（zh-site-nav 等）与资讯 v15 共用了短类名：.btn / .hero / .container … * 插件还会把顶栏样式插到文档末尾，未在 v15 里写明的属性会被顶栏规则补上。 * 这里先把内容区从站点全局层叠里摘出来；本表在资讯页会移到 最后，保证同等优先级时以 v15 为准。 */ .news-v15-scope.news-v15-scope *, .news-v15-scope.news-v15-scope *::before, .news-v15-scope.news-v15-scope *::after { all: revert; box-sizing: border-box; font-family: inherit; color: inherit; line-height: inherit; } /* ========== Reset ========== */ .news-v15-scope.news-v15-scope * {margin:0;padding:0;box-sizing:border-box} .news-v15-scope {scroll-behavior:smooth} .news-v15-scope {font-family:var(--font);background:var(--bg);color:var(--text-1);font-size:14px;line-height:1.6;overflow:visible} .news-v15-scope.news-v15-scope a {text-decoration:none;color:inherit;transition:color .2s} .news-v15-scope.news-v15-scope a:hover {color:var(--primary)} .news-v15-scope.news-v15-scope img {max-width:100%;display:block} .news-v15-scope.news-v15-scope ul {list-style:none} .news-v15-scope.news-v15-scope button {font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s} .news-v15-scope.news-v15-scope input, .news-v15-scope.news-v15-scope textarea {font-family:inherit;outline:none;border:none} /* 覆盖站点深色金滚动条（ciip-scrollbar），与浅色资讯内容/详情弹层一致 */ .news-v15-scope.news-v15-scope, .news-v15-scope.news-v15-scope * { scrollbar-width: thin; scrollbar-color: #C9CDD4 var(--bg-gray); } .news-v15-scope.news-v15-scope::-webkit-scrollbar, .news-v15-scope.news-v15-scope *::-webkit-scrollbar { width: 6px; height: 6px; } .news-v15-scope.news-v15-scope::-webkit-scrollbar-track, .news-v15-scope.news-v15-scope *::-webkit-scrollbar-track { background: var(--bg-gray); } .news-v15-scope.news-v15-scope::-webkit-scrollbar-thumb, .news-v15-scope.news-v15-scope *::-webkit-scrollbar-thumb { background: #C9CDD4; border-radius: 3px; } .news-v15-scope.news-v15-scope::-webkit-scrollbar-thumb:hover, .news-v15-scope.news-v15-scope *::-webkit-scrollbar-thumb:hover { background: var(--text-3); } /* ========== Layout ========== */ .news-v15-scope .container {max-width:var(--max-w);margin:0 auto;padding:0 24px} .news-v15-scope .section {padding:56px 0} .news-v15-scope .section-gray {background:var(--bg-gray)} .news-v15-scope .section-header {text-align:center;margin-bottom:40px} .news-v15-scope .section-header h2 {font-size:28px;font-weight:700;color:var(--text-1);margin-bottom:8px} .news-v15-scope .section-header p {font-size:14px;color:var(--text-3)} .news-v15-scope .section-tag {display:inline-block;font-size:12px;color:var(--primary);background:var(--primary-light);padding:4px 12px;border-radius:20px;margin-bottom:12px;font-weight:600;letter-spacing:1px} /* ========== Top Bar ========== */ .news-v15-scope .topbar {background:#0A1828;color:rgba(255,255,255,.75);font-size:12px;height:36px;display:flex;align-items:center} .news-v15-scope .topbar .container {display:flex;justify-content:space-between;align-items:center;width:100%} .news-v15-scope .topbar-left {display:flex;gap:20px;align-items:center} .news-v15-scope .topbar-left span {display:flex;align-items:center;gap:4px} .news-v15-scope .topbar-right {display:flex;gap:16px;align-items:center} .news-v15-scope .topbar-right a {color:rgba(255,255,255,.75)} .news-v15-scope .topbar-right a:hover {color:#fff} .news-v15-scope .lang-switch {display:flex;align-items:center;gap:4px;cursor:pointer} .news-v15-scope .lang-switch span {padding:2px 8px;border-radius:3px;transition:all .2s} .news-v15-scope .lang-switch span.active {background:var(--primary);color:#fff} /* ========== Sub-Page Header ========== */ .news-v15-scope .subheader {background:#fff;height:64px;display:flex;align-items:center;box-shadow:0 1px 4px rgba(0,0,0,.04);position:sticky;top:0;z-index:100} .news-v15-scope .subheader .container {display:flex;justify-content:space-between;align-items:center;width:100%} .news-v15-scope .subheader-left {display:flex;align-items:center;gap:16px} .news-v15-scope .back-home {display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-3);transition:all .2s;cursor:pointer;padding:6px 12px;border-radius:var(--radius-sm)} .news-v15-scope .back-home:hover {color:var(--primary);background:var(--primary-light)} .news-v15-scope .back-home .arrow {font-size:16px} .news-v15-scope .breadcrumb {display:flex;align-items:center;gap:8px;font-size:15px} .news-v15-scope .breadcrumb .crumb {color:var(--text-3)} .news-v15-scope .breadcrumb .separator {color:var(--border);font-size:12px} .news-v15-scope .breadcrumb .current {color:var(--text-1);font-weight:600} .news-v15-scope .nav-logo {display:flex;align-items:center;gap:8px} .news-v15-scope .nav-logo .logo-icon {width:32px;height:32px;background:var(--primary);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700} .news-v15-scope .nav-logo .logo-text {font-size:18px;font-weight:700;color:var(--text-1)} .news-v15-scope .subheader-right {display:flex;align-items:center;gap:16px} .news-v15-scope .nav-search {display:flex;align-items:center;gap:8px} .news-v15-scope .nav-search input {width:200px;height:36px;border:1px solid var(--border);border-radius:18px;padding:0 16px 0 36px;font-size:13px;background:var(--bg-gray) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2386909C' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 12px center;transition:all .2s} .news-v15-scope .nav-search input:focus {border-color:var(--primary);background-color:#fff;width:260px} .news-v15-scope .nav-cta {height:36px;padding:0 20px;background:var(--primary);color:#fff;border-radius:18px;font-size:13px;font-weight:600} .news-v15-scope .nav-cta:hover {background:var(--primary-hover);color:#fff} /* ========== Hero ========== */ .news-v15-scope .hero {position:relative;overflow:hidden;padding:0;background:#0A1828} /* ========== Region Selector ========== */ .news-v15-scope .region-selector {background:#fff;border-bottom:1px solid var(--border-light)} .news-v15-scope .region-tabs {display:flex;gap:0;border-bottom:1px solid var(--border-light)} .news-v15-scope .region-tab {padding:12px 24px;font-size:14px;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-weight:500} .news-v15-scope .region-tab.active {color:var(--primary);border-bottom-color:var(--primary)} .news-v15-scope .region-tags {display:flex;flex-wrap:wrap;gap:8px;padding:16px 0} .news-v15-scope .region-tag {padding:5px 14px;font-size:12px;border-radius:16px;background:var(--bg-gray);color:var(--text-2);cursor:pointer;transition:all .2s;border:1px solid transparent} .news-v15-scope .region-tag:hover {color:var(--primary);border-color:var(--primary)} .news-v15-scope .region-tag.active {background:var(--primary);color:#fff} .news-v15-scope .region-tag.priority::after {content:'';display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-left:6px;vertical-align:middle} /* ========== Category Tabs ========== */ .news-v15-scope .cat-tabs {display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:32px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none} .news-v15-scope .cat-tabs::-webkit-scrollbar {display:none;width:0;height:0} .news-v15-scope .cat-tab {padding:12px 24px;font-size:15px;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:6px} .news-v15-scope .cat-tab.active {color:var(--primary);border-bottom-color:var(--primary);font-weight:600} /* ========== Featured News ========== */ .news-v15-scope .featured {display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:40px} .news-v15-scope .featured-main {position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .2s} .news-v15-scope .featured-main:hover {box-shadow:var(--shadow-hover)} .news-v15-scope .featured-main .img-wrap {height:360px;background:linear-gradient(135deg,#0E2A5C,#165DFF);position:relative;overflow:hidden} .news-v15-scope .featured-main .img-wrap img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0} .news-v15-scope .featured-main .img-wrap::after {content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 60%)} .news-v15-scope .featured-main .content {position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:1} .news-v15-scope .featured-main .tag {display:inline-block;font-size:12px;color:#fff;background:var(--primary);padding:2px 10px;border-radius:4px;margin-bottom:12px} .news-v15-scope .featured-main h3 {font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.4} .news-v15-scope .featured-main p {font-size:13px;color:rgba(255,255,255,.75);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .news-v15-scope .featured-main .meta {margin-top:12px;font-size:12px;color:rgba(255,255,255,.5);display:flex;gap:16px} .news-v15-scope .featured-side {display:flex;flex-direction:column;gap:16px} .news-v15-scope .featured-item {display:flex;gap:14px;padding:14px;border-radius:var(--radius);background:var(--bg-gray);cursor:pointer;transition:all .2s} .news-v15-scope .featured-item:hover {background:var(--primary-light);transform:translateX(4px)} .news-v15-scope .featured-item .thumb {width:120px;height:80px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#165DFF,#4080FF);flex-shrink:0;position:relative;overflow:hidden} .news-v15-scope .featured-item .thumb img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0} .news-v15-scope .featured-item .thumb .ttag {position:absolute;top:4px;left:4px;font-size:10px;color:#fff;background:rgba(0,0,0,.5);padding:1px 6px;border-radius:3px} .news-v15-scope .featured-item .info h4 {font-size:14px;font-weight:600;color:var(--text-1);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4} .news-v15-scope .featured-item .info .meta {font-size:12px;color:var(--text-3);display:flex;gap:12px} /* ========== News Feed ========== */ .news-v15-scope .news-layout {display:grid;grid-template-columns:200px 1fr;gap:32px} .news-v15-scope .news-filter {position:sticky;top:80px;align-self:start} .news-v15-scope .filter-group {margin-bottom:24px} .news-v15-scope .filter-group h5 {font-size:13px;font-weight:600;color:var(--text-1);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)} .news-v15-scope .filter-group ul li {margin-bottom:8px} .news-v15-scope .filter-group ul li a {font-size:13px;color:var(--text-2);display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:4px;transition:all .2s;cursor:pointer} .news-v15-scope .filter-group ul li a:hover, .news-v15-scope .filter-group ul li a.active {color:var(--primary);background:var(--primary-light)} .news-v15-scope .filter-group ul li a .badge {font-size:11px;color:var(--text-3);background:var(--bg-gray);padding:1px 6px;border-radius:8px} .news-v15-scope .filter-group ul li a.active .badge {background:var(--primary);color:#fff} .news-v15-scope .news-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .news-v15-scope .news-card {background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .2s;display:flex;flex-direction:column} .news-v15-scope .news-card:hover {box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:transparent} .news-v15-scope .news-card .card-img {height:180px;background:linear-gradient(135deg,#0E2A5C,#165DFF);position:relative;overflow:hidden} .news-v15-scope .news-card .card-img img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0} .news-v15-scope .news-card .card-img .cat-badge {position:absolute;top:12px;left:12px;font-size:11px;color:#fff;background:rgba(22,93,255,.9);padding:3px 10px;border-radius:4px;font-weight:500} .news-v15-scope .news-card .card-img .lock-badge {position:absolute;top:12px;right:12px;font-size:11px;color:#fff;background:rgba(0,0,0,.55);padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:3px} .news-v15-scope .news-card .card-body {padding:16px;flex:1;display:flex;flex-direction:column} .news-v15-scope .news-card h3 {font-size:15px;font-weight:600;color:var(--text-1);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4} .news-v15-scope .news-card p {font-size:13px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px;flex:1} .news-v15-scope .news-card .card-tags {display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px} .news-v15-scope .news-card .card-tags span {font-size:11px;color:var(--text-3);background:var(--bg-gray);padding:2px 8px;border-radius:3px} .news-v15-scope .news-card .card-meta {display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-3);padding-top:10px;border-top:1px solid var(--border-light)} .news-v15-scope .news-card .card-meta .source {display:flex;align-items:center;gap:4px} .news-v15-scope .news-card.locked .card-body h3, .news-v15-scope .news-card.locked .card-body p {color:var(--text-3)} .news-v15-scope .news-card.locked .card-body {position:relative} .news-v15-scope .news-card.locked .card-body::after {content:attr(data-lock-hint);position:absolute;bottom:16px;left:16px;right:16px;text-align:center;font-size:12px;color:var(--primary);background:var(--primary-light);padding:6px;border-radius:4px;font-weight:500} .news-v15-scope .no-results {grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--text-3)} .news-v15-scope .no-results .icon {font-size:48px;margin-bottom:16px} .news-v15-scope .no-results p {font-size:15px;margin-bottom:8px} .news-v15-scope .no-results .hint {font-size:13px;color:var(--text-3)} .news-v15-scope .load-more {text-align:center;margin-top:40px} .news-v15-scope .load-more button {height:44px;padding:0 40px;border:1px solid var(--border);background:#fff;color:var(--text-2);border-radius:22px;font-size:14px;font-weight:500} .news-v15-scope .load-more button:hover {border-color:var(--primary);color:var(--primary);background:var(--primary-light)} /* ========== Article Detail Modal ========== */ .news-v15-scope .modal-overlay {position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1000;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 20px} .news-v15-scope .modal-overlay.active {display:flex} .news-v15-scope .modal-content {background:#fff;border-radius:var(--radius-lg);max-width:800px;width:100%;padding:0;box-shadow:0 24px 80px rgba(0,0,0,.2);position:relative;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 80px)} .news-v15-scope .modal-content #modalInner {display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden} .news-v15-scope .modal-cover {width:100%;height:240px;overflow:hidden;position:relative;flex-shrink:0} .news-v15-scope .modal-cover img {width:100%;height:100%;object-fit:cover} .news-v15-scope .modal-cover::after {content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%)} .news-v15-scope .modal-close {position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-2);cursor:pointer;z-index:10;transition:all .2s} .news-v15-scope .modal-close:hover {background:var(--danger);color:#fff} .news-v15-scope .modal-header {padding:32px 40px 20px;border-bottom:1px solid var(--border-light);flex-shrink:0} .news-v15-scope .modal-header .m-cat {display:inline-block;font-size:12px;color:#fff;background:var(--primary);padding:3px 12px;border-radius:4px;margin-bottom:16px;font-weight:500} .news-v15-scope .modal-header h1 {font-size:24px;font-weight:700;color:var(--text-1);margin-bottom:12px;line-height:1.4} .news-v15-scope .modal-header .m-meta {display:flex;gap:20px;font-size:13px;color:var(--text-3);flex-wrap:wrap} .news-v15-scope .modal-header .m-meta span {display:flex;align-items:center;gap:4px} .news-v15-scope .modal-header .m-meta .m-original {color:var(--success);font-weight:500} .news-v15-scope .modal-body {padding:32px 40px 40px;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#C9CDD4 #F7F8FA} .news-v15-scope .modal-body .m-content {font-size:15px;line-height:1.9;color:var(--text-1);white-space:pre-wrap} .news-v15-scope .modal-body .m-content h2 {font-size:18px;font-weight:700;margin:24px 0 12px;color:var(--text-1)} .news-v15-scope .modal-body .m-content p {margin-bottom:16px} .news-v15-scope .modal-body .m-content strong {font-weight:600;color:var(--primary)} .news-v15-scope .modal-footer {padding:20px 40px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background:var(--bg-gray);flex-shrink:0} .news-v15-scope .modal-footer .m-tags {display:flex;gap:6px;flex-wrap:wrap} .news-v15-scope .modal-footer .m-tags span {font-size:12px;color:var(--text-3);background:#fff;border:1px solid var(--border);padding:3px 10px;border-radius:4px} .news-v15-scope .modal-footer .m-actions {display:flex;gap:12px} .news-v15-scope .modal-footer .m-actions a {font-size:13px;color:var(--primary);display:flex;align-items:center;gap:4px;cursor:pointer} .news-v15-scope .modal-locked .modal-body {position:relative} .news-v15-scope .modal-locked .modal-body::after {content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,#fff);pointer-events:none} .news-v15-scope .modal-locked .lock-cta {position:absolute;bottom:32px;left:50%;transform:translateX(-50%);text-align:center;z-index:5} .news-v15-scope .modal-locked .lock-cta p {font-size:14px;color:var(--text-2);margin-bottom:12px} .news-v15-scope .modal-locked .lock-cta button {height:40px;padding:0 28px;background:var(--primary);color:#fff;border-radius:20px;font-size:14px;font-weight:600} /* ========== Commercial Services ========== */ .news-v15-scope .services-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .news-v15-scope .service-card {background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px 28px;transition:all .2s;position:relative;overflow:hidden} .news-v15-scope .service-card:hover {box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:var(--primary)} .news-v15-scope .service-card .icon {width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px} .news-v15-scope .service-card .icon.s1 {background:linear-gradient(135deg,#165DFF,#4080FF);color:#fff} .news-v15-scope .service-card .icon.s2 {background:linear-gradient(135deg,#0E42D2,#165DFF);color:#fff} .news-v15-scope .service-card .icon.s3 {background:linear-gradient(135deg,#F7BA1E,#FF9A2E);color:#fff} .news-v15-scope .service-card h3 {font-size:18px;font-weight:700;color:var(--text-1);margin-bottom:8px} .news-v15-scope .service-card .price {font-size:13px;color:var(--text-3);margin-bottom:16px} .news-v15-scope .service-card .price strong {color:var(--primary);font-size:16px} .news-v15-scope .service-card ul {margin-bottom:24px} .news-v15-scope .service-card ul li {font-size:13px;color:var(--text-2);padding:6px 0;padding-left:24px;position:relative} .news-v15-scope .service-card ul li::before {content:'';position:absolute;left:0;top:11px;width:14px;height:14px;background:var(--primary-light);border-radius:50%} .news-v15-scope .service-card ul li::after {content:'';position:absolute;left:5px;top:15px;width:4px;height:6px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(45deg)} .news-v15-scope .service-card .btn {display:flex;align-items:center;justify-content:center;height:42px;padding:0;line-height:1;border-radius:21px;font-size:14px;font-weight:600;transition:all .2s;text-align:center} .news-v15-scope .service-card .btn.primary {background:var(--primary);color:#fff} .news-v15-scope .service-card .btn.primary:hover {background:var(--primary-dark)} .news-v15-scope .service-card .btn.outline {border:1px solid var(--primary);color:var(--primary)} .news-v15-scope .service-card .btn.outline:hover {background:var(--primary-light)} .news-v15-scope .service-card .ribbon {position:absolute;top:16px;right:-28px;background:var(--gold);color:#fff;font-size:11px;padding:3px 32px;transform:rotate(45deg);font-weight:600} /* ========== Data Dashboard ========== */ .news-v15-scope .data-preview {display:grid;grid-template-columns:1fr 1fr;gap:24px} .news-v15-scope .data-card {background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;transition:all .2s} .news-v15-scope .data-card:hover {box-shadow:var(--shadow-hover)} .news-v15-scope .data-card h4 {font-size:16px;font-weight:600;color:var(--text-1);margin-bottom:4px} .news-v15-scope .data-card .desc {font-size:12px;color:var(--text-3);margin-bottom:20px} /* Bar chart */ .news-v15-scope .bar-chart {display:flex;align-items:flex-end;gap:12px;height:180px;padding:0 8px} .news-v15-scope .bar-chart .bar-col {flex:1;display:flex;flex-direction:column;align-items:center;gap:6px} .news-v15-scope .bar-chart .bar {width:100%;background:linear-gradient(to top,var(--primary),#4080FF);border-radius:4px 4px 0 0;transition:height .3s;position:relative;min-height:20px} .news-v15-scope .bar-chart .bar:hover::after {content:attr(data-val);position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--text-1);font-weight:600;white-space:nowrap} .news-v15-scope .bar-chart .bar-label {font-size:11px;color:var(--text-3)} /* Region distribution */ .news-v15-scope .region-list {display:flex;flex-direction:column;gap:10px} .news-v15-scope .region-row {display:flex;align-items:center;gap:12px} .news-v15-scope .region-row .r-name {font-size:12px;color:var(--text-2);width:108px;flex-shrink:0;text-align:right} .news-v15-scope .region-row .r-bar {flex:1;height:20px;background:var(--bg-gray);border-radius:10px;overflow:hidden;position:relative} .news-v15-scope .region-row .r-fill {height:100%;background:linear-gradient(to right,var(--primary),#4080FF);border-radius:10px;transition:width .3s} .news-v15-scope .region-row .r-val {font-size:12px;color:var(--text-3);width:30px;flex-shrink:0} .news-v15-scope .data-cta {text-align:center;margin-top:32px} .news-v15-scope .data-cta a {display:inline-block;height:44px;line-height:44px;padding:0 32px;background:var(--primary);color:#fff;border-radius:22px;font-size:14px;font-weight:600} .news-v15-scope .data-cta a:hover {background:var(--primary-dark);color:#fff} /* ========== Daily Briefing ========== */ .news-v15-scope .briefing {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} .news-v15-scope .briefing-left h2 {font-size:28px;font-weight:700;margin-bottom:12px} .news-v15-scope .briefing-left p {font-size:14px;color:var(--text-2);margin-bottom:24px;line-height:1.8} .news-v15-scope .briefing-form {display:flex;gap:12px;margin-bottom:16px} .news-v15-scope .briefing-form input {flex:1;height:48px;border:1px solid var(--border);border-radius:24px;padding:0 20px;font-size:14px} .news-v15-scope .briefing-form input:focus {border-color:var(--primary)} .news-v15-scope .briefing-form button {height:48px;padding:0 32px;background:var(--primary);color:#fff;border-radius:24px;font-size:14px;font-weight:600;white-space:nowrap} .news-v15-scope .briefing-form button:hover {background:var(--primary-dark)} .news-v15-scope .briefing-note {font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:6px} .news-v15-scope .briefing-right {background:var(--bg-gray);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-light)} .news-v15-scope .briefing-sample .sample-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--primary)} .news-v15-scope .briefing-sample .sample-header .title {font-size:16px;font-weight:700;color:var(--text-1)} .news-v15-scope .briefing-sample .sample-header .date {font-size:12px;color:var(--text-3)} .news-v15-scope .briefing-sample .sample-item {display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border-light)} .news-v15-scope .briefing-sample .sample-item:last-child {border:none} .news-v15-scope .briefing-sample .sample-item .idx {width:20px;height:20px;border-radius:4px;background:var(--primary);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600} .news-v15-scope .briefing-sample .sample-item .text {font-size:13px;color:var(--text-2);line-height:1.5} .news-v15-scope .briefing-sample .sample-item .text strong {color:var(--text-1)} /* ========== Module Integration ========== */ .news-v15-scope .module-map {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:800px;margin:0 auto} .news-v15-scope .module-node {background:#fff;border:2px solid var(--border-light);border-radius:var(--radius);padding:20px;text-align:center;transition:all .2s;position:relative} .news-v15-scope .module-node:hover {border-color:var(--primary);box-shadow:var(--shadow-hover)} .news-v15-scope .module-node .m-icon {font-size:28px;margin-bottom:8px} .news-v15-scope .module-node .m-name {font-size:13px;font-weight:600;color:var(--text-1)} .news-v15-scope .module-node .m-link {font-size:11px;color:var(--text-3);margin-top:4px} .news-v15-scope .module-node.center {background:var(--primary);border-color:var(--primary)} .news-v15-scope .module-node.center .m-icon, .news-v15-scope .module-node.center .m-name, .news-v15-scope .module-node.center .m-link {color:#fff} .news-v15-scope .module-node.center .m-link {color:rgba(255,255,255,.7)} /* ========== Footer ========== */ .news-v15-scope .footer {background:#0A1828;color:rgba(255,255,255,.6);padding:48px 0 0} .news-v15-scope .footer-top {display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)} .news-v15-scope .footer-brand .logo {display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#fff;margin-bottom:12px} .news-v15-scope .footer-brand .logo .logo-icon {width:32px;height:32px;background:var(--primary);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px} .news-v15-scope .footer-brand p {font-size:13px;line-height:1.7;margin-bottom:16px} .news-v15-scope .footer-brand .contact-info {font-size:12px;line-height:1.8} .news-v15-scope .footer-brand .contact-info span {display:block} .news-v15-scope .footer-col h5 {font-size:14px;color:#fff;margin-bottom:16px;font-weight:600} .news-v15-scope .footer-col ul li {margin-bottom:10px} .news-v15-scope .footer-col ul li a {font-size:13px;color:rgba(255,255,255,.5);transition:color .2s} .news-v15-scope .footer-col ul li a:hover {color:#fff} .news-v15-scope .footer-bottom {padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px} .news-v15-scope .footer-bottom a {color:rgba(255,255,255,.4)} .news-v15-scope .footer-bottom a:hover {color:rgba(255,255,255,.7)} /* ========== Floating Button ========== */ .news-v15-scope .float-btn {position:fixed;right:24px;bottom:80px;z-index:99;display:flex;flex-direction:column;gap:12px} .news-v15-scope .float-btn .fb {width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s;color:var(--text-2)} .news-v15-scope .float-btn .fb:hover {background:var(--primary);color:#fff;transform:scale(1.05)} .news-v15-scope .float-btn .fb.primary {background:var(--primary);color:#fff} .news-v15-scope .float-btn .fb.primary:hover {background:var(--primary-dark)} /* ========== Loading State ========== */ .news-v15-scope .loading {text-align:center;padding:80px 20px} .news-v15-scope .loading .spinner {width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} .news-v15-scope .loading p {font-size:14px;color:var(--text-3)} /* ========== Responsive ========== */ @media(max-width:1199px){ .news-v15-scope .featured {grid-template-columns:1fr} .news-v15-scope .news-grid {grid-template-columns:repeat(2,1fr)} .news-v15-scope .services-grid {grid-template-columns:repeat(2,1fr)} .news-v15-scope .data-preview {grid-template-columns:1fr} .news-v15-scope .briefing {grid-template-columns:1fr;gap:32px} .news-v15-scope .module-map {grid-template-columns:repeat(3,1fr)} .news-v15-scope .footer-top {grid-template-columns:1fr 1fr;gap:32px} } @media(max-width:768px){ .news-v15-scope .container {padding:0 16px} .news-v15-scope .section {padding:40px 0} .news-v15-scope .topbar {display:none} .news-v15-scope .subheader {height:56px} .news-v15-scope .subheader-left {gap:8px} .news-v15-scope .back-home span {display:none} .news-v15-scope .nav-search input {width:140px} .news-v15-scope .nav-cta {display:none} .news-v15-scope .hero {padding:0} .news-v15-scope .region-tags {gap:6px} .news-v15-scope .region-tag {font-size:11px;padding:4px 10px} .news-v15-scope .news-layout {grid-template-columns:1fr;gap:20px} .news-v15-scope .news-filter {position:static;display:flex;gap:16px;overflow-x:auto;padding-bottom:12px} .news-v15-scope .filter-group {min-width:160px;flex-shrink:0;margin-bottom:0} .news-v15-scope .news-grid {grid-template-columns:1fr} .news-v15-scope .services-grid {grid-template-columns:1fr} .news-v15-scope .module-map {grid-template-columns:repeat(2,1fr)} .news-v15-scope .footer-top {grid-template-columns:1fr;gap:24px} .news-v15-scope .modal-content {margin:0 8px;max-height:calc(100vh - 40px)} .news-v15-scope .modal-header, .news-v15-scope .modal-body, .news-v15-scope .modal-footer {padding-left:20px;padding-right:20px} .news-v15-scope .modal-header h1 {font-size:18px} .news-v15-scope .modal-body .m-content {font-size:14px} } /* Gradient cover fallback */ .news-v15-scope .gradient-cover { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; } .news-v15-scope .gradient-cover::before { content: ''; position: absolute; inset: 0; opacity: 0.15; background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.4) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,0.3) 0%, transparent 40%); } .news-v15-scope .gradient-cover .gc-icon { font-size: 3em; opacity: 0.8; z-index: 1; text-shadow: 0 2px 8px rgba(0,0,0,0.2); } .news-v15-scope .gradient-cover .gc-text { position: absolute; bottom: 10px; left: 12px; right: 12px; font-size: 0.8em; color: rgba(255,255,255,0.9); z-index: 1; font-weight: 600; line-height: 1.3; text-shadow: 0 1px 4px rgba(0,0,0,0.5); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* ===== Hero Carousel ===== */ .news-v15-scope .hero-carousel {position:relative;width:100%;aspect-ratio:1216/304;overflow:hidden} .news-v15-scope .carousel-track {position:relative;width:100%;height:100%} .news-v15-scope .carousel-slide {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease-in-out;cursor:pointer;pointer-events:none} .news-v15-scope .carousel-slide.active {opacity:1;pointer-events:auto} .news-v15-scope .carousel-slide img {width:100%;height:100%;object-fit:cover;display:block} .news-v15-scope .carousel-overlay {position:absolute;bottom:0;left:0;max-width:55%;padding:18px 36px;background:linear-gradient(135deg,rgba(10,24,40,.92) 0%,rgba(14,42,92,.85) 100%);border-top-right-radius:12px} .news-v15-scope .carousel-overlay h2 {color:#fff;font-size:20px;font-weight:700;margin:0 0 4px;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.5)} .news-v15-scope .carousel-overlay p {color:rgba(255,255,255,.85);font-size:13px;margin:0;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.5)} .news-v15-scope .carousel-btn {position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:20px;cursor:pointer;backdrop-filter:blur(4px);transition:all .2s;z-index:2} .news-v15-scope .carousel-btn:hover {background:rgba(255,255,255,.4)} .news-v15-scope .carousel-prev {left:20px} .news-v15-scope .carousel-next {right:20px} .news-v15-scope .carousel-dots {position:absolute;bottom:10px;right:16px;display:flex;gap:6px;z-index:2} .news-v15-scope .carousel-dot {width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .2s} .news-v15-scope .carousel-dot.active {background:#fff;width:24px;border-radius:4px} @media(max-width:768px){ .news-v15-scope .carousel-overlay {max-width:75%;padding:10px 16px} .news-v15-scope .carousel-overlay h2 {font-size:14px} .news-v15-scope .carousel-overlay p {font-size:11px} } /* ===== Platform Positioning Banner ===== */ .news-v15-scope .platform-banner {background:linear-gradient(135deg,#0A1828 0%,#0E2A5C 60%,#165DFF 100%);color:#fff;padding:28px 0;text-align:center;position:relative;overflow:hidden} .news-v15-scope .platform-banner::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.03' stroke-width='1'%3E%3Cpath d='M0 0h60v60H0z'/%3E%3Cpath d='M30 0v60M0 30h60'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none} .news-v15-scope .platform-banner .container {position:relative;z-index:1} .news-v15-scope .platform-banner h2 {font-size:24px;font-weight:700;margin:0 0 8px;letter-spacing:-.3px} .news-v15-scope .platform-banner h2 .highlight {color:#7BB4FF} .news-v15-scope .platform-banner p {font-size:14px;color:rgba(255,255,255,.75);margin:0;max-width:680px;margin:0 auto;line-height:1.6} @media(max-width:768px){ .news-v15-scope .platform-banner {padding:20px 0} .news-v15-scope .platform-banner h2 {font-size:18px} .news-v15-scope .platform-banner p {font-size:12px} } /* 详情正文滚动条：显式写在弹层上，避免 *::-webkit-scrollbar 在中文长文双滚动容器上失效 */ .news-v15-scope .modal-body::-webkit-scrollbar {width:6px;height:6px} .news-v15-scope .modal-body::-webkit-scrollbar-track {background:#F7F8FA} .news-v15-scope .modal-body::-webkit-scrollbar-thumb {background:#C9CDD4;border-radius:3px} .news-v15-scope .modal-body::-webkit-scrollbar-thumb:hover {background:#86909C}