/* TempNumber 独立视觉：奶白背景、森林绿文字、薄荷色操作，以居中工具页替代深色营销首屏。 */
:root {
    --public-primary: #176d52;
    --public-primary-dark: #163c2d;
    --public-primary-soft: #e7f0e7;
    --public-accent: #176d52;
    --public-accent-dark: #12543e;
    --public-accent-soft: #e7f0e7;
    --public-bg: #f8f8f1;
    --public-surface: #fff;
    --public-text: #243e32;
    --public-muted: #69796d;
    --public-border: #dce4d9;
    --public-shadow: 0 12px 32px rgba(24,60,42,.055);
    --public-hero-gradient: none;
    --public-radius: 18px;
    --public-radius-lg: 24px;
}
html[data-bs-theme="dark"] {
    --public-bg: #101c16;
    --public-surface: #192a20;
    --public-text: #e2eddf;
    --public-muted: #a6bba8;
    --public-border: #344839;
    --public-primary: #9dd4af;
    --public-primary-dark: #e2f1df;
    --public-primary-soft: #294332;
    --public-accent: #9dd4af;
    --public-accent-dark: #b9e9c7;
    --public-accent-soft: #294332;
}
/* 白色紧凑导航、独立字标和圆角账户按钮，与原来的深蓝贯通式导航区分。 */
body.public-site .public-navbar {
    min-height: 84px; padding: 10px 22px; background: var(--public-surface);
    border-bottom: 1px solid var(--public-border);
}
body.public-site .public-navbar > .container { max-width: 1360px; }
body.public-site .public-navbar .navbar-brand { display:inline-flex; align-items:center; gap:0; color:var(--public-primary-dark) !important; font-size:1.45rem; letter-spacing:-.055em; }
body.public-site .public-navbar .navbar-brand::before { content:'T'; display:grid; place-items:center; width:38px; height:38px; margin-right:10px; border-radius:12px; background:#176d52; color:#fff; font-size:1.5rem; letter-spacing:0; }
body.public-site .brand-accent { color:var(--public-primary); }
body.public-site .public-navbar .nav-link { color:var(--public-text) !important; font-weight:600; padding-inline:13px !important; border-radius:999px; }
body.public-site .public-navbar .nav-link:hover,
body.public-site .public-navbar .nav-link:focus,
body.public-site .public-navbar .nav-link.active,
body.public-site .public-navbar .show > .nav-link { color:var(--public-primary-dark) !important; background:var(--public-accent-soft); }
body.public-site .public-navbar .nav-sign-in { padding-inline:22px !important; color:#fff !important; background:#176d52; border:1px solid #176d52; }
body.public-site .public-navbar .nav-sign-in:hover { background:#12543e; color:#fff !important; }
body.public-site .public-navbar .theme-selector-icon { filter:none; opacity:.8; }
body.public-site .public-navbar .navbar-toggler { border-color:var(--public-border); border-radius:12px; }
body.public-site .public-navbar .navbar-toggler-icon { filter:brightness(0); }
body.public-site .public-navbar .nav-avatar { border-left-color:var(--public-border); }
/* 去掉轨道动效，所有设备共用居中的标题、说明、操作和独立数据胶囊。 */
body.public-site .banner.home-hero,
body.public-site .banner.section-hero { background:var(--public-bg); color:var(--public-text); border-bottom:0; }
body.public-site .banner.home-hero { padding:68px 0 40px; }
body.public-site .home-hero-layout,
body.public-site .country-page-public .home-hero-layout,
body.public-site .mail-hero-layout { display:block; }
body.public-site .home-hero-copy { max-width:980px; margin-inline:auto; text-align:center; }
body.public-site .home-hero-visual { display:none; }
body.public-site .home-hero-kicker { display:inline-flex; align-items:center; gap:8px; margin:0 0 22px; padding:7px 13px; color:var(--public-primary); background:var(--public-primary-soft); border-radius:999px; font-size:.72rem; letter-spacing:.12em; }
body.public-site .home-hero-kicker::before { content:''; width:7px; height:7px; border-radius:50%; background:currentColor; }
body.public-site .banner.home-hero h1 { max-width:980px; margin:0 auto; color:var(--public-primary-dark); font-size:clamp(2.4rem,4.6vw,4.4rem); line-height:1.08; letter-spacing:-.045em; font-weight:750; text-align:center !important; }
body.public-site .home-hero-description { max-width:790px; margin:24px auto 0; color:var(--public-muted); font-size:1rem; line-height:1.75; }
body.public-site .home-hero-actions { justify-content:center; gap:12px; margin-top:26px; }
body.public-site .home-hero-actions .btn { min-width:180px; padding:13px 22px; border-radius:999px; }
body.public-site .home-hero-secondary { background:var(--public-surface); border-color:var(--public-border); color:var(--public-primary-dark) !important; }
body.public-site .home-hero-secondary:hover { background:var(--public-accent-soft); border-color:var(--public-primary); }
body.public-site .home-hero-facts { max-width:960px; margin:38px auto 0; padding:0; gap:12px; border:0; }
body.public-site .home-hero-facts > div,
body.public-site .home-hero-facts > div:first-child { padding:15px 18px; text-align:center; background:var(--public-surface); border:1px solid var(--public-border); border-radius:16px; }
body.public-site .home-hero-facts dt { color:var(--public-muted); font-size:.74rem; font-weight:600; }
body.public-site .home-hero-facts dd { margin-top:8px; color:var(--public-primary-dark); font-size:1.25rem; }
body.public-site .banner.section-hero { padding:42px 0; }
body.public-site .banner.section-hero h1,
body.public-site .banner.section-hero .direct-answer { color:var(--public-primary-dark); }
body.public-site .banner.section-hero .direct-answer,
body.public-site .banner.section-hero .pagination-summary { color:var(--public-muted); }
body.public-site .banner.section-hero .hero-fact-grid > div { background:var(--public-surface); border-color:var(--public-border); }
body.public-site .banner.section-hero .hero-fact-grid dt { color:var(--public-muted); }
body.public-site .banner.section-hero .hero-fact-grid dd { color:var(--public-primary-dark); }
/* 号码区采用三列轻量卡片、较小国旗和宽松圆角，收紧原有纵向信息。 */
body.public-site .phone-list-toolbar { margin:10px 0 24px; padding:24px 0; border-top:1px solid var(--public-border); border-bottom:1px solid var(--public-border); }
body.public-site .phone-list-toolbar h2 { font-size:1.45rem; letter-spacing:-.03em; }
body.public-site .phone-filter { width:min(100%,360px); }
body.public-site .phone-filter .form-control { border-radius:999px; padding:12px 18px; background:var(--public-surface); border-color:var(--public-border); }
body.public-site .phone-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
body.public-site .phone-card-v3 { min-height:230px; padding:22px; border-radius:20px; box-shadow:none; }
body.public-site .phone-card-v3:hover { border-color:var(--public-primary); box-shadow:var(--public-shadow); }
body.public-site .phone-country { gap:10px; }
body.public-site .phone-country-link { gap:10px; }
body.public-site .phone-country img { width:42px; height:30px; border-radius:6px; }
body.public-site .phone-country strong { font-size:.9rem; }
body.public-site .phone-card-indicators { gap:4px; }
body.public-site .phone-number-v3 { margin:24px 0 18px; font-size:1.6rem; letter-spacing:0; }
body.public-site .phone-meta { font-size:.76rem; }
body.public-site .phone-actions { gap:8px; }
body.public-site .phone-actions .btn { border-radius:10px; font-size:.81rem; padding:10px 9px; }
body.public-site .btn-primary,
body.public-site .btn-public-action { color:#fff; background:#176d52; border-color:#176d52; }
body.public-site .btn-primary:hover,
body.public-site .btn-public-action:hover { color:#fff; background:#12543e; border-color:#12543e; }
body.public-site .discovery-links { padding:22px 0; border:0; border-radius:0; background:transparent; }
body.public-site .discovery-links-title { font-size:1rem; }
body.public-site .discovery-links-items a { border-radius:999px; background:var(--public-surface); border:1px solid var(--public-border); }
body.public-site .country-card { border-radius:18px; box-shadow:none; }
body.public-site .number-summary { border-radius:24px; box-shadow:none; }
body.public-site .project-v4 { --ink:#163c2d; --body:#34574a; --line:#dce4d9; --soft:#f2f5eb; --teal:#176d52; background:var(--public-bg); }
body.public-site .project-v4 .project-hero { background:var(--public-bg); }
/* 浅鼠尾草色页脚与页面通过分隔线连接，去掉原来的深色大色块。 */
body.public-site .site-footer { padding-top:40px; background:var(--public-primary-soft); border-top:1px solid var(--public-border); color:var(--public-text); }
body.public-site .site-footer a,
body.public-site .site-footer strong { color:var(--public-primary-dark); }
body.public-site .site-footer .brand-accent { color:var(--public-primary); }
body.public-site .site-footer p,
body.public-site .site-footer small { color:var(--public-muted); }
body.public-site .footer-links button { color:var(--public-primary-dark); }
/* 登录与用户中心沿用既有组件，只统一颜色、圆角和背景。 */
html[data-site-skin="mys"] { --site-primary:#176d52; --site-primary-rgb:23,109,82; --site-primary-hover:#12543e; --site-primary-soft:#e7f0e7; --site-primary-border:#c8ddc8; --site-primary-text:#163c2d; --bs-primary:#176d52; --bs-primary-rgb:23,109,82; }
html[data-site-skin="mys"] .btn-primary { background-color:#176d52; border-color:#176d52; }
html[data-site-skin="mys"] .btn-primary:hover { background-color:#12543e; border-color:#12543e; }
html[data-site-skin="mys"] body.auth-page { background:#f8f8f1; }
html[data-site-skin="mys"] .auth-card { border-radius:24px !important; }
html[data-bs-theme="dark"] body.public-site .public-navbar .theme-selector-icon { filter:brightness(0) invert(1); }
html[data-bs-theme="dark"] body.public-site .public-navbar .navbar-toggler-icon { filter:none; }
html[data-bs-theme="dark"] body.public-site .project-v4 { --ink:#e2f1df; --body:#bbd7c7; --line:#344839; --soft:#192a20; }
@media(min-width:1200px) { body.public-site .public-navbar .nav-dropdown-theme { margin-inline-start:auto; } }
@media(max-width:1199.98px) { body.public-site .public-navbar { padding:10px 0; } body.public-site .phone-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767.98px) {
    body.public-site .public-navbar { min-height:72px; }
    body.public-site .banner.home-hero { padding:38px 0 28px; }
    body.public-site .banner.home-hero h1 { font-size:2.45rem; }
    body.public-site .home-hero-description { font-size:.92rem; margin-top:18px; }
    body.public-site .home-hero-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:26px; }
    body.public-site .home-hero-facts > div,
    body.public-site .home-hero-facts > div:first-child { padding:12px 10px; }
    body.public-site .home-hero-actions { gap:8px; }
    body.public-site .home-hero-actions .btn { min-width:0; padding:12px 16px; flex:1; font-size:.85rem; }
    body.public-site .phone-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
    body.public-site .phone-list-toolbar { padding:18px 0; align-items:stretch; }
    body.public-site .phone-filter { width:100%; }
    body.public-site .phone-card-v3 { padding:20px; min-height:0; }
    body.public-site .phone-number-v3 { font-size:1.85rem; }
}
/* 覆盖旧站带 important 的白字页脚及按钮规则，保证浅色页脚与深色按钮的文字对比。 */
body.public-site .site-footer a { color:var(--public-primary-dark) !important; }
body.public-site .btn-primary,
body.public-site .home-hero-actions .btn-primary { color:#fff !important; background:#176d52 !important; border-color:#176d52 !important; }
body.public-site .btn-primary:hover,
body.public-site .home-hero-actions .btn-primary:hover { background:#12543e !important; border-color:#12543e !important; }
body.public-site .page-item.active .page-link { background:#176d52; border-color:#176d52; color:#fff; }
body.public-site .phone-list-toolbar h2 { font-weight:750; }
@media(max-width:767.98px) {
    body.public-site .phone-meta { display:flex; align-items:center; gap:10px; }
    body.public-site .phone-meta > span:first-child { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    body.public-site .phone-meta span { margin-top:0; }
    body.public-site .phone-meta .availability-status { display:inline-flex; }
    body.public-site .phone-actions { grid-template-columns:1fr 1.2fr; }
}