/* ============================================================ MuoniumPlayer 官网 ·「政务服务网」整活主题 ------------------------------------------------------------ 触发条件： 设计原则：不修改 style.css 的任何一行，全部通过变量重定义 + 前缀覆盖实现。关闭主题后页面与原来完全一致。 ============================================================ */ /* ============================================================ 1. 变量重定义 —— 一次翻转全站基调 ============================================================ */ html[data-gov="on"]{ --bg:#f0f2f5; --bg-2:#ffffff; --panel:#ffffff; --panel-2:#f4f8fc; --stroke:#d6dde5; --stroke-2:#b7c3d0; --ink:#1f2328; --ink-2:#485667; --ink-3:#7a8695; --brand:#0a5ca8; --brand-2:#c8161d; --brand-soft:#e9f2fb; --aqua:#0a5ca8; --violet:#0a5ca8; --grad:linear-gradient(180deg,#1a6fbf,#0a5ca8); --grad-soft:linear-gradient(180deg,#eef5fd,#dceafa); --r-sm:0;--r:0;--r-md:0;--r-lg:0;--r-xl:0; --shadow:0 1px 3px rgba(0,0,0,.07); --shadow-sm:0 1px 2px rgba(0,0,0,.06); --nav-h:40px; --font:"Microsoft YaHei","微软雅黑",SimSun,宋体,sans-serif; --font-display:SimHei,"黑体","Microsoft YaHei","微软雅黑",sans-serif; --mono:SimSun,宋体,monospace; } /* ============================================================ 2. 全局底盘 ============================================================ */ html[data-gov="on"] body{ background:#f0f2f5; color:var(--ink); font-size:14px; line-height:1.85; } /* 去掉暗色光晕与网格 */ html[data-gov="on"] body::before, html[data-gov="on"] body::after{display:none !important} /* 关掉所有"高科技"装饰：粒子、WebGL 流场、自定义光标 */ html[data-gov="on"] canvas, html[data-gov="on"] .at-cursor, html[data-gov="on"] .atc-dot, html[data-gov="on"] .atc-ring, html[data-gov="on"] .atc-label{display:none !important} html[data-gov="on"] a{color:#0a5ca8;text-decoration:none} html[data-gov="on"] a:hover{color:#c8161d;text-decoration:underline} html[data-gov="on"] section{padding:26px 0} html[data-gov="on"] .wrap{max-width:1180px} html[data-gov="on"] .muted{color:var(--ink-2)} html[data-gov="on"] code, html[data-gov="on"] kbd, html[data-gov="on"] .mono{ font-family:Consolas,"Courier New",SimSun,monospace; background:#f4f8fc;border:1px solid #d6dde5;color:#0a5ca8; } /* ============================================================ 3. 顶部政务横条 ============================================================ */ .gov-topbar{ background:#0a5ca8; color:#dbe9f7; font-size:12.5px; line-height:32px; border-bottom:1px solid #08497f; } .gov-topbar-in{ max-width:1180px;margin:0 auto;padding:0 24px; display:flex;align-items:center;gap:16px; } .gov-topbar-welcome{font-weight:700;color:#fff} .gov-topbar-date{color:#a9c9e8} .gov-topbar-tools{margin-left:auto;display:flex;align-items:center;gap:4px} .gov-topbar-tools a{color:#dbe9f7 !important;padding:0 6px} .gov-topbar-tools a:hover{color:#fff !important;text-decoration:underline} .gov-topbar-tools i{color:#4b83b8;font-style:normal} /* 退出通道：混在顶栏工具里，只比同排链接亮一点点 */ .gov-topbar-tools a.gov-topbar-exit{color:#fff !important} .gov-topbar-tools a.gov-topbar-exit:hover{color:#ffd9d9 !important} /* ============================================================ 4. 头部（品牌行 + 搜索框 + 切换按钮） ============================================================ */ html[data-gov="on"] .nav{ position:static; height:auto; background:#fff; border-bottom:none; backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none; z-index:60; } html[data-gov="on"] .nav.nav--scrolled{ background:#fff; border-bottom-color:transparent; box-shadow:none; } html[data-gov="on"] .nav::after{display:none} html[data-gov="on"] .nav-in{ display:grid; grid-template-columns:1fr; grid-template-areas:"brand" "links"; align-items:center;gap:0; max-width:none;padding:0; height:auto; } html[data-gov="on"] .brand{ grid-area:brand; padding:18px 24px; font-family:var(--font-display); font-size:27px;letter-spacing:.04em; color:#0a5ca8; border-left:1px solid transparent; } html[data-gov="on"] .brand:hover{text-decoration:none;color:#0a5ca8} html[data-gov="on"] .brand img{ width:44px;height:44px;border-radius:0; box-shadow:none;border:1px solid #d6dde5; background:#fff;padding:3px; } html[data-gov="on"] .brand em{ font-family:var(--font);font-style:normal; color:#c8161d;font-weight:400;font-size:12px; padding:0;border:none;background:none;letter-spacing:.02em; border-radius:0; } html[data-gov="on"] .nav-toggle{display:none !important} /* ---- 主题切换入口 ---- 刻意做得很不显眼：藏在页脚最底部的一行极淡小字， hover 才浮出来。两种模式下都显示（类名不带 data-gov 前缀）。 */ .gov-switch{ display:block; margin:30px auto 0; padding:3px 8px; border:0;background:none; color:var(--ink-3); font-family:inherit;font-size:12px;font-weight:400; line-height:1;letter-spacing:.1em; cursor:pointer;border-radius:0;white-space:nowrap; opacity:.42; transition:opacity .18s ease,color .18s ease; -webkit-user-select:none;user-select:none; } .gov-switch:hover, .gov-switch:focus-visible{opacity:1;color:var(--brand);outline:none} .gov-switch-ico{font-style:normal;font-size:10px;margin-right:4px;vertical-align:1px} .gov-switch-txt{letter-spacing:.12em} html[data-gov="on"] .gov-switch{ margin:18px auto 0; color:#6b7885;opacity:.72; } html[data-gov="on"] .gov-switch:hover, html[data-gov="on"] .gov-switch:focus-visible{color:#c8161d;opacity:1} /* ---- 主导航条 ---- 注意：必须显式重置 position/flex-direction/align-items， 否则 ≤1100px 媒体查询里的汉堡菜单定位会把导航条压扁 */ html[data-gov="on"] .nav-links{ grid-area:links; position:static !important; display:flex !important; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; gap:0; margin-left:0; width:100%; max-height:none; background:linear-gradient(180deg,#1a6fbf,#0a5ca8); border-bottom:3px solid #08497f; padding:0; } html[data-gov="on"] .nav-links a{ padding:10px 26px; border-radius:0; color:#fff; font-size:15px;font-weight:400; border-right:1px solid rgba(255,255,255,.16); transition:background .2s ease; transform:none; } html[data-gov="on"] .nav-links a:hover, html[data-gov="on"] .nav-links a:active{ background:#08497f;color:#fff; transform:none;text-decoration:none; } html[data-gov="on"] .nav-links a.active{ background:#c8161d;color:#fff;font-weight:700; } html[data-gov="on"] .nav-links a.is-cur{color:#fff} html[data-gov="on"] .nav-links a.is-cur::after{display:none} /* ============================================================ 5. 通知公告跑马灯 ============================================================ */ .gov-notice{ max-width:1180px;margin:12px auto 0;padding:0 24px; } .gov-notice-in{ display:flex;align-items:center; border:1px solid #d6dde5;background:#fff; height:40px;overflow:hidden; } .gov-notice-label{ flex:none;height:100%; display:flex;align-items:center;gap:5px; padding:0 14px; background:#e9f2fb;color:#0a5ca8; font-weight:700;font-size:14px; border-right:1px solid #d6dde5; } .gov-notice-label::before{content:"◉";color:#c8161d;font-size:12px} .gov-notice-view{flex:1;overflow:hidden;height:100%;display:flex;align-items:center} .gov-notice-track{ display:flex;white-space:nowrap; animation:govMarquee 38s linear infinite; } .gov-notice-track:hover{animation-play-state:paused} .gov-notice-track span{ padding-right:80px;font-size:13.5px;color:#3c4a5a; } .gov-notice-track b{color:#c8161d} .gov-notice-more{ flex:none;padding:0 14px;font-size:13px;color:#0a5ca8; } @keyframes govMarquee{ 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} } /* ============================================================ 6. 板块标题栏（政务灰蓝渐变通栏 + 左侧色条 + 右侧"更多"） ============================================================ */ html[data-gov="on"] .sec-head{ position:relative; max-width:none; margin:0 0 18px; padding:9px 78px 9px 16px; background:linear-gradient(180deg,#f4f9fe,#e4eefa); border:1px solid #d6dde5; border-bottom:2px solid #0a5ca8; } html[data-gov="on"] .sec-head::before{ content:"";position:absolute;left:0;top:0;bottom:0;width:5px; background:#c8161d; } html[data-gov="on"] .sec-head::after{ content:"更多 >>"; position:absolute;right:14px;top:50%;transform:translateY(-50%); font-size:13px;color:#0a5ca8; } html[data-gov="on"] .eyebrow{ display:inline-block; margin:0 8px 0 0; font-size:12px;letter-spacing:0;text-transform:none; color:#fff !important;font-weight:400; background:#0a5ca8; padding:1px 7px; vertical-align:2px; } html[data-gov="on"] .eyebrow::before{display:none} html[data-gov="on"] .sec-title{ display:inline; font-family:var(--font-display); font-size:21px; color:#0a5ca8; letter-spacing:0; } html[data-gov="on"] .sec-desc{ display:block; margin-top:5px; font-size:13.5px;color:#5a6879; } /* ============================================================ 7. 卡片 / 列表 / 表格 ============================================================ */ html[data-gov="on"] .card, html[data-gov="on"] .shot, html[data-gov="on"] .legal .box, html[data-gov="on"] .dl-card, html[data-gov="on"] .vs .col, html[data-gov="on"] .req li, html[data-gov="on"] .faq details, html[data-gov="on"] .comm-main, html[data-gov="on"] .comm-qr, html[data-gov="on"] .comm-strip, html[data-gov="on"] .dev2, html[data-gov="on"] .dev-flow-step, html[data-gov="on"] .dev-contact-card{ background:#fff !important; border:1px solid #d6dde5 !important; border-radius:0 !important; box-shadow:none !important; background-image:none !important; } html[data-gov="on"] .card:hover, html[data-gov="on"] .shot:hover, html[data-gov="on"] .dev2:hover, html[data-gov="on"] .dev-flow-step:hover, html[data-gov="on"] .dev-contact-card:hover{ border-color:#0a5ca8 !important; box-shadow:0 2px 8px rgba(10,92,168,.12) !important; } html[data-gov="on"] .card::after, html[data-gov="on"] .mtx .v::after, html[data-gov="on"] .style-tile::after, html[data-gov="on"] .dev2::before, html[data-gov="on"] .dev2::after, html[data-gov="on"] .comm-main::after{display:none !important} html[data-gov="on"] h1, html[data-gov="on"] h2, html[data-gov="on"] h3, html[data-gov="on"] h4{ font-family:var(--font-display); letter-spacing:0; } html[data-gov="on"] .card h3{color:#0a5ca8;font-size:17px} html[data-gov="on"] .card p{color:var(--ink-2)} /* 标签 / 药丸 */ html[data-gov="on"] .pill, html[data-gov="on"] .tag, html[data-gov="on"] .vs .tag, html[data-gov="on"] .chip, html[data-gov="on"] .theme-chip, html[data-gov="on"] .dev2-tag{ border-radius:0 !important; background:#e9f2fb !important; border:1px solid #b7c3d0 !important; color:#0a5ca8 !important; } html[data-gov="on"] .pill.brand{ background:#fdecec !important; border-color:#e3a7a7 !important; color:#c8161d !important; } html[data-gov="on"] .chip.on{ background:#c8161d !important; border-color:#c8161d !important; color:#fff !important; box-shadow:none !important; } /* 表格 */ html[data-gov="on"] .table-wrap{border:1px solid #d6dde5;background:#fff;overflow-x:auto} html[data-gov="on"] table{border-collapse:collapse;width:100%;font-size:13.5px} html[data-gov="on"] th{ background:linear-gradient(180deg,#1a6fbf,#0a5ca8) !important; color:#fff !important;font-weight:700; border:1px solid #08497f;padding:9px 12px;text-align:left; } html[data-gov="on"] td{ border:1px solid #d6dde5;padding:9px 12px; color:var(--ink-2);background:#fff; } html[data-gov="on"] tbody tr:nth-child(even) td{background:#f7fafd} html[data-gov="on"] tbody tr:hover td{background:#eef5fd} /* 提示条 */ html[data-gov="on"] .note{ border-left:4px solid #0a5ca8 !important; background:#eef5fd !important; border-radius:0 !important; color:#3c4a5a !important; padding:12px 16px; } html[data-gov="on"] .note b{color:#0a5ca8 !important} html[data-gov="on"] .warn{ border:1px solid #e3a7a7 !important; background:#fdecec !important; border-radius:0 !important; color:#8c1418 !important; padding:12px 16px; } html[data-gov="on"] .warn b{color:#c8161d !important} html[data-gov="on"] .dl-note{ border:1px solid #b7c3d0 !important; background:#eef5fd !important; border-radius:0 !important; color:#3c4a5a !important; } html[data-gov="on"] .dl-note b{color:#0a5ca8 !important} /* ============================================================ 8. 按钮 ============================================================ */ html[data-gov="on"] .btn{ border-radius:0 !important; font-family:inherit; font-size:14px;font-weight:700; padding:9px 22px; transform:none !important; box-shadow:none !important; } html[data-gov="on"] .btn-primary{ background:linear-gradient(180deg,#1a6fbf,#0a5ca8) !important; color:#fff !important; border:1px solid #08497f !important; } html[data-gov="on"] .btn-primary:hover{ background:linear-gradient(180deg,#0a5ca8,#08497f) !important; } html[data-gov="on"] .btn-ghost{ background:#fff !important; border:1px solid #b7c3d0 !important; color:#0a5ca8 !important; } html[data-gov="on"] .btn-ghost:hover{ background:#eef5fd !important; border-color:#0a5ca8 !important; color:#c8161d !important; } html[data-gov="on"] .btn .ar{transition:none} html[data-gov="on"] .btn:hover .ar{transform:none} html[data-gov="on"] .copy-btn{ border:1px solid #b7c3d0;background:#fff;color:#0a5ca8;border-radius:0; } html[data-gov="on"] .copy-btn:hover{background:#eef5fd;color:#c8161d} /* ============================================================ 9. Hero 区 ============================================================ */ /* 各页 h1 容器不统一（.hero / .sub-hero / .dev-hero / 普通 section）， 先统一底色，再让具体容器覆盖 */ html[data-gov="on"] h1{color:#0a5ca8;font-family:var(--font-display)} html[data-gov="on"] .hero, html[data-gov="on"] .sub-hero{ background:linear-gradient(180deg,#e9f2fb,#fff 78%); border-bottom:1px solid #d6dde5; padding:30px 0 34px; } html[data-gov="on"] .hero h1, html[data-gov="on"] .sub-hero h1{ font-size:30px;color:#0a5ca8;line-height:1.4; } html[data-gov="on"] .hero h1 .hl, html[data-gov="on"] .rotor-item{ background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; color:#c8161d !important; -webkit-text-fill-color:#c8161d !important; } html[data-gov="on"] .hero p.lead, html[data-gov="on"] .sub-hero .lead{ color:#3c4a5a;font-size:15px; } html[data-gov="on"] .hero-facts div span{color:#7a8695} html[data-gov="on"] .kicker{ display:inline-block;background:#c8161d;color:#fff; padding:1px 9px;font-size:12.5px;letter-spacing:.04em; } /* 设备预览 / 插件卡：去掉玻璃拟态 */ html[data-gov="on"] .mock{ background:#fff !important; border:1px solid #b7c3d0 !important; border-radius:0 !important; box-shadow:0 2px 10px rgba(10,92,168,.10) !important; } html[data-gov="on"] .mock::before{display:none} html[data-gov="on"] .island{ background:#f4f8fc !important; border:1px solid #b7c3d0 !important; border-radius:0 !important; box-shadow:none !important; } html[data-gov="on"] .island .art{border-radius:0} html[data-gov="on"] .island .wave{ border-radius:0;background:#d6dde5; } html[data-gov="on"] .island .eq i{background:#c8161d} html[data-gov="on"] .cover{ border-radius:0 !important; background:linear-gradient(135deg,#0a5ca8,#1a6fbf) !important; box-shadow:none !important; animation:none !important; } html[data-gov="on"] .mini.dots i, html[data-gov="on"] .mini.dots i:nth-child(2n), html[data-gov="on"] .mini.dots i:nth-child(3n){background:#0a5ca8} /* ============================================================ 10. 文档页 / 开发者页 / 交流群 ============================================================ */ html[data-gov="on"] .doc-nav .grp{font-family:var(--font-display);color:#0a5ca8} html[data-gov="on"] .doc-nav ul{border-left:1px solid #d6dde5} html[data-gov="on"] .doc-nav li a{color:#3c4a5a;border-left:2px solid transparent} html[data-gov="on"] .doc-nav li a:hover{color:#0a5ca8;background:#f4f8fc} html[data-gov="on"] .doc-nav li a.on{ color:#fff;background:#0a5ca8;border-left-color:#c8161d; } html[data-gov="on"] .doc-layout{gap:24px} html[data-gov="on"] .doc-page{ border-bottom:1px solid #e2e8ef; padding-bottom:22px;margin-bottom:22px; } html[data-gov="on"] .doc-page h2{color:#0a5ca8;font-size:24px} html[data-gov="on"] .doc-page h3{ color:#0a5ca8;font-size:17px; border-left:4px solid #0a5ca8;padding-left:10px; } html[data-gov="on"] .doc-page p, html[data-gov="on"] .doc-page ul li{color:#3c4a5a} html[data-gov="on"] .doc-page ul li::before{background:#0a5ca8;border-radius:0} html[data-gov="on"] .step li::before{ background:#e9f2fb;border:1px solid #b7c3d0;border-radius:0;color:#0a5ca8; } html[data-gov="on"] .faq summary{color:#0a5ca8;font-weight:700} html[data-gov="on"] .faq .ans{color:#3c4a5a} html[data-gov="on"] .faq details[open]{background:#f7fafd !important} html[data-gov="on"] pre{ background:#f4f8fc;border:1px solid #d6dde5;border-radius:0; color:#1f2328;font-family:Consolas,"Courier New",monospace; } html[data-gov="on"] kbd{ background:#f4f8fc;border:1px solid #b7c3d0;border-bottom-width:1px; border-radius:0;color:#0a5ca8; } /* 开发者页 */ html[data-gov="on"] .dev-page .nav{background:#fff;backdrop-filter:none} html[data-gov="on"] .dev-hero{ background:linear-gradient(180deg,#e9f2fb,#fff) !important; padding:34px 0 30px; } html[data-gov="on"] .dev-hero::before{display:none} html[data-gov="on"] .dev-hero-title{color:#0a5ca8;font-family:var(--font-display)} html[data-gov="on"] .dev-hero-word--alt, html[data-gov="on"] .dev-hero-line--alt{ background:none !important;-webkit-background-clip:border-box !important; background-clip:border-box !important; color:#c8161d !important;-webkit-text-fill-color:#c8161d !important; } html[data-gov="on"] .dev-hero-tag{ border:1px solid #b7c3d0;background:#fff;color:#0a5ca8;border-radius:0; } html[data-gov="on"] .dev-hero-tag::before{background:#c8161d;border-radius:0} html[data-gov="on"] .dev-stat-n{color:#c8161d} html[data-gov="on"] .dev-stat-n::after{background:#c8161d;border-radius:0} html[data-gov="on"] .dev-hero-marquee-track{border-color:#d6dde5;color:#7a8695} html[data-gov="on"] .dev-hero-dot{color:#c8161d} html[data-gov="on"] .dev-h2{color:#0a5ca8} html[data-gov="on"] .dev2:nth-child(n){--accent:#0a5ca8;--accent-soft:#e9f2fb} html[data-gov="on"] .dev2-avatar{border-radius:0 !important} html[data-gov="on"] .dev2-avatar--h, html[data-gov="on"] .dev2-avatar--y, html[data-gov="on"] .dev2-avatar--n{ background:linear-gradient(180deg,#1a6fbf,#0a5ca8) !important; color:#fff; } html[data-gov="on"] .dev2-mark{color:#c8161d} html[data-gov="on"] .dev2-link{ border-radius:0;background:#fff;border:1px solid #d6dde5;color:#3c4a5a; } html[data-gov="on"] .dev2-link:hover{ background:#eef5fd;border-color:#0a5ca8;color:#0a5ca8; } html[data-gov="on"] .dev2-name{color:#0a5ca8} html[data-gov="on"] .dev2-bio{border-top:1px dashed #d6dde5;color:#3c4a5a} html[data-gov="on"] .dev-flow{background:#f7fafd !important;border-top:1px solid #d6dde5} html[data-gov="on"] .dev-flow-step--full{ background:#eef5fd !important;border-color:#0a5ca8 !important; } html[data-gov="on"] .dev-flow-num{background:#fff;color:#c8161d} html[data-gov="on"] .dev-note{ background:#eef5fd !important;border:1px solid #b7c3d0 !important;border-radius:0 !important; } html[data-gov="on"] .dev-note-mark{background:#c8161d;color:#fff;border-radius:0} html[data-gov="on"] .dev-contact{border-top:1px solid #d6dde5} html[data-gov="on"] .dev-contact-icon{background:#e9f2fb;color:#0a5ca8;border-radius:0} html[data-gov="on"] .dev-contact-card a{color:#0a5ca8;border-bottom:1px solid #b7c3d0} html[data-gov="on"] .dev-sign{border-top:1px dashed #d6dde5;color:#7a8695} html[data-gov="on"] .dev-sign-heart{color:#c8161d} /* 交流群 */ html[data-gov="on"] .comm-main::before{display:none} html[data-gov="on"] .comm-kicker{color:#c8161d} html[data-gov="on"] .comm-kicker::before{background:#c8161d} html[data-gov="on"] .comm-name{color:#0a5ca8} html[data-gov="on"] .comm-name .q{color:#c8161d} html[data-gov="on"] .comm-list .dot{ background:#e9f2fb !important;border:1px solid #b7c3d0 !important; color:#0a5ca8 !important;border-radius:0 !important; } html[data-gov="on"] .comm-list b{color:#1f2328} html[data-gov="on"] .comm-list span{color:#4a5768} html[data-gov="on"] .comm-qr-frame{ background:#fff !important;border:1px solid #b7c3d0 !important; border-radius:0 !important;box-shadow:none !important; } html[data-gov="on"] .comm-qr-frame img{border-radius:0} html[data-gov="on"] .comm-qr-link:hover{color:#c8161d;border-bottom-color:#c8161d} html[data-gov="on"] .comm-strip .cs-qr{ border-radius:0 !important;background:#fff !important;border:1px solid #b7c3d0 !important; } html[data-gov="on"] .comm-strip .cs-qr img{border-radius:0} /* 画廊 */ html[data-gov="on"] .shot img{background:#e9f2fb} html[data-gov="on"] .lightbox{background:rgba(15,23,32,.9)} html[data-gov="on"] .lightbox img{border-radius:0;border:1px solid #b7c3d0} /* 下载页 */ html[data-gov="on"] .dl-top{ background:linear-gradient(180deg,#eef5fd,#e2edf9) !important; border-bottom:1px solid #d6dde5 !important; } html[data-gov="on"] .dl-top .file{color:#c8161d} html[data-gov="on"] .kv div{border-bottom:1px dashed #d6dde5} html[data-gov="on"] .req h4{color:#0a5ca8} html[data-gov="on"] .req li a{color:#0a5ca8} /* ============================================================ 11. 页脚 + 备案信息 ============================================================ */ html[data-gov="on"] footer{ background:#e9edf2 !important; border-top:3px solid #0a5ca8 !important; margin-top:26px;padding:26px 0 0; } html[data-gov="on"] .foot-grid{ grid-template-columns:1.4fr repeat(3,1fr); gap:20px;padding-bottom:18px; border-bottom:1px solid #d6dde5; } html[data-gov="on"] .foot-grid h4{ color:#0a5ca8;font-size:15px;font-family:var(--font-display); padding-bottom:6px;border-bottom:1px solid #d6dde5;margin-bottom:8px; } html[data-gov="on"] .foot-grid li a{color:#485667;font-size:13.5px} html[data-gov="on"] .foot-grid li a:hover{color:#c8161d} html[data-gov="on"] .foot-grid .brand{font-size:19px;color:#0a5ca8;padding:0} html[data-gov="on"] .foot-bottom{ border-top:none;color:#5a6879;font-size:12.5px;padding:10px 0; } /* 友情链接 + 备案 */ .gov-foot-extra{max-width:1180px;margin:0 auto;padding:14px 24px 22px} .gov-friendlinks{ display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px; padding-bottom:10px;margin-bottom:12px; border-bottom:1px dashed #cfd8e3; font-size:13px; } .gov-friendlinks b{color:#0a5ca8;font-family:var(--font-display)} .gov-friendlinks a{color:#485667} .gov-friendlinks a:hover{color:#c8161d} .gov-foot-info{font-size:12.5px;line-height:2;color:#5a6879;text-align:center} .gov-foot-info p{margin:0} .gov-foot-info b{color:#3c4a5a;font-weight:400} .gov-foot-info .gov-sep{color:#b7c3d0;padding:0 6px} .gov-emblem{ display:inline-flex;align-items:center;gap:5px; border:1px solid #b7c3d0;background:#fff; padding:1px 8px;color:#0a5ca8;font-size:12px; } .gov-emblem::before{ content:"★";color:#c8161d;font-size:11px; } .gov-foot-tools{ margin-top:8px;display:flex;justify-content:center;gap:14px; font-size:12.5px; } .gov-foot-tools button{ border:1px solid #b7c3d0;background:#fff;color:#485667; padding:2px 10px;cursor:pointer;font-family:inherit;font-size:12.5px; } .gov-foot-tools button:hover{background:#eef5fd;color:#0a5ca8;border-color:#0a5ca8} /* ============================================================ 12. 右侧无障碍 / 浮动工具条 ============================================================ */ .gov-a11y{ position:fixed;right:0;top:44%;z-index:70; display:flex;flex-direction:column; border:1px solid #b7c3d0;border-right:none;background:#fff; box-shadow:0 2px 8px rgba(10,92,168,.14); } .gov-a11y-btn{ width:46px;height:44px; display:flex;align-items:center;justify-content:center; border-bottom:1px solid #e2e8ef; color:#0a5ca8;font-size:14px;font-weight:700; cursor:pointer;background:#fff;font-family:inherit; border-left:none;border-right:none;border-top:none; writing-mode:horizontal-tb;line-height:1; } .gov-a11y-btn:last-child{border-bottom:none} .gov-a11y-btn:hover{background:#0a5ca8;color:#fff;text-decoration:none} .gov-a11y-tip{ position:fixed;right:56px;z-index:70; background:#0a5ca8;color:#fff;font-size:12.5px; padding:4px 10px;display:none;white-space:nowrap; } .gov-a11y-btn:hover + .gov-a11y-tip{display:block} /* ============================================================ 13. 响应式 ============================================================ */ @media(max-width:1080px){ html[data-gov="on"] .nav-in{ grid-template-columns:1fr; grid-template-areas:"brand" "links"; } } @media(max-width:820px){ html[data-gov="on"] .brand{font-size:21px;padding:14px 16px;gap:8px} html[data-gov="on"] .brand img{width:34px;height:34px} html[data-gov="on"] .nav-links a{padding:9px 14px;font-size:14px;border-right:none} .gov-topbar-in{padding:0 16px;gap:8px} /* 窄屏工具区放不下，只保留「退出政务版」这条退路 */ .gov-topbar-welcome{display:none} .gov-topbar-tools a:not(.gov-topbar-exit), .gov-topbar-tools i{display:none} .gov-notice{padding:0 16px} .gov-notice-label{padding:0 10px;font-size:13px} html[data-gov="on"] .sec-head{padding-right:16px} html[data-gov="on"] .sec-head::after{display:none} html[data-gov="on"] .foot-grid{grid-template-columns:1fr 1fr;gap:16px} .gov-a11y{display:none} } /* ============================================================ 14. 首页「两个客户端」双子卡（等权并列） ============================================================ */ html[data-gov="on"] .twin{ background:#fff !important; border:1px solid #d6dde5 !important; border-radius:0 !important; box-shadow:none !important; } html[data-gov="on"] .twin::before{background:#0a5ca8 !important;opacity:1;width:64px} html[data-gov="on"] .twin:hover{border-color:#0a5ca8 !important;box-shadow:0 2px 8px rgba(10,92,168,.12) !important} html[data-gov="on"] .twin-mark, html[data-gov="on"] .twin-ico{ background:#e9f2fb !important;border:1px solid #b7c3d0 !important; color:#0a5ca8 !important;border-radius:0 !important; } html[data-gov="on"] .twin-name{color:#0a5ca8} html[data-gov="on"] .twin-name em{ border:1px solid #d6dde5;border-radius:0;color:#c8161d;background:#fff; } html[data-gov="on"] .twin-role{color:#7a8695} html[data-gov="on"] .twin-lead{color:#3c4a5a} html[data-gov="on"] .twin-list li{border-top:1px dashed #d6dde5} html[data-gov="on"] .twin-list b{color:#1f2328} html[data-gov="on"] .twin-list span{color:#4a5768} html[data-gov="on"] .twin-list code{ background:#f4f8fc;border:1px solid #d6dde5;color:#0a5ca8;border-radius:0; } html[data-gov="on"] .twin-foot{border-top:1px solid #d6dde5} html[data-gov="on"] .vlist li{ background:#fff;border:1px solid #d6dde5;border-radius:0; } html[data-gov="on"] .vlist li:hover{background:#eef5fd;border-color:#0a5ca8} html[data-gov="on"] .vlist li .lds{color:#7a8695} html[data-gov="on"] .vlist li a{color:#0a5ca8}