/* 沧海IP：海青、深海蓝与编号导航。沿用既有页面框架。 */
:root{--brand:#0B6574;--brand-deep:#163B52;--brand-accent:#168B87;--ink:#203E49;--muted:#536970;--surface:#F0F8F8;--tint:#E2F1F1;--border:#C9DEDF;--focus:#076B82}
body{color:var(--ink)}
a{color:var(--brand)}
a:focus-visible,button:focus-visible,input:focus-visible,.zoomable:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.sticky-header{box-shadow:0 1px 0 var(--border),0 3px 12px #123b4b08}
.nav-menu li.active a,.nav-menu li a:hover{color:var(--brand)}
.nav-menu li.active::after{content:'';position:absolute;bottom:2px;left:15px;right:15px;height:2px;background:var(--brand-accent)}
.btn-login{color:var(--brand-deep);border-color:var(--border)}
.btn-register{background:var(--brand);border-color:var(--brand)}
.btn-register:hover,.ip-btn:hover{background:var(--brand-deep)}
.hero-section,.bangzhu-header{background:linear-gradient(135deg,#123B4B 0%,#126A73 100%)}
.hero-title{color:#fff;letter-spacing:.01em;text-wrap:balance}
.hero-title>span{display:inline-block;white-space:nowrap}
.hero-subtitle{opacity:1;color:#E2F0F1;line-height:1.7}
.feature-item{border:1px solid #ffffff21;background:#ffffff0e;border-radius:8px;box-shadow:none}
.feature-item:hover{transform:translateY(-2px);box-shadow:none;background:#ffffff16}
.feature-item>.ui-icon{color:#AAE8E7}
.hero-zone{display:block;color:#BAEAE8;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:4px}
.cta-button{border-radius:8px}
.cta-button.primary{background:#fff;color:var(--brand);border:2px solid #fff}
.cta-button.primary:hover{background:var(--tint);color:var(--brand-deep)}
.cta-button.secondary{border-color:#A2D0D2;color:#fff}
.hero-image:hover img{transform:none}
.ip-product-intro{background:var(--surface);content-visibility:visible;contain-intrinsic-size:none}
.ip-section-title,.ip-pricing .ip-section-title,.ip-feature-card h3,.ip-spec-card h3,.contact-dialog-header h2{color:var(--brand-deep)}
.ip-section-subtitle,.ip-pricing .ip-section-subtitle,.ip-feature-card p,.ip-desc,.ip-feature-list li,.ip-spec-card ul{color:var(--muted)}
.ip-overview-content .ip-section-title,.ip-overview-content .ip-section-subtitle{text-align:left}
.ip-overview-content .ip-section-subtitle{margin-left:0}
.ip-highlight-item,.ip-feature-icon{background:var(--tint);color:var(--brand)}
.ip-highlight-item .ui-icon,.ip-feature-list li:before,.ip-spec-card ul li:before{color:var(--brand)}
.ip-feature-card,.ip-spec-card{border:1px solid var(--border);border-radius:8px;box-shadow:0 5px 18px #123b4b05}
.ip-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #123b4b0b}
.ip-spec-card{border-top:3px solid var(--brand-accent)}
.ip-pricing{background:linear-gradient(180deg,var(--surface),#fff 48%,var(--surface));color:var(--ink)}
.ip-kicker,.ip-zone-tag{border-color:var(--border);background:var(--tint);color:var(--brand)}
.ip-summary-bar span,.ip-category-tabs{border-color:var(--border);box-shadow:none;color:var(--ink)}
.ip-category-tab{color:var(--muted)}
.ip-category-tab:hover{background:var(--surface);color:var(--brand)}
.ip-category-tab.is-active{background:var(--brand);box-shadow:0 4px 12px #0b657418}
.ip-category-tab em{background:var(--surface);color:var(--muted)}
.ip-pricing-card{border-color:var(--border);box-shadow:0 6px 20px #123b4b08}
.ip-pricing-card:hover{border-color:var(--brand-accent);box-shadow:0 10px 25px #123b4b12;transform:translateY(-2px)}
.ip-pricing-card.ip-highlight{border-color:var(--brand)}
.ip-pricing-card.ip-highlight::before,.ip-custom-card::before{background:var(--brand-accent)}
.ip-card-title{color:var(--brand-deep)}
.ip-card-badge{background:var(--brand);color:#fff}
.ip-card-badge-soft,.ip-card-badge-green,.ip-card-badge-gold{background:var(--tint);color:var(--brand)}
.ip-card-subtitle,.ip-price-row strong{color:var(--brand)}
.ip-card-meta,.ip-price-row span{color:var(--muted)}
.ip-price-row{background:var(--surface);border-color:#D9E8E8}
.ip-price-row del{color:#66767D}
.ip-price-disabled{background:#fff}
.ip-price-disabled strong{color:#66767D}
.ip-btn{background:var(--brand)}
.section-eyebrow{margin:0 0 12px;color:var(--brand);font-size:13px;font-weight:700;letter-spacing:2px}
.overview-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:25px}
.overview-links a,.selection-guide a,.price-faq a{font-weight:600;text-underline-offset:4px}
.selection-guide{margin:44px 0 36px;padding:30px;background:#fff;border:1px solid var(--border);border-radius:8px;text-align:left}
.selection-guide h2,.price-faq h2{font-size:24px;line-height:1.45;color:var(--brand-deep);margin:0 0 12px}
.selection-guide>p,.price-faq>p{color:var(--muted);line-height:1.8}
.zone-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}
.zone-guide-grid section{border-left:2px solid var(--brand-accent);padding-left:16px}
.zone-guide-grid h3{font-size:17px;color:var(--brand-deep);margin:8px 0}
.zone-guide-grid p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.guide-zones{font-size:12px;letter-spacing:.06em;font-weight:700;color:var(--brand)}
.cycle-note{border-top:1px solid var(--border);padding-top:18px;font-size:14px}
.zone-lookup{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7;margin:24px 0;table-layout:fixed}
.zone-lookup caption{text-align:left;color:var(--brand-deep);font-weight:600;margin-bottom:12px}
.zone-lookup th,.zone-lookup td{text-align:left;padding:12px;border-bottom:1px solid var(--border);overflow-wrap:anywhere;vertical-align:top}
.zone-lookup thead th{background:var(--surface);font-weight:600;color:var(--brand-deep)}
.zone-lookup th:first-child{width:12%}
.zone-lookup td{color:var(--muted)}
.ip-pricing-card[id]{scroll-margin-top:110px}
.price-faq{padding:10px 0 50px;margin-top:40px}
.price-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.price-question{border-top:1px solid var(--border);padding:22px 0}
.price-question h3{font-size:17px;color:var(--brand-deep);line-height:1.6;margin:0 0 8px}
.price-question p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}
.help-category.active,.bangzhu-title,.bangzhu-more,.bangzhu-breadcrumb a,.bangzhu-breadcrumb{color:var(--brand)}
.help-category.active::after{background:var(--brand)}
.bangzhu-search-button{background:var(--brand);border-color:var(--brand);color:#fff}
.bangzhu-search-button:hover{background:var(--brand-deep)}
.bangzhu-item{border-color:var(--border);box-shadow:0 4px 14px #123b4b06}
.bangzhu-item:hover{box-shadow:0 8px 22px #123b4b10}
.bangzhu-desc,.bangzhu-meta{color:var(--muted)}
.bangzhu-pagination-list strong{background:var(--brand);color:#fff;border-color:var(--brand)}
.neirong-title,.neirong-body h2,.neirong-body h3{color:var(--brand-deep)}
.neirong-body,.neirong-meta,.neirong-breadcrumb{color:var(--muted)}
.neirong-body a,.neirong-navigation>a,.neirong-breadcrumb a,.news-more a{color:var(--brand)}
.article-register{background:var(--brand)}
.neirong-body code{background:var(--surface);color:var(--brand-deep)}
.article-callout{margin:24px 0;padding:20px 24px;background:var(--surface);border-left:3px solid var(--brand-accent);border-radius:0 6px 6px 0}
.article-callout h2{margin-top:0;font-size:21px}
.article-toc{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 0;font-size:14px}
.neirong-body [id]{scroll-margin-top:110px}
.ip-footer{background:#163B46;content-visibility:visible;contain-intrinsic-size:none}
.ip-footer-title::after{background:#72BFBD}
.ip-footer .ip-product-features span,.ip-footer .ip-disclaimer-text,.ip-footer .ip-legal-info,.ip-footer .ip-legal-info a{color:#BED1D4}
.ip-footer .ip-nav-menu a,.ip-footer .ip-link-item,.ip-footer .ip-product-desc,.ip-footer .ip-contact-list,.ip-footer a{color:#D8E6E7}
.ip-footer a:hover{color:#fff}
.contact-dialog-body .contact-account{color:var(--brand-deep)}
.contact-dialog-body a{color:var(--brand)}
.contact-dialog-body .contact-action{background:var(--brand);color:#fff}
.contact-dialog-body .contact-action:hover{background:var(--brand-deep)}
.neirong-body figcaption{color:var(--muted)}
.contact-rail button:focus-visible,.contact-action:focus-visible,.dialog-close:focus-visible{outline-color:var(--focus)}
.site-map-page{padding:35px 0 80px;background:var(--surface)}
.page-breadcrumb{font-size:14px;color:var(--muted);margin:0 0 35px}
.page-breadcrumb a{color:var(--brand)}
.map-heading{max-width:700px;margin:0 0 45px}
.map-heading h1{font-size:32px;line-height:1.4;color:var(--brand-deep);margin:0 0 15px}
.map-heading>p:last-child{color:var(--muted);line-height:1.8}
.map-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.map-groups section{background:#fff;border:1px solid var(--border);border-top:3px solid var(--brand-accent);border-radius:8px;padding:28px}
.map-number{font-size:13px;font-weight:700;color:var(--brand);letter-spacing:2px}
.map-groups h2{font-size:22px;color:var(--brand-deep);margin:12px 0 20px}
.map-groups a{display:block;margin:12px 0;font-weight:600;line-height:1.8;text-underline-offset:4px}
.map-groups p{font-size:14px;color:var(--muted);line-height:1.8}
@media(max-width:992px){.zone-guide-grid{grid-template-columns:1fr;gap:20px}.map-groups{grid-template-columns:1fr}.ip-overview-content .ip-section-title,.ip-overview-content .ip-section-subtitle{text-align:center}.ip-overview-content .ip-section-subtitle{margin-left:auto}}
@media(max-width:576px){.hero-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-item{padding:16px 12px;gap:8px;align-items:flex-start;flex-direction:column;text-align:left}.feature-item p{font-size:13px;line-height:1.7}.feature-item>.ui-icon{width:19px;height:19px;flex:0 0 19px}.hero-zone{font-size:11px;letter-spacing:0}.hero-cta{gap:12px}.cta-button{padding:11px 18px;font-size:14px}.selection-guide{padding:22px 20px;margin-top:32px}.selection-guide h2,.price-faq h2{font-size:22px}.price-faq-grid{grid-template-columns:1fr}.price-question{padding:20px 0}.article-callout{padding:18px}.map-heading h1{font-size:26px}.map-groups section{padding:24px}.site-map-page{padding-bottom:50px}.nav-menu li.active::after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-image:hover img,.feature-item:hover,.ip-feature-card:hover,.ip-pricing-card:hover{transform:none}}
@media(max-width:576px){.contact-rail{display:none}.zone-lookup th,.zone-lookup td{padding:10px 6px;font-size:13px}.neirong-body figcaption{color:var(--muted)}}

/* 首页简短问答：静态展示，沿用海青主题。 */
#home-faq{padding:64px 0 0;background:#fff;border-top:1px solid var(--border);scroll-margin-top:100px}
#home-faq .home-faq-list{max-width:960px;margin:0 auto}
#home-faq .home-faq-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:24px 0;border-top:1px solid var(--border)}
#home-faq .home-faq-number{color:var(--brand);font-size:13px;font-weight:700;line-height:29px;letter-spacing:1px}
#home-faq h3{margin:0 0 8px;font-size:19px;line-height:1.55;color:var(--brand-deep)}
#home-faq .home-faq-item p{margin:0;font-size:15px;line-height:1.85;color:var(--muted)}
#home-faq a{color:var(--brand);text-underline-offset:4px}
@media(max-width:576px){#home-faq{padding-top:45px}#home-faq .home-faq-item{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:20px 0}#home-faq h3{font-size:17px}#home-faq .ip-section-subtitle{margin-bottom:30px}}