/* Theme Name: Dele Pro Theme URI: https://www.delezixun.com Author: Dele Consulting Description: 广东德乐企业管理咨询官网主题 —— 商务风设计，含首页、关于我们、五大系统、学术贡献、咨询案例、新闻动态、联系我们、在线留言、加入我们全套模板与留言后台管理。 Version: 1.0.0 Text Domain: dele-pro */ :root { --navy: #1F2A44; --navy-2: #34426B; --gold: #B89B5E; --gold-light: #D6C295; --beige: #E9E2D0; --bg: #F5F6F8; --ink: #22262E; --muted: #6B7280; --white: #FFFFFF; --shadow: 0 10px 30px rgba(31, 42, 68, .10); --radius: 14px; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; color: var(--ink); background: var(--white); line-height: 1.7; font-size: 16px; } img { max-width: 100%; display: block; } a { color: inherit; text-decoration: none; } ul { list-style: none; } .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } /* ============ 顶部信息条 ============ */ .topbar { background: var(--navy); color: rgba(255,255,255,.75); font-size: 13px; } .topbar .container { display: flex; justify-content: space-between; align-items: center; height: 38px; } .topbar a { color: var(--gold-light); } .topbar .tb-left span { margin-right: 18px; } /* ============ 主导航 ============ */ .site-header { background: var(--white); border-bottom: 1px solid #ECEEF2; position: sticky; top: 0; z-index: 999; box-shadow: 0 2px 12px rgba(31,42,68,.06); } .site-header .container { display: flex; align-items: center; justify-content: space-between; height: 84px; } .brand img { height: 56px; width: auto; } .main-nav ul { display: flex; gap: 8px; } .main-nav > ul > li { position: relative; } .main-nav a { display: block; padding: 10px 16px; font-size: 16px; font-weight: 600; color: var(--ink); border-radius: 8px; transition: all .2s; position: relative; } .main-nav > ul > li > a::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 3px; height: 3px; border-radius: 2px; background: var(--gold); transform: scaleX(0); transform-origin: center; transition: transform .25s; } .main-nav a:hover, .main-nav .current-menu-item > a, .main-nav .current_page_item > a { color: var(--navy-2); background: #F0F2F7; } .main-nav > ul > li > a:hover::after, .main-nav > ul > li.current-menu-item > a::after, .main-nav > ul > li.current_page_item > a::after, .main-nav > ul > li.menu-item-has-children:hover > a::after { transform: scaleX(1); } .main-nav .menu-item-has-children { position: relative; } .main-nav .sub-menu { display: none; position: absolute; top: 100%; left: 0; background: var(--white); min-width: 230px; box-shadow: 0 16px 40px rgba(31,42,68,.18); border-radius: 12px; overflow: hidden; padding: 0 0 6px; z-index: 1001; } .main-nav .menu-item-has-children:hover .sub-menu { display: block; } .main-nav .sub-head-li { list-style: none; } .main-nav .sub-head { background: linear-gradient(135deg, var(--navy), var(--navy-2)); color: var(--white); padding: 18px 18px 16px; text-align: center; margin-bottom: 6px; } .main-nav .sub-group { background: var(--beige); color: var(--navy); padding: 9px 18px; font-weight: 700; font-size: 13px; letter-spacing: .5px; margin-bottom: 4px; border-bottom: 1px dashed #EEF0F4; } .main-nav .sub-head::after { content: ""; display: block; width: 32px; height: 2px; background: var(--gold); margin: 10px auto 0; } .main-nav .sub-title { display: block; font-size: 18px; font-weight: 700; letter-spacing: 2px; } .main-nav .sub-cap { display: block; font-size: 12px; color: var(--gold-light); letter-spacing: 3px; margin-top: 3px; } /* v39: 一级导航中英上下两行 */ .main-nav > ul > li > a { display: flex; flex-direction: column; align-items: center; justify-content: center; } .main-nav .nav-cn { font-size: 16px; font-weight: 600; line-height: 1.3; } .main-nav .nav-en { font-size: 10px; font-weight: 500; letter-spacing: .8px; color: var(--muted); line-height: 1.4; margin-top: 1px; transition: color .2s; } .main-nav > ul > li > a:hover .nav-en, .main-nav > ul > li.current-menu-item > a .nav-en, .main-nav > ul > li.current_page_item > a .nav-en { color: var(--gold); } .main-nav .sub-menu li { list-style: none; } .main-nav .sub-menu li a { display: block; padding: 11px 20px; text-align: center; font-weight: 500; font-size: 15px; color: var(--ink); border-bottom: 1px dashed #EEF0F4; transition: all .2s; } .main-nav .sub-menu > li:last-child { border-bottom: none; } .main-nav .sub-menu li:last-child a { border-bottom: none; } .main-nav .sub-menu li a:hover, .main-nav .sub-menu .current-menu-item > a { color: var(--navy); background: var(--beige); font-weight: 700; } .nav-toggle { display: none; background: none; border: none; font-size: 26px; color: var(--navy); cursor: pointer; } .header-qr { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; margin-left: 16px; position: relative; cursor: pointer; } .header-qr img { width: 46px; height: 46px; border-radius: 6px; border: 1px solid rgba(184,155,94,.35); padding: 2px; background: var(--white); } .header-qr span { font-size: 11px; color: var(--muted); white-space: nowrap; } .header-qr .qr-pop { display: none; position: absolute; top: 100%; right: 0; margin-top: 14px; background: var(--white); border: 1px solid #ECEEF2; border-radius: 12px; box-shadow: 0 12px 32px rgba(31,42,68,.18); padding: 16px; z-index: 1000; min-width: 300px; align-items: center; gap: 16px; } .header-qr .qr-pop::before { content: ""; position: absolute; top: -6px; right: 22px; width: 12px; height: 12px; background: var(--white); border-left: 1px solid #ECEEF2; border-top: 1px solid #ECEEF2; transform: rotate(45deg); } .header-qr .qr-pop img { width: 100px; height: 100px; border: none; padding: 0; border-radius: 8px; flex: none; } .header-qr .qr-pop p { margin: 0; font-size: 13px; color: var(--muted); line-height: 1.7; text-align: left; white-space: nowrap; } .header-qr .qr-pop p b { display: block; color: var(--navy); font-size: 15px; margin-bottom: 4px; } .header-qr:hover .qr-pop { display: flex; } /* ============ 首页横幅 ============ */ .hero { background-color: var(--navy); background-image: linear-gradient(0deg, rgba(31,42,68,.84) 0%, rgba(31,42,68,.22) 34%, rgba(31,42,68,0) 56%), linear-gradient(100deg, rgba(31,42,68,.965) 0%, rgba(31,42,68,.945) 42%, rgba(31,42,68,.80) 64%, rgba(31,42,68,.50) 100%), url("assets/clients-wall-v46.jpg"); background-size: cover, cover, cover; background-position: center, center, center; background-repeat: no-repeat, no-repeat, no-repeat; color: var(--white); position: relative; overflow: hidden; } .hero::before { content: ""; position: absolute; right: -120px; top: -120px; width: 420px; height: 420px; border-radius: 50%; border: 60px solid rgba(184,155,94,.16); } .hero::after { content: ""; position: absolute; left: -80px; bottom: -160px; width: 340px; height: 340px; border-radius: 50%; background: rgba(233,226,208,.07); } .hero .container { position: relative; z-index: 2; padding-top: 96px; padding-bottom: 110px; } .hero-tag { display: inline-block; border: 1px solid rgba(214,194,149,.6); color: var(--gold-light); padding: 5px 16px; border-radius: 999px; font-size: 14px; letter-spacing: 2px; margin-bottom: 22px; } .hero h1 { font-size: 42px; line-height: 1.35; font-weight: 700; max-width: 760px; } .hero h1 em { font-style: normal; color: var(--gold-light); } .hero p.lead { margin-top: 20px; font-size: 18px; color: rgba(255,255,255,.82); max-width: 640px; } .hero-actions { margin-top: 36px; display: flex; gap: 16px; flex-wrap: wrap; } .btn { display: inline-block; padding: 13px 34px; border-radius: 999px; font-weight: 600; font-size: 16px; transition: all .25s; } .btn-gold { background: var(--gold); color: var(--white); } .btn-gold:hover { background: #A8894E; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(184,155,94,.4); } .btn-ghost { border: 1px solid rgba(255,255,255,.55); color: var(--white); } .btn-ghost:hover { background: rgba(255,255,255,.12); } .hero-stats { margin-top: 56px; display: flex; gap: 56px; flex-wrap: wrap; } .hero-stat .num { font-size: 34px; font-weight: 700; color: var(--gold-light); } .hero-stat .num small { font-size: 16px; margin-left: 2px; } .hero-stat .lab { font-size: 14px; color: rgba(255,255,255,.7); } /* ============ 通用 Section ============ */ .section { padding: 88px 0; } .section.alt { background: var(--bg); } .sec-head { text-align: center; margin-bottom: 52px; } .sec-head .cap { color: var(--gold); font-size: 14px; letter-spacing: 4px; text-transform: uppercase; font-weight: 600; } .sec-head h2 { font-size: 32px; color: var(--navy); margin-top: 8px; font-weight: 700; } .sec-head .line { width: 56px; height: 3px; background: var(--gold); margin: 16px auto 0; border-radius: 2px; } .sec-head p.sub { color: var(--muted); margin-top: 14px; } /* ============ 五大系统卡片 ============ */ .sys-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; } .sys-card { background: var(--white); border-radius: var(--radius); padding: 34px 22px; text-align: center; box-shadow: 0 4px 16px rgba(31,42,68,.06); transition: all .3s; border: 1px solid transparent; } a.sys-card { display: block; text-decoration: none; color: inherit; cursor: pointer; } .sys-card:hover { transform: translateY(-8px); box-shadow: var(--shadow); border-color: var(--gold); } .sys-card .ico { min-width: 64px; height: 64px; padding: 0 12px; margin: 0 auto 18px; border-radius: 999px; background: linear-gradient(135deg, var(--navy), var(--navy-2)); color: var(--gold-light); display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; letter-spacing: 1px; white-space: nowrap; transition: all .3s; } .sys-card:hover .ico { background: linear-gradient(135deg, var(--gold), #A8894E); color: var(--white); transform: scale(1.08); } .sys-card h3 { font-size: 18px; color: var(--navy); margin-bottom: 10px; } .sys-card p { font-size: 14px; color: var(--muted); } .sys-card .more { display: inline-block; margin-top: 14px; color: var(--gold); font-size: 14px; font-weight: 600; transition: all .2s; } .sys-card .more:hover { color: var(--navy-2); letter-spacing: 1px; } .sys-arch { margin-top: 44px; background: var(--white); border-radius: var(--radius); padding: 30px 34px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; box-shadow: 0 4px 16px rgba(31,42,68,.06); } .arch-item { text-align: center; padding: 12px 6px; border-right: 1px dashed #D9DDE5; } /* ============ 体系总览数字条 ============ */ .sys-overview { background: var(--navy); padding: 12px 0; } .ov-grid { display: flex; flex-wrap: wrap; gap: 1px; background: var(--navy-2); border-radius: var(--radius); overflow: hidden; } .ov-item { flex: 1 1 220px; background: var(--navy); padding: 10px 10px; text-align: center; } .ov-n { font-size: 24px; font-weight: 700; color: var(--gold-light); line-height: 1.15; letter-spacing: 1px; } .ov-t { font-size: 13px; color: rgba(255,255,255,.82); margin-top: 2px; letter-spacing: 1px; } /* ============ 产品体系集成卡 ============ */ .sys-card-v2 { padding: 32px 18px 26px; } .sys-badge { width: 44px; height: 44px; border-radius: 50%; background: var(--navy); color: var(--gold-light); display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; margin: 0 auto 14px; transition: all .3s; } .sys-card-v2:hover .sys-badge { background: var(--gold); color: var(--white); transform: scale(1.08); } .sys-card-v2 h3 { font-size: 17px; } .sys-idea { font-size: 13px; color: var(--gold); font-weight: 600; margin-top: 6px; letter-spacing: 1px; } .sys-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; border-top: 1px dashed #E3E6EC; margin-top: 16px; padding-top: 14px; } .sys-stats span { font-size: 12px; color: var(--muted); } .sys-stats b { display: block; font-size: 19px; color: var(--navy-2); font-weight: 700; line-height: 1.25; } @media (max-width: 768px) { .ov-item { flex: 1 1 140px; } .ov-n { font-size: 28px; } .ov-t { font-size: 13px; letter-spacing: 1px; } } .arch-item:last-child { border-right: none; } .arch-item .n { font-size: 28px; font-weight: 700; color: var(--navy-2); } .arch-item .t { font-size: 14px; color: var(--muted); margin-top: 4px; } /* ============ 关于我们 ============ */ .about-wrap { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; } .about-visual { background: linear-gradient(135deg, var(--navy), var(--navy-2)); border-radius: var(--radius); color: var(--white); padding: 44px 38px; position: relative; overflow: hidden; } .about-visual::after { content: "DELE"; position: absolute; right: -10px; bottom: -26px; font-size: 110px; font-weight: 800; color: rgba(255,255,255,.05); letter-spacing: 6px; } .about-visual h3 { font-size: 22px; color: var(--gold-light); margin-bottom: 14px; } .about-visual p { color: rgba(255,255,255,.85); font-size: 15px; } .about-visual ul { margin-top: 18px; } .about-visual li { padding: 7px 0; border-bottom: 1px dashed rgba(255,255,255,.15); font-size: 15px; } .about-visual li::before { content: "◆"; color: var(--gold); margin-right: 10px; font-size: 12px; } .about-text h2 { font-size: 30px; color: var(--navy); margin-bottom: 20px; } .about-text p { color: #4B5563; margin-bottom: 14px; text-align: justify; } .about-vals { margin-top: 22px; display: flex; gap: 14px; flex-wrap: wrap; } .about-vals span { background: var(--beige); color: var(--navy); padding: 8px 18px; border-radius: 999px; font-size: 14px; font-weight: 600; } /* ============ 学术贡献 ============ */ .contrib-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .contrib-card { background: var(--white); border-radius: var(--radius); padding: 28px; box-shadow: 0 4px 16px rgba(31,42,68,.06); transition: all .3s; border: 1px solid transparent; border-top: 3px solid transparent; } .contrib-card:hover { border-color: var(--gold); border-top-color: var(--gold); transform: translateY(-4px); } .contrib-card .no { font-size: 14px; color: var(--gold); font-weight: 700; letter-spacing: 2px; } .contrib-card h3 { font-size: 18px; color: var(--navy); margin: 10px 0 8px; } .contrib-card h3 a { transition: color .2s; } .contrib-card h3 a:hover { color: var(--gold); } .contrib-card p { font-size: 14px; color: var(--muted); } /* 首页紧凑版：一行 6 个小卡片（归档页不受影响） */ .contrib-grid--compact { grid-template-columns: repeat(6, 1fr); gap: 14px; } .contrib-grid--compact .contrib-card { border-radius: 10px; padding: 16px 14px 18px; box-shadow: 0 4px 14px rgba(31,42,68,.06); } .contrib-grid--compact .contrib-card .no { font-size: 12px; letter-spacing: 1px; } .contrib-grid--compact .contrib-card h3 { font-size: 14px; margin: 8px 0 6px; line-height: 1.5; } .contrib-grid--compact .contrib-card p { font-size: 12px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* ============ 咨询案例 ============ */ .case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .case-card { background: var(--white); border-radius: var(--radius); overflow: hidden; box-shadow: 0 4px 16px rgba(31,42,68,.06); transition: all .3s; border: 1px solid transparent; } .case-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: var(--gold); } .case-cover { position: relative; height: 150px; background: linear-gradient(135deg, var(--navy-2), var(--navy)); overflow: hidden; } .case-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; } .case-card:hover .case-cover img { transform: scale(1.06); } .case-cover .news-cover-fallback { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--gold-light); font-size: 42px; font-weight: 800; letter-spacing: 3px; } .case-body { padding: 22px 24px 26px; } .case-tag { display: inline-block; background: var(--beige); color: var(--navy); font-size: 12px; padding: 3px 12px; border-radius: 999px; font-weight: 600; } .case-body h3 { font-size: 17px; color: var(--navy); margin: 12px 0 8px; line-height: 1.5; } .case-body h3 a { transition: color .2s; } .case-body h3 a:hover { color: var(--gold); } .case-body p { font-size: 14px; color: var(--muted); } .center-more { text-align: center; margin-top: 40px; } .btn-line { display: inline-block; padding: 12px 40px; border: 1px solid var(--navy-2); color: var(--navy-2); border-radius: 999px; font-weight: 600; transition: all .25s; } .btn-line:hover { background: var(--navy-2); color: var(--white); } /* ============ 新闻动态（图文卡片） ============ */ .news-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .news-card { background: var(--white); border-radius: var(--radius); overflow: hidden; box-shadow: 0 4px 16px rgba(31,42,68,.06); transition: all .3s; display: flex; flex-direction: column; border: 1px solid transparent; } .news-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: var(--gold); } .news-cover { display: block; height: 150px; background: linear-gradient(135deg, var(--navy-2), var(--navy)); overflow: hidden; position: relative; } .news-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; } .news-card:hover .news-cover img { transform: scale(1.06); } .news-cover-fallback { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--gold-light); font-size: 20px; font-weight: 800; letter-spacing: 3px; transition: all .3s; } .news-card:hover .news-cover-fallback { color: var(--white); letter-spacing: 5px; } .news-body { padding: 18px 20px 22px; display: flex; flex-direction: column; flex: 1; } .news-tag { font-size: 12px; color: var(--gold); font-weight: 700; letter-spacing: 1px; } .news-body h3 { font-size: 15px; line-height: 1.6; margin: 8px 0; font-weight: 600; } .news-body h3 a { color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; } .news-body h3 a:hover { color: var(--gold); } .news-body p { font-size: 13px; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* ============ 服务客户品牌墙 ============ */ .clients-band { line-height: 0; background: var(--bg); } .clients-band img { width: 100%; height: auto; display: block; } /* ============ CTA ============ */ .cta-band { background: linear-gradient(120deg, var(--navy), var(--navy-2)); color: var(--white); padding: 58px 0; } .cta-band .container { display: flex; justify-content: space-between; align-items: center; gap: 30px; flex-wrap: wrap; } .cta-band h2 { font-size: 26px; } .cta-band h2 em { color: var(--gold-light); font-style: normal; } .cta-band p { color: rgba(255,255,255,.75); margin-top: 8px; } /* ============ 页头（内页） ============ */ .page-hero { background: linear-gradient(120deg, var(--navy), var(--navy-2)); color: var(--white); padding: 20px 0; } .page-hero h1 { font-size: 26px; } .page-hero .crumb { color: rgba(255,255,255,.65); font-size: 13px; margin-top: 5px; } .page-hero .crumb a:hover { color: var(--gold-light); } /* ============ 正文 / 内页 ============ */ .page-content { padding: 60px 0 80px; } .entry { max-width: 900px; margin: 0 auto; } .entry p { margin-bottom: 16px; color: #3A4050; text-align: justify; } .entry h2, .entry h3 { color: var(--navy); margin: 28px 0 14px; } .entry ul { list-style: disc; padding-left: 24px; margin-bottom: 16px; color: #3A4050; } .entry img { border-radius: 10px; margin: 18px 0; } /* 系统页引言（替代原来的子栏目标题） */ .sys-lead { background: #F7F9FC; border-radius: 12px; padding: 38px 40px; text-align: center; box-shadow: 0 2px 12px rgba(31,42,68,.05); position: relative; } .sys-lead::before, .sys-lead::after { content: ''; display: block; width: 44px; height: 3px; background: var(--gold); border-radius: 2px; margin: 0 auto; } .sys-lead::before { margin-bottom: 18px; } .sys-lead::after { margin-top: 18px; } .sys-lead p { font-size: 17px; line-height: 1.9; color: var(--navy); max-width: 760px; margin: 0 auto; text-align: center; } /* ============ 联系我们 / 表单 ============ */ .contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; } .contact-card { background: var(--white); border-radius: var(--radius); padding: 34px; box-shadow: 0 4px 16px rgba(31,42,68,.06); } .contact-card h3 { color: var(--navy); font-size: 20px; margin-bottom: 20px; } .contact-line { display: flex; gap: 14px; padding: 13px 0; border-bottom: 1px dashed #E3E6EC; font-size: 15px; } .contact-line:last-child { border-bottom: none; } .contact-line .k { color: var(--muted); min-width: 64px; } .contact-line .v { color: var(--ink); font-weight: 600; } .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .form-grid .full { grid-column: 1 / -1; } .field label { display: block; font-size: 14px; font-weight: 600; color: var(--navy); margin-bottom: 6px; } .field input, .field textarea, .field select { width: 100%; border: 1px solid #D9DDE5; border-radius: 10px; padding: 12px 14px; font-size: 15px; font-family: inherit; background: var(--bg); transition: border .2s; } .field input:focus, .field textarea:focus { outline: none; border-color: var(--gold); background: var(--white); } .hp-field { position: absolute; left: -9999px; } .form-tip { font-size: 13px; color: var(--muted); margin-top: 10px; } .form-ok { background: #EEF7F0; border: 1px solid #BFE3C8; color: #2F7A42; padding: 14px 18px; border-radius: 10px; margin-bottom: 18px; } /* ============ 微信公众号（放在页脚品牌列） ============ */ .f-brand-top { margin-bottom: 18px; } .f-brand-card { display: inline-flex; align-items: center; gap: 0; background: var(--white); border-radius: 12px; padding: 10px 14px; box-shadow: 0 6px 18px rgba(0,0,0,.14); } .f-logo { flex: none; display: flex; align-items: center; justify-content: center; height: 72px; padding: 0 4px; } .f-logo img { height: 56px; width: auto; display: block; } .f-divider { width: 1px; height: 50px; background: #E3E6EC; margin: 0 12px; flex: none; } .f-qr { flex: none; width: 72px; text-align: center; } .f-qr img { width: 72px; height: 72px; border-radius: 6px; display: block; padding: 0; background: transparent; } .f-qr span { display: block; font-size: 11px; color: var(--muted); margin-top: 6px; } /* ============ 页脚（重设计） ============ */ .site-footer { background: var(--navy); color: rgba(255,255,255,.72); font-size: 14px; border-top: 3px solid var(--gold); } .footer-main { padding: 60px 0 44px; display: grid; grid-template-columns: 1.5fr .8fr .9fr 1.25fr; gap: 40px; } .site-footer h4 { color: var(--white); font-size: 16px; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .site-footer h4::after { content: ""; position: absolute; left: 0; bottom: 0; width: 28px; height: 2px; background: var(--gold); } .f-slogan { color: var(--gold-light); font-weight: 600; margin: 18px 0 10px; letter-spacing: 1px; } .f-brand p { font-size: 14px; color: rgba(255,255,255,.6); line-height: 1.8; text-align: justify; } .site-footer li { padding: 4px 0; } .site-footer a { transition: color .2s; } .site-footer a:hover { color: var(--gold-light); text-decoration: underline; text-underline-offset: 3px; } .f-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 20px; } .f-nav a, .f-sys a { display: inline-block; padding: 3px 0; } .f-sys a::before { content: "◆"; color: var(--gold); font-size: 10px; margin-right: 8px; vertical-align: 1px; } .f-contact-list .hot { color: var(--gold-light); font-weight: 700; font-size: 15px; letter-spacing: .5px; } .f-contact-list li { display: flex; gap: 10px; align-items: flex-start; padding: 6px 0; line-height: 1.6; } .f-contact-list a { color: inherit; text-decoration: none; } .f-contact-list a:hover { color: var(--gold-light); } .f-contact-list svg { flex: none; color: var(--gold); margin-top: 4px; } .contact-line .v a { color: inherit; text-decoration: none; } .contact-line .v a:hover { color: var(--gold); } .footer-bottom { border-top: 1px solid rgba(255,255,255,.12); padding: 20px 0; text-align: center; color: rgba(255,255,255,.5); font-size: 13px; } .footer-bottom a { color: rgba(255,255,255,.5); } .footer-bottom a:hover { color: var(--gold-light); } /* ============ 在线问答 ============ */ .qa-layout { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items: start; } .qa-list { display: grid; gap: 14px; } .qa-item { background: var(--white); border-radius: 12px; box-shadow: 0 4px 16px rgba(31,42,68,.06); overflow: hidden; border: 1px solid #EDEFF3; } .qa-item summary { list-style: none; cursor: pointer; padding: 20px 24px; font-weight: 600; color: var(--ink); font-size: 16px; display: flex; align-items: flex-start; gap: 14px; line-height: 1.6; } .qa-item summary::-webkit-details-marker { display: none; } .qa-item summary::after { content: "+"; margin-left: auto; color: var(--gold); font-size: 22px; font-weight: 700; transition: transform .2s; } .qa-item[open] summary::after { transform: rotate(45deg); } .qa-item summary:hover { color: var(--navy-2); } .qa-item .q { flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--navy); color: var(--gold-light); font-size: 13px; display: flex; align-items: center; justify-content: center; font-weight: 700; margin-top: 3px; } .qa-answer { padding: 0 24px 22px 64px; } .qa-answer .a { float: left; width: 26px; height: 26px; border-radius: 50%; background: var(--gold); color: var(--white); font-size: 13px; display: flex; align-items: center; justify-content: center; font-weight: 700; margin: 2px 12px 4px 0; } .qa-content { color: #4B5563; font-size: 15px; line-height: 1.8; } .qa-content p { margin-bottom: 10px; } /* 首页问答精选 */ .home-qa-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 8px; } .home-qa-item { background: var(--white); border-radius: var(--radius); padding: 22px 26px; box-shadow: 0 4px 16px rgba(31,42,68,.06); } .home-qa-item .q-t { display: flex; gap: 12px; align-items: flex-start; font-weight: 600; color: var(--navy); font-size: 15px; line-height: 1.6; } .home-qa-item .q-t .q { flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--navy); color: var(--gold-light); font-size: 12px; display: flex; align-items: center; justify-content: center; font-weight: 700; margin-top: 2px; } .home-qa-item .a-t { margin-top: 12px; padding-left: 36px; font-size: 14px; color: var(--muted); line-height: 1.7; } /* ============ 返回顶部 ============ */ .back-top { position: fixed; right: 28px; bottom: 104px; width: 46px; height: 46px; border-radius: 50%; background: var(--navy); color: var(--gold-light); display: flex; align-items: center; justify-content: center; font-size: 20px; box-shadow: var(--shadow); opacity: 0; pointer-events: none; transition: all .3s; z-index: 998; } .back-top.show { opacity: 1; pointer-events: auto; } .back-top:hover { background: var(--navy-2); } /* ============ 即时聊天窗口 ============ */ .chat-fab { position: fixed; right: 24px; bottom: 28px; z-index: 1000; display: flex; align-items: center; gap: 8px; padding: 12px 22px; border: none; border-radius: 999px; background: linear-gradient(120deg, var(--navy), var(--navy-2)); color: var(--gold-light); font-size: 15px; font-weight: 600; cursor: pointer; box-shadow: 0 8px 24px rgba(31,42,68,.35); transition: all .25s; font-family: inherit; } .chat-fab:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(31,42,68,.45); } .chat-fab.hide { display: none; } .chat-panel { position: fixed; right: 24px; bottom: 28px; z-index: 1001; width: 360px; max-width: calc(100vw - 32px); height: 520px; max-height: calc(100vh - 56px); background: var(--white); border-radius: 16px; box-shadow: 0 20px 60px rgba(31,42,68,.35); display: none; flex-direction: column; overflow: hidden; } .chat-panel.open { display: flex; } .chat-head { background: linear-gradient(120deg, var(--navy), var(--navy-2)); color: var(--white); padding: 16px 18px; display: flex; justify-content: space-between; align-items: center; } .chat-title { font-weight: 700; font-size: 16px; } .chat-sub { font-size: 12px; color: rgba(255,255,255,.65); margin-top: 3px; } .chat-close { background: rgba(255,255,255,.15); border: none; color: var(--white); width: 30px; height: 30px; border-radius: 50%; font-size: 18px; cursor: pointer; line-height: 1; } .chat-close:hover { background: rgba(255,255,255,.28); } .chat-msgs { flex: 1; overflow-y: auto; padding: 16px; background: var(--bg); display: flex; flex-direction: column; } .chat-m { display: flex; margin-bottom: 10px; } .chat-m.admin { justify-content: flex-start; } .chat-m.visitor { justify-content: flex-end; } .chat-m .bubble { max-width: 78%; padding: 9px 13px; border-radius: 12px; font-size: 14px; line-height: 1.6; white-space: pre-wrap; word-break: break-word; } .chat-m.admin .bubble { background: var(--white); border: 1px solid #E3E6EC; border-top-left-radius: 4px; } .chat-m.visitor .bubble { background: var(--navy-2); color: var(--white); border-top-right-radius: 4px; } .chat-form { border-top: 1px solid #E3E6EC; padding: 10px 12px 12px; background: var(--white); } .chat-fields { display: flex; gap: 8px; margin-bottom: 8px; } .chat-fields input { flex: 1; border: 1px solid #D9DDE5; border-radius: 8px; padding: 7px 10px; font-size: 13px; font-family: inherit; background: var(--bg); } .chat-fields input:focus { outline: none; border-color: var(--gold); background: var(--white); } .chat-inputrow { display: flex; gap: 8px; align-items: flex-end; } .chat-inputrow textarea { flex: 1; border: 1px solid #D9DDE5; border-radius: 10px; padding: 9px 11px; font-size: 14px; font-family: inherit; resize: none; background: var(--bg); } .chat-inputrow textarea:focus { outline: none; border-color: var(--gold); background: var(--white); } .chat-inputrow button { flex: none; border: none; background: var(--gold); color: var(--white); border-radius: 10px; padding: 9px 18px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit; } .chat-inputrow button:hover { background: #A8894E; } @media (max-width: 768px) { .chat-panel { right: 16px; bottom: 16px; } .chat-fab { right: 16px; bottom: 16px; } .back-top { right: 20px; bottom: 92px; } } /* ============ 列表页 ============ */ .arch-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .pager { margin-top: 40px; text-align: center; } .pager .page-numbers { display: inline-block; min-width: 40px; padding: 8px 12px; margin: 0 4px; border-radius: 8px; background: var(--white); border: 1px solid #E3E6EC; color: var(--ink); font-size: 14px; } .pager .page-numbers.current, .pager .page-numbers:hover { background: var(--navy-2); color: var(--white); border-color: var(--navy-2); } /* ============ 响应式 ============ */ @media (max-width: 1280px) { .contrib-grid--compact { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 1024px) { .sys-grid { grid-template-columns: repeat(3, 1fr); } .sys-arch { grid-template-columns: repeat(2, 1fr); } .arch-item { border-right: none; } .contrib-grid, .case-grid, .arch-grid { grid-template-columns: repeat(2, 1fr); } .contrib-grid--compact { grid-template-columns: repeat(3, 1fr); } .news-grid { grid-template-columns: repeat(2, 1fr); } .footer-main { grid-template-columns: 1fr 1fr; gap: 32px; } .qa-layout { grid-template-columns: 1fr; } .home-qa-grid { grid-template-columns: 1fr; } .about-wrap, .contact-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .topbar .tb-left { display: none; } .site-header .container { height: 68px; } .brand img { height: 44px; } .nav-toggle { display: block; } .header-qr { display: none; } .main-nav { display: none; position: absolute; top: 68px; left: 0; right: 0; background: var(--white); box-shadow: var(--shadow); } .main-nav.open { display: block; } .main-nav ul { flex-direction: column; padding: 12px 20px; } .main-nav > ul > li > a { flex-direction: row; align-items: baseline; justify-content: flex-start; gap: 8px; } .main-nav .nav-en { margin-top: 0; font-size: 11px; letter-spacing: .6px; } .main-nav .sub-menu { position: static; box-shadow: none; border-top: none; padding-left: 16px; } .hero h1 { font-size: 28px; } .hero .container { padding-top: 64px; padding-bottom: 72px; } .hero { background-image: linear-gradient(0deg, rgba(31,42,68,.78) 0%, rgba(31,42,68,.16) 52%), linear-gradient(180deg, rgba(31,42,68,.90) 0%, rgba(31,42,68,.80) 46%, rgba(31,42,68,.58) 100%), url("assets/clients-wall-v46-m.jpg"); background-size: cover, cover, cover; background-position: center, center, right center; } /* v46 移动端：专用小图 + 竖向遮罩 */ .hero-stats { gap: 28px; } .sys-grid, .contrib-grid, .case-grid, .arch-grid { grid-template-columns: 1fr; } .contrib-grid--compact { grid-template-columns: repeat(2, 1fr); } .news-grid { grid-template-columns: 1fr; } .sys-arch { grid-template-columns: 1fr; } .footer-main { grid-template-columns: 1fr; } .f-brand-card { padding: 8px 10px; border-radius: 10px; } .f-logo { height: 56px; padding: 0 4px; } .f-logo img { height: 44px; } .f-divider { height: 40px; margin: 0 8px; } .f-qr { width: 56px; } .f-qr img { width: 56px; height: 56px; } .f-qr span { font-size: 10px; } .form-grid { grid-template-columns: 1fr; } .cta-band .container { flex-direction: column; text-align: center; } } /* ---------- 产品板块卡片（系统详情页 / 板块详情页） ---------- */ .plate-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 32px; } .plate-card { position: relative; display: block; background: var(--white); border: 1px solid #ECEEF2; border-radius: 12px; padding: 26px 22px 22px; overflow: hidden; transition: all .28s; } .plate-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--gold); opacity: 0; transition: opacity .28s; } .plate-card:hover { transform: translateY(-6px); box-shadow: 0 12px 28px rgba(31,42,68,.10); border-color: rgba(184,155,94,.45); } .plate-card:hover::before { opacity: 1; } .plate-no { display: inline-block; font-size: 13px; font-weight: 700; color: var(--gold); letter-spacing: 1px; margin-bottom: 10px; } .plate-card h3 { font-size: 17px; color: var(--navy); font-weight: 700; margin: 0 0 10px; line-height: 1.5; transition: color .25s; } .plate-card:hover h3 { color: var(--gold); } .plate-card p { font-size: 13px; color: var(--muted); line-height: 1.75; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* 板块详情页 */ .module-lead { font-size: 16px; line-height: 1.9; color: var(--navy); background: #F7F9FC; border-left: 3px solid var(--gold); padding: 16px 20px; border-radius: 0 8px 8px 0; margin-bottom: 26px; text-align: justify; } .module-back { max-width: 900px; margin: 34px auto 0; text-align: center; } /* v24 栏目页：兄弟栏目 tab */ .sibling-tabs { background: var(--white); border-bottom: 1px solid #ECEEF2; display: flex; gap: 2px; overflow-x: auto; } .sibling-tabs .container { display: flex; gap: 2px; padding-left: 0; padding-right: 0; } .sibling-tabs a { padding: 14px 20px; font-size: 14px; color: var(--muted); text-decoration: none; border-bottom: 2px solid transparent; white-space: nowrap; transition: color .2s; flex: none; } .sibling-tabs a:hover { color: var(--navy); } .sibling-tabs a.on { color: var(--gold); border-bottom-color: var(--gold); font-weight: 600; } /* v24 栏目页：子栏目区块标题 */ .child-head { text-align: center; margin: 40px 0 26px; } .child-head .cap { color: var(--gold); font-size: 13px; letter-spacing: 4px; text-transform: uppercase; font-weight: 600; } .child-head h2 { font-size: 24px; color: var(--navy); margin-top: 6px; font-weight: 700; } .child-head .line { width: 46px; height: 3px; background: var(--gold); margin: 12px auto 0; border-radius: 2px; } @media (max-width: 1280px) { .plate-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1024px) { .plate-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .plate-grid { grid-template-columns: 1fr; } } /* ---- 德乐动态：正文图片组（2026-09-12 修复老站图片缺失） ---- */ .dele-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 24px 0 6px; } .dele-gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; margin: 0 !important; display: block; } .dele-hero-img { width: 100%; height: auto; border-radius: 10px; margin: 0 0 20px !important; display: block; } @media (max-width: 640px) { .dele-gallery { grid-template-columns: 1fr; } } /* ================= v41：页头站内搜索框 + 搜索结果页 ================= */ .header-search { position: relative; display: flex; align-items: center; margin-left: 18px; flex: none; } .header-search .hs-form { display: flex; align-items: center; position: relative; width: 190px; } .header-search .hs-input { width: 100%; height: 38px; padding: 0 38px 0 15px; border: 1px solid #E3E7EE; border-radius: 999px; background: #F7F8FA; font-size: 14px; color: var(--ink); font-family: inherit; transition: all .22s; } .header-search .hs-input::placeholder { color: #9AA1AC; } .header-search .hs-input:focus { outline: none; border-color: var(--gold); background: var(--white); box-shadow: 0 0 0 3px rgba(184,155,94,.16); } .header-search .hs-btn { position: absolute; right: 3px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: transparent; color: var(--muted); cursor: pointer; transition: all .2s; } .header-search .hs-btn:hover { background: var(--navy); color: var(--white); } .header-search .hs-toggle { display: none; width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid #E3E7EE; border-radius: 50%; background: var(--white); color: var(--ink); cursor: pointer; transition: all .2s; } .header-search .hs-toggle:hover { border-color: var(--gold); color: var(--gold); } .search-meta { color: var(--muted); font-size: 15px; margin: 0 0 22px; } .search-meta b { color: var(--navy); font-weight: 700; } .search-empty { text-align: center; padding: 34px 0 10px; } .search-empty .search-tips { color: var(--muted); font-size: 14px; margin: 10px 0 22px; } @media (max-width: 768px) { .header-search { position: static; margin-left: 8px; } .header-search .hs-toggle { display: flex; } .header-search .hs-form { display: none; position: absolute; top: 100%; left: 0; right: 0; width: auto; padding: 10px 16px; background: var(--white); border-top: 1px solid #ECEEF2; box-shadow: 0 12px 24px rgba(31,42,68,.10); z-index: 998; } .header-search.open .hs-form { display: flex; } .header-search .hs-input { height: 42px; } } /* ============ v43 德乐动态置顶角标 ============ */ .news-pin-flag { position: absolute; top: 10px; left: 10px; z-index: 2; background: var(--gold); color: var(--navy); font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: .5px; padding: 5px 9px; border-radius: 4px; box-shadow: 0 2px 6px rgba(31,42,68,.25); } /* ============================================================ v70 · 产品页问句化改造：配色与层级 颜色全部取自本站既有设计令牌，不引入新色： --navy #1F2A44 主色 · --gold #B89B5E 强调 · --bg #F5F6F8 背景 --ink #22262E 正文 · --muted #6B7280 辅助 ============================================================ */ /* H2 问句：页面级，主色 + 金色下划线 */ .page-content .entry h2, .entry h2{ color: var(--navy); border-bottom: 2px solid var(--gold); padding-bottom: 9px; margin: 22px 0 12px; } /* 原标题的 slogan：弱化为辅助色小字 */ .page-content .entry .wp-block-slogan, .entry .wp-block-slogan{ display: block; font-size: 12.5px; font-weight: 400; color: var(--muted); letter-spacing: .3px; margin-top: 4px; padding: 0; border: 0; } /* H3 问句：章节级，主色 + 金色左边框 */ .page-content .entry h3, .entry h3{ color: var(--navy); border-left: 4px solid var(--gold); padding-left: 11px; margin: 22px 0 10px; } /* 「直接回答」段：内容级，浅灰底 + 金色左边框 */ .page-content .entry p.qa-direct, .entry p.qa-direct{ background: var(--bg); border-left: 3px solid var(--gold); padding: 14px 17px; margin: 10px 0 20px; border-radius: 0 6px 6px 0; font-size: 15px; line-height: 1.95; color: var(--ink); } /* 标签「直接回答」：主色小字 + 字间距，独立成行 */ .page-content .entry p.qa-direct > b:first-child, .entry p.qa-direct > b:first-child{ display: block; color: var(--navy); font-size: 12.5px; font-weight: 600; letter-spacing: 1.2px; margin-bottom: 6px; } /* 依据出处：最弱的辅助色 */ .page-content .entry p.qa-direct .src, .entry p.qa-direct .src{ color: var(--muted); font-size: 13px; } @media (max-width:768px){ .page-content .entry p.qa-direct, .entry p.qa-direct{ padding: 12px 14px; font-size: 14.5px; line-height: 1.85; } .page-content .entry h3, .entry h3{ padding-left: 9px; font-size: 15px; } } /* ========================================================== v110 · P0/P1/P2 改造追加（后定义覆盖前定义，不改原规则） ========================================================== */ /* P0-1 补 width/height 后防止被拉伸变形 */ img { height: auto; } /* P0-4 首页 H1 拆分后的副标题（原挤在 H1 里） */ .hero-sub { margin: 14px 0 0; font-size: 20px; line-height: 1.65; font-weight: 400; color: rgba(255,255,255,.92); letter-spacing: .01em; } @media (max-width: 768px) { .hero-sub { font-size: 16px; margin-top: 10px; } } /* P0-5 页脚栏目标题（原 h4 → div，补回视觉） */ .f-col-title { font-size: 15px; font-weight: 700; color: #fff; margin: 0 0 14px; letter-spacing: .02em; } .f-col .f-col-title::after { content: ""; display: block; width: 26px; height: 2px; background: #C8A45C; margin-top: 8px; } /* P1-8 语义化后的元信息行 */ .post-meta { color: var(--muted, #6B7280); font-size: 13px; margin: 16px 0 0; line-height: 1.8; } .entry > .post-meta { border-top: 1px dashed #E3E8EF; padding-top: 12px; } /* P2-19 内容页中段 / 文末 CTA */ .cta-inline { margin: 28px 0 8px; } .cta-inline .cta-in { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; background: linear-gradient(180deg, #FBF9F4 0%, #F5F1E7 100%); border: 1px solid #E5DAC0; border-left: 4px solid var(--gold, #B89B5E); border-radius: 10px; padding: 18px 20px; } .cta-inline .cta-t { flex: 1 1 320px; } .cta-inline .cta-t strong { display: block; font-size: 16px; color: var(--navy, #1F2A44); margin-bottom: 5px; } .cta-inline .cta-t span { display: block; font-size: 14px; color: #5A6473; line-height: 1.8; } .cta-inline .cta-a { display: flex; gap: 10px; flex: none; } @media (max-width: 640px) { .cta-inline .cta-in { padding: 16px; gap: 14px; } .cta-inline .cta-a { width: 100%; } .cta-inline .cta-a .btn { flex: 1; justify-content: center; min-height: 40px; } } /* ========================================================== v110-b · P2-20 移动端可读性修正（实测定位） 小字号：<12px → 12px （.nav-en / 扫码关注） 点击区：<24px → ≥24px （topbar 电话链接 / 汉堡按钮） ========================================================== */ @media (max-width: 768px) { .nav-en { font-size: 12px; } .header-qr span { font-size: 12px; } .topbar .tb-right a, .topbar .tb-left a { display: inline-flex; align-items: center; min-height: 24px; } .nav-toggle { min-width: 34px; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; } } /* ========================================================== v130 · P1-10 可核验证据条（正文可见文本，非标记） 与 CTA 条区分：CTA = 米色 + 金色左边框（行动）；证据条 = 冷灰 + 深蓝左边框（事实） ========================================================== */ .ev-bar { margin: 30px 0 0; background: #F7F8FA; border: 1px solid #E3E8EF; border-left: 4px solid var(--navy, #1F2A44); border-radius: 10px; padding: 18px 20px; } .ev-bar .ev-h { margin: 0 0 9px; font-size: 12.5px; font-weight: 700; letter-spacing: .12em; color: var(--navy, #1F2A44); } .ev-bar .ev-p { margin: 0; font-size: 14px; line-height: 1.95; color: #4A5361; } .ev-bar .ev-p strong { color: var(--navy, #1F2A44); font-weight: 700; } .ev-bar .ev-p a { color: var(--gold, #B89B5E); text-decoration: underline; text-underline-offset: 3px; } .ev-bar .ev-note { margin: 10px 0 0; padding-top: 10px; border-top: 1px dashed #DDE3EB; font-size: 12.5px; line-height: 1.85; color: var(--muted, #6B7280); } @media (max-width: 640px) { .ev-bar { margin-top: 24px; padding: 16px; } .ev-bar .ev-p { font-size: 13.5px; line-height: 1.9; } } /* v130 · 内容页证据段（写在正文里，供 AI 整段引用） */ .evidence-para { margin: 26px 0 4px; padding: 16px 18px; background: var(--bg, #F5F6F8); border-left: 3px solid var(--gold, #B89B5E); border-radius: 0 8px 8px 0; font-size: 14px; line-height: 1.95; color: #4A5361; } .evidence-para strong { color: var(--navy, #1F2A44); font-weight: 700; } @media (max-width: 640px) { .evidence-para { font-size: 13.5px; padding: 14px 15px; } } /* v130 · CTA 单按钮（去掉「在线留言」后）在窄屏占满一行 */ @media (max-width: 640px) { .cta-inline .cta-a { width: 100%; } .cta-inline .cta-a .btn { flex: 1 1 100%; justify-content: center; min-height: 42px; } } /* v130b · 独立 section 中的证据条（联系我们 / 加入我们） */ .ev-section { padding: 4px 0 48px; } .ev-section .ev-bar { margin-top: 0; } @media (max-width: 640px) { .ev-section { padding-bottom: 34px; } } /* ============ v131：CTA 次级按钮（浅色卡片内可用） ============ */ .cta-inline .cta-a .btn[type="button"] { display: inline-flex; align-items: center; justify-content: center; font-family: inherit; font-size: 16px; line-height: 1.2; cursor: pointer; background: transparent; -webkit-appearance: none; appearance: none; } /* ============ v131b：CTA 双按钮在窄屏换行（修复文字竖排挤成圆形） ============ */ .cta-inline .cta-a { flex-wrap: wrap; } .cta-inline .cta-a .btn { white-space: nowrap; } @media (max-width: 768px) { .cta-inline .cta-a { width: 100%; } .cta-inline .cta-a .btn { flex: 1 1 100%; width: 100%; } } /* ============ v131：GEO 问句化答案块（公司产品页） ============ */ .qa-lead { padding: 40px 0 0; } .qa-lead h2 { font-size: 24px; color: var(--navy); font-weight: 700; margin-bottom: 12px; } .qa-lead .qa-direct { font-size: 15px; line-height: 1.85; color: var(--muted); } .qa-lead .qa-direct b { color: var(--gold); font-weight: 700; } /* v131 P2-14 新闻稿三段式 */ .dele-news-lead{font-size:16px;color:#34426B;font-weight:600;line-height:1.8;margin:0 0 18px} .dele-news-sec{font-size:19px;color:#1F2A44;border-left:4px solid #B89B5E;padding-left:10px;margin:26px 0 12px;font-weight:700} /* ========================================================== v132 · 日期元信息降级 + 问句化区块卡片化（后定义覆盖前定义） ========================================================== */ /* 1) 系统页引言卡下方的「最近更新」：原被 .sys-lead p 的 17px 居中大字命中， 现降为低调 meta 行（HTML 侧已移出 .sys-lead 卡片） */ .sys-lead + .post-meta { text-align: center; font-size: 12.5px; line-height: 1.8; color: var(--muted); margin: 14px 0 0; letter-spacing: .02em; } .sys-lead + .post-meta time { font-variant-numeric: tabular-nums; } /* 2) 普通内容页末尾日期同步降一级（保留原虚线分隔） */ .entry > .post-meta { font-size: 12.5px; } /* 3) 问句化区块卡片化：补齐无 .entry 祖先的场景（公司产品页等）， 原 .qa-direct 容器样式选择器要求 .entry，导致该页完全没生效 */ .qa-lead { padding: 36px 0 30px; } .qa-lead h2 { font-size: 23px; line-height: 1.5; margin: 0 0 14px; } .qa-lead p.qa-direct { background: var(--bg); border-left: 3px solid var(--gold); border-radius: 0 8px 8px 0; padding: 18px 22px; margin: 0; font-size: 15px; line-height: 1.95; color: var(--ink); } /* 4) 「直接回答」统一为浅金徽章：覆盖 47 个内容页 + 公司产品页两种写法， 与站内 CTA 卡同色系（#FBF8F1 底 / #E5DAC0 边 / 深金字） */ .page-content .entry p.qa-direct > b:first-child, .entry p.qa-direct > b:first-child, .qa-lead p.qa-direct > b:first-child { display: inline-block; background: #FBF8F1; color: #8C7440; border: 1px solid #E5DAC0; font-size: 12px; font-weight: 500; letter-spacing: .06em; padding: 2px 9px; border-radius: 5px; margin: 0 10px 0 0; vertical-align: 2px; } .qa-direct strong { color: var(--navy); font-weight: 700; } @media (max-width:768px){ .qa-lead { padding: 28px 0 24px; } .qa-lead h2 { font-size: 20px; } .qa-lead p.qa-direct { padding: 15px 16px; font-size: 14.5px; line-height: 1.9; } .page-content .entry p.qa-direct > b:first-child, .entry p.qa-direct > b:first-child, .qa-lead p.qa-direct > b:first-child { margin-right: 8px; } } /* v133 P0-5：CTA 带多按钮排布 */ .cta-band .cta-btns { display: flex; gap: 14px; flex-wrap: wrap; } /* v133 P0-6：首屏客户带 */ .hero-clients { margin-top: 40px; padding-top: 24px; border-top: 1px solid rgba(214,194,149,.30); display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; } .hero-clients .hc-label { flex: none; color: var(--gold-light); font-size: 12.5px; letter-spacing: 2px; border: 1px solid rgba(214,194,149,.50); border-radius: 999px; padding: 4px 14px; } .hero-clients .hc-list { flex: 1 1 340px; color: rgba(255,255,255,.78); font-size: 13.5px; line-height: 2; } .hero-clients .hc-more { flex: none; color: var(--gold-light); font-size: 13.5px; white-space: nowrap; } .hero-clients .hc-more:hover { text-decoration: underline; } @media (max-width: 768px) { .hero-clients { margin-top: 28px; padding-top: 18px; gap: 12px; } .hero-clients .hc-list { font-size: 13px; line-height: 1.95; } } /* ============ v47 主导航紧凑化：9 项双语导航防折行（2026-10-16） ============ */ /* 背景：新增服务/行业两项后导航超宽，中文标签被迫折行（如「管理知/识」）。 策略：短标签 meta（_dele_nav_cn：服务方式/行业方案）+ 压缩间距 + nowrap + 分档响应式。 注意：响应式分档均加 min-width:769px 守卫，避免覆盖 768px 移动端既有规则。 */ .main-nav ul { gap: 2px; } /* 原 8px */ .main-nav a { padding: 10px 11px; } /* 原 10px 16px */ .main-nav > ul > li > a::after { left: 11px; right: 11px; } /* 金线与新 padding 对齐 */ .main-nav .nav-cn { white-space: nowrap; } /* 中文标签禁止折行 */ @media (min-width: 769px) and (max-width: 1200px) { .main-nav ul { gap: 0; } .main-nav a { padding: 10px 8px; } .main-nav .nav-cn { font-size: 15px; } } @media (min-width: 769px) and (max-width: 1100px) { .main-nav a { padding: 10px 6px; } .main-nav .nav-cn { font-size: 14px; } .header-search .hs-form { width: 150px; } /* 原 190px，给导航让位 */ } @media (min-width: 769px) and (max-width: 980px) { .header-qr { display: none; } /* 窄桌面隐藏二维码，保导航完整 */ .header-search .hs-toggle { display: flex; } .header-search .hs-form { display: none; } .header-search.open .hs-form { display: flex; position: absolute; top: 100%; right: 0; left: auto; width: 250px; background: var(--white); border: 1px solid #ECEEF2; border-radius: 12px; box-shadow: 0 12px 32px rgba(31,42,68,.18); padding: 10px; z-index: 998; } } @media (min-width: 769px) and (max-width: 860px) { .main-nav a { padding: 10px 4px; } .main-nav .nav-cn { font-size: 13px; } } /* ============ v48 客户带重设计 + 客户页品牌网格（2026-10-16） ============ */ /* 1) 首屏客户带：原「label + 一长串 + 链接」单行 flex 改为 「label + 链接」头部行 + 胶囊名单行；第一个客户金色描边高亮（后台第一行即置顶项） */ .hero-clients { margin-top: 36px; padding-top: 20px; border-top: 1px solid rgba(214,194,149,.30); } .hero-clients .hc-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 13px; } .hero-clients .hc-label { flex: none; color: var(--gold-light); font-size: 12.5px; letter-spacing: 2px; border: 1px solid rgba(214,194,149,.50); border-radius: 999px; padding: 4px 14px; } .hero-clients .hc-more { flex: none; color: var(--gold-light); font-size: 13px; white-space: nowrap; } .hero-clients .hc-more:hover { text-decoration: underline; } .hero-clients .hc-list { display: flex; flex-wrap: wrap; gap: 9px 10px; align-items: center; } .hero-clients .hc-item { color: rgba(255,255,255,.82); font-size: 13.5px; line-height: 1.5; padding: 4px 13px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); white-space: nowrap; } .hero-clients .hc-item em { font-style: normal; color: rgba(255,255,255,.50); font-size: 12px; margin-left: 6px; } .hero-clients .hc-item.hc-first { color: #FFFFFF; border-color: rgba(214,194,149,.65); background: rgba(184,155,94,.16); } .hero-clients .hc-item.hc-first em { color: var(--gold-light); } .hero-clients .hc-tail { color: rgba(255,255,255,.55); font-size: 12.5px; white-space: nowrap; } @media (max-width: 768px) { .hero-clients { margin-top: 28px; padding-top: 16px; } .hero-clients .hc-item { font-size: 13px; padding: 4px 11px; } } /* 2) 客户页「更多合作品牌」：胶囊标签流式布局（自动换行、无列数限制，消除空缺/留白/高低不齐） */ .brand-grid { display: flex; flex-wrap: wrap; gap: 10px 12px; list-style: none; margin: 22px 0 0; padding: 0; } .brand-grid li { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; background: #F7F9FB; border: 1px solid #E8EDF3; border-radius: 999px; font-size: 15px; color: #1F2A44; line-height: 1.4; white-space: nowrap; transition: border-color .2s, background .2s, transform .15s; } .brand-grid li::before { content: ""; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); } .brand-grid li:hover { border-color: rgba(184,155,94,.55); background: #FDFAF3; transform: translateY(-1px); } @media (max-width: 600px) { .brand-grid { gap: 8px 10px; } .brand-grid li { font-size: 14px; padding: 8px 14px; } } /* ============ v49 客户带「部分客户」标签可点击 + hover 反馈（2026-10-16） ============ */ .hero-clients a.hc-label { display: inline-block; text-decoration: none; transition: background .2s, border-color .2s, color .2s; } .hero-clients a.hc-label:hover { background: rgba(184,155,94,.20); border-color: rgba(214,194,149,.85); color: #FFFFFF; } /* ============ v50 客户带点击修复 + CTA 按钮配色（2026-10-16） ============ */ /* 1) 修复首页客户带链接无法点击：客户带在 .container 外、无 z-index 保护， 被 .hero::after 装饰圆（340px 圆形，left:-80/bottom:-160）覆盖，点击落到 SECTION.hero。 双保险：装饰圆禁用指针事件 + 客户带升到 z-index:2（与 .container 同层）。 */ .hero::before, .hero::after { pointer-events: none; } .hero-clients { position: relative; z-index: 2; } /* 2) 修复 CTA 带次按钮糊成一团：