/* ============================================================ xnsea-dark.css v=2026091310 全站深色主题覆盖（Blocksy 渲染页：关于/FAQ/服务/文章/工具/案例等） 与首页 xnsea-home.css 保持一致深色体系： 页面背景 #0a0e1a | 卡片 #121624 | 边框 #2a2f3c 正文 #e8ecf4 | 次级 #9aa7bd | 强调橙 #ff8f00 / 蓝 #4da6ff 通过子主题 functions.php 在非首页页面注入 ============================================================ */ /* ---------- 覆盖 Blocksy 调色板变量（一举深色化大部分组件） ---------- */ :root{ --paletteColor1:#4da6ff!important; --paletteColor2:#1559ed!important; --paletteColor3:#cdd6e4!important; --paletteColor4:#e8ecf4!important; --paletteColor5:#1c2230!important; --paletteColor6:#121624!important; --paletteColor7:#0a0e1a!important; --paletteColor8:#121624!important; --theme-palette-color-1:#4da6ff!important; --theme-palette-color-2:#1559ed!important; --theme-palette-color-3:#cdd6e4!important; --theme-palette-color-4:#e8ecf4!important; --theme-palette-color-5:#1c2230!important; --theme-palette-color-6:#121624!important; --theme-palette-color-7:#0a0e1a!important; --theme-palette-color-8:#121624!important; --theme-background-color:#0a0e1a!important; --theme-text-color:#cdd6e4!important; --theme-link-initial-color:#4da6ff!important; --theme-link-hover-color:#7ab8ff!important; --theme-heading-color:#e8ecf4!important; } /* ---------- 页面主体 ---------- */ body{background-color:#0a0e1a!important;color:#cdd6e4!important;} #main.site-main{background-color:#0a0e1a;} .ct-container,.ct-container-full,.ct-container-no-sidebar,.ct-container-narrow{background-color:transparent!important;} /* ---------- 标题 ---------- */ h1,h2,h3,h4,h5,h6,.entry-header .page-title,.entry-title,.ct-heading{color:#e8ecf4!important;} /* ---------- 正文 ---------- */ .entry-content,.entry-content p,.entry-content li,.entry-content span:not([class]){color:#cdd6e4!important;} .entry-content a,.entry-header a{color:#4da6ff!important;} .entry-content a:hover{color:#7ab8ff!important;} /* ---------- 顶部导航 ---------- */ .ct-header [data-row*="middle"]{background-color:#0a0e1a!important;} .ct-header .site-title a{color:#e8ecf4!important;} .ct-header [data-id="menu"] > ul > li > a{color:rgba(235,240,250,.88)!important;} .ct-header [data-id="menu"] > ul > li > a:hover{color:#fff!important;} .ct-header [data-id="menu"] ul li ul,.ct-header [data-id="menu"] > ul > li ul{background-color:#0f1420!important;border:1px solid #2a2f3c!important;} .ct-header [data-id="menu"] ul li ul a{color:#cdd6e4!important;} .ct-header [data-id="menu"] ul li ul a:hover{color:#fff!important;} .ct-header [data-id="trigger"] .ct-icon,.ct-header .ct-icon{color:#cdd6e4!important;fill:#cdd6e4!important;} .ct-header [data-id="logo"] .site-title{color:#e8ecf4!important;} .ct-header-text,.ct-header-account{color:#cdd6e4!important;} .ct-header [data-id="header-search-input"]{background-color:#121624!important;border-color:#2a2f3c!important;color:#e8ecf4!important;} /* ---------- 页脚 ---------- */ .ct-footer{background-color:#0a0e1a!important;} .ct-footer [data-row]{background-color:#0a0e1a!important;} .ct-footer,.ct-footer p,.ct-footer li{color:#9aa7bd!important;} .ct-footer a{color:#9aa7bd!important;} .ct-footer a:hover{color:#e8ecf4!important;} .ct-footer .widget-title,.ct-footer h1,.ct-footer h2,.ct-footer h3,.ct-footer h4,.ct-footer .site-title a{color:#e8ecf4!important;} .ct-footer [data-row*="bottom"]{border-color:#1c2230!important;} /* ---------- 文章/列表卡片 ---------- */ .entry-card,.ct-box,.ct-card{background-color:#121624!important;border:1px solid #2a2f3c!important;box-shadow:none!important;} .entry-card .entry-title,.entry-card h2,.entry-card h3{color:#e8ecf4!important;} .entry-card .entry-excerpt,.entry-card .entry-meta,.entry-card p{color:#9aa7bd!important;} .entry-card .entry-meta a{color:#9aa7bd!important;} .entry-card:hover{border-color:#3a4150!important;} /* ---------- 表格 ---------- */ .entry-content table,.wp-block-table{background-color:#121624!important;color:#cdd6e4!important;border-color:#2a2f3c!important;} .entry-content th,.wp-block-table th{background-color:#1a2030!important;color:#e8ecf4!important;border-color:#2a2f3c!important;} .entry-content td,.wp-block-table td{border-color:#2a2f3c!important;} .entry-content table a{color:#4da6ff!important;} /* ---------- 引用块 ---------- */ .entry-content blockquote,.wp-block-quote{background-color:#121624!important;border-left-color:#ff8f00!important;color:#cdd6e4!important;} .wp-block-quote cite{color:#9aa7bd!important;} /* ---------- 代码 ---------- */ .entry-content pre,.entry-content code,.wp-block-code{background-color:#0f1420!important;color:#e8ecf4!important;border-color:#2a2f3c!important;} /* ---------- 列表标记 ---------- */ .entry-content ul li::marker,.entry-content ol li::marker{color:#ff8f00!important;} /* ---------- 表单控件 ---------- */ input[type="text"],input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input[type="search"],input[type="password"],textarea,select,.wp-block-search__input,.contact-form input,.contact-form textarea,.ct-search-form input{ background-color:#121624!important;border:1px solid #2a2f3c!important;color:#e8ecf4!important;} input::placeholder,textarea::placeholder{color:#7a8699!important;} /* ---------- 按钮 ---------- */ button,.wp-block-button__link,.wp-element-button,input[type="submit"],.ct-button,.entry-content .wp-block-button a{ background:linear-gradient(90deg,#2563eb,#ff8f00)!important;color:#fff!important;border:none!important;} button:hover,.wp-block-button__link:hover,.wp-element-button:hover,input[type="submit"]:hover,.ct-button:hover{filter:brightness(1.12);color:#fff!important;} .wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;border:1px solid #2a2f3c!important;color:#cdd6e4!important;} /* ---------- 分隔线/图注 ---------- */ .entry-content hr,.wp-block-separator{background-color:#2a2f3c!important;} figcaption,.wp-block-image figcaption{color:#9aa7bd!important;} /* ---------- 分页 ---------- */ .ct-pagination a,.ct-pagination .page-numbers{color:#cdd6e4!important;border-color:#2a2f3c!important;background-color:#121624!important;} .ct-pagination .page-numbers.current{background-color:#ff8f00!important;color:#fff!important;border-color:#ff8f00!important;} .ct-pagination a:hover{background-color:#1a2030!important;} /* ---------- 面包屑 ---------- */ .ct-breadcrumbs,.ct-breadcrumbs a{color:#9aa7bd!important;} .ct-breadcrumbs a:hover{color:#e8ecf4!important;} /* ---------- 侧栏小部件 ---------- */ .ct-widget,.widget{color:#cdd6e4!important;} .ct-widget .widget-title,.widget-title{color:#e8ecf4!important;} .ct-widget a,.widget a{color:#9aa7bd!important;} .ct-widget a:hover,.widget a:hover{color:#e8ecf4!important;} /* ---------- 标签/分类 ---------- */ .ct-tag-list a,.entry-tags a,.tags-links a{background-color:#121624!important;border:1px solid #2a2f3c!important;color:#cdd6e4!important;} .ct-tag-list a:hover{background-color:#1a2030!important;} /* ---------- 元信息 ---------- */ .entry-meta,.posted-on,.byline,.cat-links,.tags-links{color:#9aa7bd!important;} .entry-meta a{color:#9aa7bd!important;} /* ---------- 评论 ---------- */ .comment-respond,.comment-reply-title{color:#cdd6e4!important;} .comment-respond input,.comment-respond textarea{background-color:#121624!important;border-color:#2a2f3c!important;color:#e8ecf4!important;} .comment-list .comment-body{border-color:#2a2f3c!important;color:#cdd6e4!important;} /* ---------- 工具/测算/对比/案例页常见组件 ---------- */ .calc-card,.tool-card,.compare-table,.guide-card,.process-step,.step-card,.case-card,.review-card,.faq-item,.accordion-item{ background-color:#121624!important;border:1px solid #2a2f3c!important;color:#cdd6e4!important;} .calc-card h3,.tool-card h3,.guide-card h3,.case-card h3,.review-card h3,.faq-item h3,.accordion-item h3{color:#e8ecf4!important;} .calc-card p,.tool-card p,.guide-card p,.case-card p,.review-card p{color:#9aa7bd!important;} /* ---------- 高亮/强调色 ---------- */ .ct-highlight,.has-brand-color{color:#ff8f00!important;} .has-background{background-color:#121624!important;} /* ---------- 移动端抽屉 ---------- */ #offcanvas .ct-panel-inner{background-color:rgba(10,14,26,.99)!important;} #offcanvas .ct-panel-inner,.ct-panel-inner,.ct-panel-inner a{color:#cdd6e4!important;} #offcanvas .ct-panel-inner .site-title a{color:#e8ecf4!important;} #offcanvas .ct-panel-inner .ct-menu a{color:#cdd6e4!important;} #offcanvas .ct-panel-inner .ct-menu a:hover{color:#fff!important;} /* ---------- 搜索弹窗 ---------- */ #search-modal .ct-panel-inner{background-color:rgba(10,14,26,.98)!important;} /* ---------- 服务概览页「不确定选哪个市场」提示盒：奶油底改深色，与全站一致 ---------- */ .xn-note{background:#0a0e1a!important;border:1px solid #2a2f3c!important;border-left:4px solid #ff8f00!important;border-radius:8px!important;color:#e8ecf4!important;} .xn-note p{color:#cdd6e4!important;} .xn-note strong{color:#e8ecf4!important;} /* ============================================================ 布局改进第1-9项（2026-09-14 v=2026091317） 标题层级 / 区块留白 / 服务总览分区 / FAQ折叠 / 触控目标 ============================================================ */ /* ---------- 1. 标题层级：正文 h2 品牌竖条锚点，h2/h3 字号分级 ---------- */ .entry-content h2{ position:relative!important; padding-left:14px!important; margin:2.2em 0 .9em!important; font-size:1.5rem!important; letter-spacing:-.01em; } .entry-content h2::before{ content:""!important;display:block!important;position:absolute!important; left:0;top:.16em;bottom:.16em;width:4px;border-radius:99px; background:linear-gradient(180deg,#ff8f00,#4da6ff); } .entry-content h2:first-of-type{margin-top:.4em!important;} .entry-content h3{font-size:1.15rem!important;margin:1.6em 0 .6em!important;color:#e8ecf4!important;} .entry-content h4{font-size:1.02rem!important;color:#e8ecf4!important;} .xn-sec h2{padding-left:14px!important;} /* ---------- 2. 区块留白：服务总览分区间距 ---------- */ .xn-sec{margin-bottom:0!important;} .xn-sec + .xn-sec{margin-top:56px!important;padding-top:52px!important;border-top:1px solid #2a2f3c!important;} .xn-desc{font-size:1.02rem!important;color:#9aa7bd!important;margin:0 0 26px!important;max-width:720px;} /* ---------- 7. 服务总览分区：xn-cards 网格化 + 卡片化 ---------- */ .xn-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;margin:0 0 8px!important;padding:0!important;} .xn-card{ background-color:#121624!important;border:1px solid #2a2f3c!important;border-radius:14px!important; padding:24px 22px!important;list-style:none!important; transition:transform .2s,box-shadow .2s,border-color .2s; } .xn-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.38);border-color:#3a4150!important;} .xn-card .xn-ico{width:44px;height:44px;border-radius:12px;background:rgba(255,143,0,.14)!important;display:grid;place-items:center;font-size:22px;margin-bottom:14px;} .xn-card h3{margin:0 0 8px!important;font-size:1.05rem!important;color:#e8ecf4!important;padding-left:0!important;} .xn-card h3::before{display:none!important;} .xn-card p{margin:0 0 4px!important;font-size:.93rem!important;color:#9aa7bd!important;} .xn-card p:last-of-type{margin-top:12px!important;} .xn-card a{color:#ff8f00!important;font-weight:600;border-bottom:1px dashed rgba(255,143,0,.5);padding-bottom:2px;min-height:40px;display:inline-flex;align-items:center;} .xn-card a:hover{color:#ffb84d!important;border-bottom-color:rgba(255,143,0,.9);} /* ---------- 2/5. 移动端 FAQ 折叠（由 functions.php JS 包装的 .xn-faq）---------- */ .xn-faq{background-color:#121624!important;border:1px solid #2a2f3c!important;border-radius:12px!important;margin-bottom:12px!important;overflow:hidden;} .xn-faq summary{ cursor:pointer!important;list-style:none!important;display:flex!important;justify-content:space-between!important;align-items:center!important; padding:17px 20px!important;font-weight:600!important;color:#e8ecf4!important;font-size:1.02rem!important;min-height:48px; } .xn-faq summary::-webkit-details-marker{display:none!important;} .xn-faq summary::after{content:"+";font-size:20px;font-weight:400;color:#ff8f00;transition:transform .2s;flex:none;margin-left:14px;} .xn-faq[open] summary::after{transform:rotate(45deg);} .xn-faq summary h2{display:inline!important;margin:0!important;padding-left:0!important;font-size:1.02rem!important;line-height:1.5;} .xn-faq summary h2::before{display:none!important;} .xn-faq .xn-faq-body{padding:0 20px 18px!important;color:#9aa7bd!important;font-size:.95rem!important;line-height:1.75;} .xn-faq-body p{margin:0 0 10px!important;} .xn-faq-body ul,.xn-faq-body ol{margin:.4em 0 .8em!important;padding-left:1.4em!important;} .xn-faq-body li{margin:.3em 0!important;} .xn-faq-toggle{ display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px; padding:0 24px;border:1px solid #2a2f3c!important;border-radius:999px; background-color:#121624!important;color:#cdd6e4!important;font-size:13.5px;font-weight:600;cursor:pointer; } .xn-faq-toggle:hover{color:#fff!important;border-color:#ff8f00!important;background-color:rgba(255,143,0,.1)!important;filter:none;} /* ---------- 5. 触控目标（子页） ---------- */ .entry-content a{min-height:0;} .xn-cards .xn-card a{min-height:44px;} @media(max-width:1024px){ .xn-cards{grid-template-columns:repeat(2,1fr)!important;} } @media(max-width:640px){ .xn-cards{grid-template-columns:1fr!important;} .xn-sec + .xn-sec{margin-top:44px!important;padding-top:40px!important;} .xn-card{padding:20px 18px!important;} .xn-faq summary{min-height:52px;padding:15px 16px!important;font-size:1rem!important;} .xn-faq-body{padding:0 16px 16px!important;} } /* ============================================================ 全站统一导航/页脚/联系弹窗（2026-09-14 v=2026091410） 内页经 functions.php 注入首页同款深色组件， 此处隐藏 Blocksy 默认 header/footer 并为注入组件补全样式 ============================================================ */ /* ---------- 隐藏 Blocksy 默认导航/页脚/抽屉（改由统一组件接管） ---------- */ .ct-header{display:none!important;} .ct-footer{display:none!important;} #offcanvas,#main-container .ct-panel{display:none!important;} header#header{display:none!important;} /* ---------- 统一导航 .xn-navbar（对齐首页 header 观感） ---------- */ .xn-navbar{position:sticky;top:0;z-index:1000;background:rgba(10,14,26,.85);backdrop-filter:blur(14px);border-bottom:1px solid #2a2f3c;} .xn-navbar .nav{display:flex;align-items:center;justify-content:space-between;height:72px;} .xn-navbar .logo{display:flex;align-items:center;gap:10px;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.01em;color:#fff!important;} .xn-navbar .logo-img{height:46px;width:auto;display:block;max-width:220px;object-fit:contain;} .xn-navbar .nav-links{display:flex;align-items:center;gap:30px;font-size:15px;font-weight:500;color:#9aa7bd;list-style:none;} .xn-navbar .nav-links a{color:#9aa7bd!important;text-decoration:none!important;transition:color .2s;padding:6px 0;} .xn-navbar .nav-links a:hover{color:#fff!important;} .xn-navbar .nav-item{position:relative;} .xn-navbar .nav-item>a{display:inline-flex;align-items:center;gap:5px;} .xn-navbar .nav-item>a::after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;opacity:.65;transition:transform .2s;} .xn-navbar .nav-item:hover>a::after{transform:rotate(180deg);} .xn-navbar .dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:230px;background:#0f1420;border:1px solid #2a2f3c;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.45);padding:8px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;z-index:1100;} .xn-navbar .nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px);} .xn-navbar .dropdown a{display:block;padding:10px 14px;border-radius:9px;font-size:14px;color:#9aa7bd!important;white-space:nowrap;} .xn-navbar .dropdown a:hover{background:#121624;color:#fff!important;} .xn-navbar .nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:8px;} .xn-navbar .nav-burger span{width:22px;height:2px;background:#cdd6e4;border-radius:2px;transition:transform .2s,opacity .2s;} .xn-navbar .nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);} .xn-navbar .nav-burger.open span:nth-child(2){opacity:0;} .xn-navbar .nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} .xn-navbar .nav-cta{display:flex;gap:10px;} .xn-navbar .nav-cta .btn{display:inline-flex;align-items:center;gap:8px;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:600;font-size:14.5px;padding:11px 20px;border-radius:999px;cursor:pointer;min-height:44px;transition:transform .18s,box-shadow .2s,background .2s;background:none!important;border:1px solid #2a2f3c!important;color:#e8ecf4!important;filter:none;} .xn-navbar .nav-cta .btn:hover{transform:translateY(-1px);filter:none;} .xn-navbar .nav-cta .btn-ghost{background:transparent!important;color:#e8ecf4!important;border:1px solid #2a2f3c!important;} .xn-navbar .nav-cta .btn-ghost:hover{background:#121624!important;} .xn-navbar .nav-cta .btn-primary{background:linear-gradient(90deg,#2563eb,#ff8f00)!important;color:#fff!important;border:none!important;box-shadow:0 8px 24px rgba(37,99,235,.35);} .xn-navbar .nav-cta .btn-primary:hover{box-shadow:0 12px 30px rgba(37,99,235,.5);filter:brightness(1.1)!important;} /* 移动端抽屉（内页统一组件） */ .xn-navbar + .mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:#0a0e1a;z-index:1999;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 24px 60px;} .xn-navbar + .mobile-menu.open{display:block;} .mobile-menu a.mlink{display:block;font-size:16px;font-weight:600;color:#e8ecf4;padding:15px 4px;border-bottom:1px solid #2a2f3c;text-decoration:none!important;} .mobile-menu .m-group-title{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#ff8f00;font-weight:700;margin:24px 0 6px;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;} .mobile-menu a.msub{display:block;font-size:14.5px;color:#9aa7bd;padding:11px 4px 11px 14px;border-bottom:1px dashed #2a2f3c;text-decoration:none!important;} .mobile-menu .m-cta{display:flex;gap:12px;flex-wrap:wrap;} .mobile-menu .m-cta-top{margin:4px 0 24px;padding-bottom:18px;border-bottom:1px solid #2a2f3c;position:sticky;top:0;background:#0a0e1a;z-index:5;} .mobile-menu .m-cta-top .btn{flex:1;justify-content:center;background:linear-gradient(90deg,#2563eb,#ff8f00)!important;color:#fff!important;border:none!important;min-height:46px;border-radius:12px;font-weight:600;} .mobile-menu .m-cta-top .btn-ghost{background:transparent!important;color:#e8ecf4!important;border:1px solid #2a2f3c!important;} /* ---------- 统一四栏页脚 .xn-foot（对齐首页 footer 观感） ---------- */ .xn-foot{background:#0a0e1a;color:rgba(255,255,255,.7);margin-top:0;border-top:1px solid #1c2230;} .xn-foot .container{max-width:1200px;margin:0 auto;padding:0 24px;} .xn-foot .foot-inner{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr;gap:36px;padding:64px 0 40px;} .xn-foot .foot-inner h5{color:#fff;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:14px;margin:0 0 18px;} .xn-foot .foot-inner a{display:block;font-size:14px;padding:5px 0;transition:color .2s;color:rgba(255,255,255,.7)!important;text-decoration:none!important;} .xn-foot .foot-inner a:hover{color:#fff!important;} .xn-foot .foot-brand p{font-size:14px;max-width:280px;margin:14px 0 0;line-height:1.7;color:rgba(255,255,255,.7)!important;} .xn-foot .foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding:22px 0;font-size:13px;color:rgba(255,255,255,.45);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;} .xn-foot .foot-c{display:block;color:#cbd5e1;font-size:.9rem;line-height:1.9;text-decoration:none;} .xn-foot .foot-c:hover{color:#fff;} .xn-foot .logo-img{height:52px;width:auto;display:block;max-width:220px;object-fit:contain;background:transparent;border-radius:10px;padding:6px 8px;box-shadow:0 8px 24px rgba(0,0,0,.25);} @media(max-width:1024px){.xn-foot .foot-inner{grid-template-columns:1fr 1fr;}} @media(max-width:768px){.xn-foot .foot-inner{grid-template-columns:1fr 1fr;} .xn-foot .foot-inner>div:nth-child(1), .xn-foot .foot-inner>div:nth-child(4){grid-column:1 / -1;}} /* ---------- 联系弹窗 cm-*（内页） ---------- */ .cm-mask{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);z-index:2000;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;} .cm-mask.open{opacity:1;visibility:visible;} .cm-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);width:min(960px,94vw);max-height:88vh;overflow:auto;background:#0f1420;border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.45);z-index:2001;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;-webkit-overflow-scrolling:touch;} .cm-dialog.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);} .cm-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:none;background:#121624;color:#e8ecf4;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;z-index:5;} .cm-close:hover{background:#2a2f3c;} .cm-body{display:grid;grid-template-columns:1.1fr .9fr;gap:0;} .cm-form{padding:34px;} .cm-form h3{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:-.01em;margin:0 0 4px;color:#e8ecf4!important;} .cm-form .cm-sub{color:#9aa7bd;font-size:.92rem;margin:0 0 18px;} .cm-side{background:linear-gradient(160deg,#1a2440,#101a33);color:#fff;padding:34px 30px;display:flex;flex-direction:column;justify-content:center;} .cm-side h4{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 6px;} .cm-side .cm-side-sub{font-size:.85rem;opacity:.75;margin:0 0 22px;} .cm-line{display:flex;align-items:center;gap:10px;font-size:.95rem;padding:8px 0;} .cm-line .ic{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:15px;} .cm-line b{font-weight:700;color:#fff;} .cm-side .cm-qr{margin-top:22px;text-align:center;} .cm-side .cm-qr img{width:128px;height:128px;border-radius:12px;background:#fff;padding:6px;margin:0 auto;border:1px solid rgba(255,255,255,.18);} .cm-side .cm-qr span{display:block;font-size:.8rem;opacity:.8;margin-top:8px;} .cm-note{font-size:.78rem;color:#9aa7bd;margin-top:12px;text-align:center;} .cm-form input[type="text"],.cm-form input[type="tel"],.cm-form input[type="email"],.cm-form select,.cm-form textarea{background-color:#121624!important;border:1px solid #2a2f3c!important;color:#e8ecf4!important;border-radius:8px;} @media(max-width:720px){ .cm-body{grid-template-columns:1fr;} .cm-dialog{max-height:92vh;overflow:auto;border-radius:16px;} .cm-form{padding:26px 20px;} .cm-side{padding:26px 20px;} } /* ============================================================ 高级感细节（2026-09-14 v=2026091410） 内页 hero 渐变标题区 / 全端 44px 触控 / FAQ 图标兜底 / 服务 CTA 字重 / 案例数据墙衔接 ============================================================ */ /* 内页 Hero：渐变深蓝标题区，与首页首屏一脉相承 */ .entry-header.hero-section, .ct-hero-section{ background: radial-gradient(900px 420px at 85% -10%, #1d4ed8 0%, transparent 60%), linear-gradient(135deg,#0b1220 0%,#101a33 55%,#1a2440 100%); border-bottom:1px solid rgba(255,255,255,.08); padding:clamp(48px,7vw,88px) 0 clamp(36px,5vw,60px); text-align:center; } .entry-header.hero-section .page-title, .ct-hero-section .page-title, .entry-header .page-title{ font-size:clamp(1.9rem,4vw,2.8rem)!important; font-weight:800!important; letter-spacing:-.015em; line-height:1.15; } .entry-header.hero-section .page-description, .ct-hero-section .page-description{ color:#9aa7bd!important; font-size:clamp(.98rem,1.5vw,1.08rem); max-width:640px;margin:14px auto 0; } .entry-header.hero-section .ct-breadcrumbs, .ct-hero-section .ct-breadcrumbs{margin-top:20px;color:rgba(199,210,232,.7)!important;} /* 全端触控目标 44px：表单控件桌面端也达标（原仅 560px 断点生效） */ .entry-content input[type="text"],.entry-content input[type="email"],.entry-content input[type="url"],.entry-content input[type="tel"],.entry-content input[type="number"],.entry-content input[type="search"],.entry-content input[type="password"],.entry-content textarea,.entry-content select, .cm-form input,.cm-form select,.cm-form textarea{ min-height:44px;padding:10px 14px; } .entry-content .wp-block-button a,.wp-block-button__link,.ct-button{ min-height:44px;display:inline-flex;align-items:center;justify-content:center; padding:12px 26px;font-weight:700;letter-spacing:.01em; border-radius:10px; } /* FAQ 原生 details 图标兜底（非 JS 包装的 .xn-faq 也补齐 + 号） */ .entry-content details:not(.xn-faq)>summary{ list-style:none;cursor:pointer;position:relative;padding-right:34px; } .entry-content details:not(.xn-faq)>summary::-webkit-details-marker{display:none;} .entry-content details:not(.xn-faq)>summary::after{ content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%); font-size:20px;font-weight:400;color:#ff8f00;transition:transform .2s; } .entry-content details[open]:not(.xn-faq)>summary::after{transform:translateY(-50%) rotate(45deg);} /* 服务页 CTA / 区块间距呼吸感 */ .entry-content .xn-cta,.entry-content .cta-section{margin:48px 0!important;padding:clamp(32px,5vw,52px)!important;border-radius:20px;} .entry-content .xn-cta a,.entry-content .cta-section a{min-height:48px;padding:14px 34px;font-size:15.5px;font-weight:700;} /* 案例页数据墙：卡片留白与数字强调 */ .cd-item,.case-data{background:linear-gradient(135deg,#101a33,#1a2440);border:1px solid #2a2f3c;border-radius:14px;} .cd-item b{font-weight:800;letter-spacing:-.01em;} .case-card,.review-card{transition:transform .2s,box-shadow .2s;} .case-card:hover,.review-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.38);} /* 内页主内容区顶部留白衔接（导航 72px 已占文档流，此处补呼吸） */ #main.site-main{padding-top:0;} .ct-container,.ct-container-narrow{padding-top:8px;} /* ============================================================ 内页统一导航移动端响应式（2026-09-14 v=2026091411） 窄屏隐藏桌面链接/CTA、显示汉堡、抽屉贴顶 ============================================================ */ @media (max-width:768px){ .xn-navbar .nav{height:64px;} .xn-navbar .nav-links{display:none!important;} .xn-navbar .nav-cta{display:none!important;} .xn-navbar .nav-burger{display:flex!important;} .xn-navbar .logo-img{height:36px;max-width:180px;} .xn-navbar .logo{font-size:18px;gap:8px;} .xn-navbar + .mobile-menu{top:64px;} } /* ============================================================ 排版与对齐修复补丁 2026-09-14 v=2026091415 覆盖：P0-1 h2 脱轨 / P0-2 三区宽度 / P1-3 hero 失配 / P1-4 索引列表卡片化 / P2-9 样式归拢 / P2-10 中文行高层级 验证：h2 左边界与正文列重合；hero 渐变+留白；列表变双列卡片 ============================================================ */ /* ---- 0. 设计变量（改一处全站联动） ---- */ :root{ --xn-accent: #ff8f00; --xn-text: #cdd6e4; --xn-head: #e8ecf4; --xn-muted: #9aa7bd; --xn-border: #2a2f3c; --xn-card: #121624; --xn-bg: #0a0e1a; --xn-content-max: var(--wp--style--global--content-size, var(--theme-block-max-width, 1306px)); } /* ---- 1.【P0-1】显式声明正文约束列，h2 回归正文列 ---- */ .entry-content.is-layout-constrained{ width: 100%; max-width: var(--xn-content-max); margin-inline: auto; } .entry-content h2{ margin-block: 2.2em .9em !important; } .entry-content h3{ margin-block: 1.6em .6em !important; } .entry-content h2:first-of-type{ margin-block-start: .4em !important; } /* ---- 2.【P0-2】导航 / 页脚 / 正文 共用同一列宽 ---- */ .xn-navbar .container, .xn-foot .container{ width: 100%; max-width: var(--xn-content-max); margin-inline: auto; padding-inline: 0; box-sizing: border-box; } @media (max-width: 1400px){ .xn-navbar .container, .xn-foot .container{ padding-inline: 20px; } } /* ---- 3.【P1-3】Hero 选择器对齐真实 DOM ---- */ .hero-section{ padding: clamp(40px,6vw,72px) 0 clamp(28px,4vw,44px); background: radial-gradient(900px 420px at 85% -10%, #1d4ed8 0%, transparent 60%), linear-gradient(135deg,#0b1220 0%,#101a33 55%,#1a2440 100%); border-bottom: 1px solid rgba(255,255,255,.08); } .hero-section .entry-header{ margin: 0; } .hero-section .page-title{ font-size: clamp(1.9rem,4vw,2.8rem) !important; font-weight: 800 !important; letter-spacing: 0; line-height: 1.15; margin: 0; } .hero-section .page-description{ color: var(--xn-muted) !important; font-size: clamp(.98rem,1.5vw,1.08rem); max-width: 640px; margin: 14px 0 0; } /* ---- 4.【P1-4】文章索引列表卡片化（仅限文章索引页 page-id-155） ---- */ body.page-id-155 .entry-content > ul{ list-style: none; margin: 0 0 8px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; } body.page-id-155 .entry-content > ul > li{ margin: 0; } body.page-id-155 .entry-content > ul a{ display: flex; align-items: flex-start; gap: 10px; min-height: 48px; padding: 13px 16px; border: 1px solid var(--xn-border); border-radius: 10px; background: var(--xn-card); color: var(--xn-head) !important; font-size: .95rem; line-height: 1.6; text-decoration: none !important; transition: border-color .18s, background .18s, transform .18s; } body.page-id-155 .entry-content > ul a::before{ content: ""; flex: none; width: 6px; height: 6px; margin-top: .58em; border-radius: 50%; background: linear-gradient(135deg,#ff8f00,#4da6ff); } body.page-id-155 .entry-content > ul a:hover{ border-color: var(--xn-accent); background: #161c2c; transform: translateY(-2px); } @media (max-width: 900px){ body.page-id-155 .entry-content > ul{ grid-template-columns: 1fr; } } /* ---- 5.【P2-9】GEO 摘要卡片样式归拢（替代插件行内样式） ---- */ .entry-content .xnsea-geo-summary{ background: var(--xn-card); border-left: 4px solid var(--xn-accent); padding: 14px 18px; margin: 0 0 22px; border-radius: 0 10px 10px 0; color: var(--xn-head); } .entry-content .xnsea-geo-summary strong{ display: block; margin-bottom: 6px; color: var(--xn-head); } .entry-content .xnsea-geo-keypoints{ margin: 0; padding-left: 20px; } .entry-content .xnsea-geo-keypoints li{ line-height: 1.7; } /* ---- 6.【P2-10】中文排版：行高与字号层级 ---- */ .entry-content{ line-height: 1.75; } .entry-content p, .entry-content li{ line-height: 1.75; } .entry-content h2{ font-size: 1.55rem !important; letter-spacing: 0; } .entry-content h3{ font-size: 1.25rem !important; letter-spacing: 0; } .entry-content h4{ font-size: 1.05rem !important; letter-spacing: 0; } .entry-content h1, .entry-content h2, .entry-content h3{ letter-spacing: 0; } /* ============================================================ 目录/元信息/配色补丁 2026-09-15 v=2026091510 覆盖：P2-7 页内目录与锚点 / P2-8 列表元信息 / P2-11 配色收拾 ============================================================ */ /* ---- 7.【P2-7】页内目录（吸顶锚点导航） ---- */ .xn-toc{ position: sticky; top: 72px; z-index: 20; display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 0; margin: 0 0 8px; background: rgba(10,14,26,.9); backdrop-filter: blur(12px); border-bottom: 1px solid #2a2f3c; } .xn-toc a{ padding: 8px 14px; border: 1px solid #2a2f3c; border-radius: 999px; font-size: .9rem; color: #9aa7bd !important; text-decoration: none !important; min-height: 40px; display: inline-flex; align-items: center; } .xn-toc a:hover{ border-color:#ff8f00; color:#fff !important; } @media (max-width:768px){ .xn-toc{ top: 64px; } } /* 锚点定位补偿吸顶高度 */ .entry-content h2{ scroll-margin-top: 140px; } /* ---- 8.【P2-8】列表元信息（市场标签 · 阅读时长） ---- */ body.page-id-155 .entry-content > ul a{ flex-direction: column; gap: 4px; } body.page-id-155 .entry-content > ul a .t{ font-weight: 600; color: #e8ecf4; } body.page-id-155 .entry-content > ul a .m{ font-size: .82rem; color: #9aa7bd; } /* 圆点改为绝对定位，避免挤压元信息行 */ body.page-id-155 .entry-content > ul a{ position: relative; padding-left: 30px; } body.page-id-155 .entry-content > ul a::before{ position: absolute; left: 14px; top: 1.5em; margin-top: 0; } /* ---- 11.【P2-11】配色收拾：按钮纯品牌橙 + 页脚小字对比度 ---- */ .xn-navbar .nav-cta .btn-primary{ background: var(--xn-accent, #ff8f00) !important; box-shadow: 0 8px 24px rgba(255,143,0,.28); } .xn-navbar .nav-cta .btn-primary:hover{ background: #ffa430 !important; filter: none !important; } .xn-foot .foot-bottom{ color: rgba(255,255,255,.6); } /* ============================================================ 排版修复 · 第二轮 2026-09-15 v=2026091516 ------------------------------------------------------------ 修正上一版补丁（v=2026091415 / v=2026091510）遗留的三处问题： 1) h2 与正文列仍差 8px 原因：上一版把 .entry-content 限宽写成 1306px（兜底值）， 但主题真实列宽 --theme-block-max-width = 1290px， 子元素被 WP 居中到 1290（左右各 8px）， 而 h2 的 margin-left:0 仍是 0 → 落到 295 而非 303。 2) 内页 hero 被 .is-width-constrained 限宽成 1290px 浮块 实际渲染为一块"浮在页面中间的蓝色矩形"（左右各 303px 空白）， 与首页通栏 hero 不一致。 3) 内页导航在 295px、首页导航在 24px 跨页切换时 logo 横跳 271px（首页导航是 max-width:100% + 24px 内边距）。 ------------------------------------------------------------ 验证方式：Chrome 实测 getBoundingClientRect() 修复前：.xn-navbar .container L=295 / .xn-foot .container L=295 .entry-content L=295 W=1306 / 卡片·TOC·列表 L=303 / h2 L=295 ✗ 验收标准：正文列内所有元素左边界一致；hero 通栏；导航与首页同宽同位。 ============================================================ */ /* ---- 0. 修正上一版误设的列宽变量（1306 → 主题真实值） ---- */ :root{ --xn-content-max: var(--theme-block-max-width, 1290px); } /* ---- 1.【修正】正文列成为唯一真源，子元素一律贴齐，不再各自居中 ---- */ .entry-content.is-layout-constrained{ width: 100%; max-width: var(--theme-block-max-width, 1290px); margin-inline: auto; } /* 覆盖 WP 的 .is-layout-constrained > *{margin-inline:auto!important}， 同时压掉 .entry-content h2/h3 里残余的 margin-left/right:0 造成的错位 */ .entry-content.is-layout-constrained > *{ max-width: 100% !important; margin-inline: 0 !important; } /* ---- 2.【修正】内页 hero 通栏，标题仍对齐正文列 ---- */ .hero-section.is-width-constrained{ width: 100%; max-width: none; margin-inline: 0; } .hero-section .entry-header{ max-width: var(--theme-block-max-width, 1290px); margin-inline: auto; } /* ---- 3.【修正】导航 / 页脚与首页统一：通栏 + 24px 内边距 ---- 首页样式表（xnsea-home.css）里 .container{max-width:100%;padding:0 24px}， 此处对齐该口径，消除跨页切换时导航横跳。 */ .xn-navbar .container, .xn-foot .container{ width: 100%; max-width: none; margin-inline: 0; padding-inline: 24px; box-sizing: border-box; } .xn-navbar .nav, .xn-foot .foot-inner{ box-sizing: border-box; } /* ============================================================ 排版修复 · 第三轮 2026-09-15 v=2026091517 ------------------------------------------------------------ 修正第二轮改为"通栏"后暴露的窄屏问题： 视口窄于正文列（1290px）时，max-width 不再生效， 而原来 `.is-width-constrained{width:min(100%,90vw)}` 提供的 左右缩进也随之消失 → 窄屏下正文与页头标题贴到 x=0。 ------------------------------------------------------------ Chrome 实测（390×844，clientW=375）修复前： .hero-section .entry-header L=0 W=375 padL=0px ✗ 标题贴边 .entry-content L=0 W=375 padL=0px ✗ 正文贴边 验收：窄屏下 L=24；桌面端 1895 仍为 303（与卡片/TOC/h2 对齐）。 ------------------------------------------------------------ 做法：把"列宽"与"留白"解耦 —— 列宽仍由 max-width 控制， 留白用 padding-inline 常驻，两者互不干扰。 ============================================================ */ /* ---- 1. 正文列：常驻 24px 水平留白（桌面端由 max-width 抵消，位置不变） ---- */ .entry-content.is-layout-constrained{ max-width: calc(var(--theme-block-max-width, 1290px) + 48px); padding-inline: 24px; box-sizing: border-box; margin-inline: auto; } /* ---- 2. 内页 hero 同步常驻水平留白 ---- */ .hero-section{ padding-inline: 24px; box-sizing: border-box; } .hero-section .entry-header{ max-width: var(--theme-block-max-width, 1290px); margin-inline: auto; } /* ---- 3. 摘要卡片 / TOC / 列表：窄屏下同样留白 ---- */ @media (max-width: 1360px){ .xnsea-geo-summary, .xn-toc{ box-sizing: border-box; } } /* ============================================================ 排版修复 · 第四轮 2026-09-15 v=2026091518 整站统一收进同一个固定宽度列 —— 解决"上宽下窄" ------------------------------------------------------------ 修复前（Chrome 实测 @1910 视口 / 内容区 1895）： .xn-navbar .container L=0 W=1895 padL=24 → logo 在 24px .xn-foot .container L=0 W=1895 padL=24 .entry-content L=279 W=1338 padL=24 → 正文/卡片/h2 在 303px → 导航与页脚内容(24) 和正文列(303) 相差 279px，视觉上"上宽下窄" 修复后（目标）： 导航 / 页脚 / hero 标题 / 正文 / 卡片 / 列表 左边界全部 = 303px ------------------------------------------------------------ 做法：导航与页脚的「内容」也收进同一条 1290 列 （容器 1338 = 1290 + 左右各 24px 留白） 栏条自身的背景仍通栏，这是常规做法，不会显得"上宽" ============================================================ */ .xn-navbar .container, .xn-foot .container{ width: 100%; max-width: calc(var(--theme-block-max-width, 1290px) + 48px); margin-inline: auto; padding-inline: 24px; box-sizing: border-box; } /* 导航内层同样盒模型，避免 1306 与 1290 这类半像素差 */ .xn-navbar .nav, .xn-foot .foot-inner{ box-sizing: border-box; } /* ============================================================ 第六轮 2026-09-15 v=2026091520 内页导航与首页逐项对齐（配合 functions.php 补回导航项） ------------------------------------------------------------ Chrome 实测差异： 首页 .nav-links W=774 8 项 gap=32px 内页 .nav-links W=670 7 项 gap=30px → 内页少了「服务矩阵」，且 gap 少 2px 本文件只补样式侧的 gap，缺的导航项由 functions.php 补齐。 ============================================================ */ .xn-navbar .nav-links{ gap: 32px; } .xn-navbar .logo{ gap: 10px; } /* ============================================================ 页脚「联系」区块交互 2026-09-16 v=2026091601 微信：可点击按钮（打开联系弹窗，内含二维码） 电话：触屏端原生拨号；桌面端 tel: 只会弹「选择一个应用」→ 改为复制 + 轻提示 ============================================================ */ /* 可点击的联系项：清掉