/* ========================================
   方岸文化传媒 - 深耕不辍，方能上岸
   沉稳大气 · 本土信赖 · 真诚务实
   ======================================== */

/* ==================== CSS 变量 ==================== */
:root {
    /* 深色渐变基底 — 不再纯黑，融入暖深色调 */
    --bg-deep: #060a10;
    --bg-primary: #0c1018;
    --bg-secondary: #0f141e;
    --bg-warm: #0e1116;     /* 暖深色，用于荣誉/价值观等板块 */
    --bg-card: #161c26;
    --bg-card-hover: #1d2430;

    --text-primary: #f0ede8;
    --text-secondary: #a8a29e;
    --text-muted: #6b6560;

    /* 方岸主色：沉稳金 */
    --gold: #c5a35a;
    --gold-light: #d4b76e;
    --gold-dark: #a6853f;
    --gold-glow: rgba(197, 163, 90, 0.15);
    --gold-soft: rgba(197, 163, 90, 0.08);

    --gradient-gold: linear-gradient(135deg, #c5a35a 0%, #d4b76e 40%, #a6853f 100%);
    --gradient-dark: linear-gradient(180deg, rgba(12,16,24,0.3) 0%, rgba(12,16,24,0.85) 60%, var(--bg-primary) 100%);

    --border: rgba(168, 162, 158, 0.08);
    --border-gold: rgba(197, 163, 90, 0.2);

    --shadow-sm: 0 2px 8px rgba(0,0,0,0.5);
    --shadow-md: 0 8px 32px rgba(0,0,0,0.6);
    --shadow-lg: 0 20px 60px rgba(0,0,0,0.7);

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;

    --transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-up: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1.2);

    --max-width: 1200px;
    --nav-height: 76px;
}

/* ==================== 全局 ==================== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--nav-height);
}

body {
    font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--bg-deep);
    color: var(--text-primary);
    line-height: 1.75;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

/* 全站微噪点纹理 — 打破纯色单调感 */
body::before {
    content:'';
    position:fixed;
    top:0;left:0;
    width:100%;height:100%;
    z-index:0;
    pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
    opacity:0.4;
}

a { text-decoration:none; color:inherit; }
ul { list-style:none; }
img { max-width:100%; height:auto; display:block; }
button { border:none; outline:none; cursor:pointer; font-family:inherit; }
input, select { font-family:inherit; outline:none; }

.container { max-width:var(--max-width); margin:0 auto; padding:0 24px; }

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:var(--bg-deep); }
::-webkit-scrollbar-thumb { background:var(--gold-dark); border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:var(--gold); }

/* ==================== 通用区块 ==================== */
.section { padding:80px 0; position:relative; }

/* 板块间微妙的顶部渐变过渡（增加层次感） */
.section::before {
    content:'';
    position:absolute;
    top:0;left:0;
    width:100%;height:1px;
    background:linear-gradient(90deg, transparent, rgba(197,163,90,0.12) 50%, transparent);
    pointer-events:none;
}

.section:first-of-type::before { display:none; }

.section-top {
    text-align:center;
    margin-bottom:48px;
}

.section-label {
    display:inline-block;
    font-size:12px;
    font-weight:600;
    letter-spacing:4px;
    color:var(--gold);
    text-transform:uppercase;
    margin-bottom:14px;
    padding:5px 16px;
    border:1px solid rgba(197,163,90,0.15);
    border-radius:50px;
    background:var(--gold-soft);
}

.section-heading {
    font-size:clamp(32px, 5vw, 44px);
    font-weight:800;
    line-height:1.25;
    margin-bottom:8px;
    color:var(--text-primary);
    letter-spacing:2px;
}

.heading-line {
    width:40px;
    height:2px;
    background:var(--gradient-gold);
    margin:16px auto 0;
    border-radius:1px;
}

.section-sub {
    font-size:15px;
    color:var(--text-secondary);
    margin-top:18px;
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

/* ==================== 导航栏 ==================== */
.header {
    position:fixed;
    top:0;left:0;
    width:100%;
    height:var(--nav-height);
    z-index:1000;
    background:transparent;
    transition: background 0.5s ease, box-shadow 0.5s ease;
}

.header.scrolled {
    background:rgba(8,12,20,0.9);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border);
}

.nav-wrapper {
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:var(--nav-height);
}

.logo img { height:38px; width:auto; }

.nav-list {
    display:flex;
    align-items:center;
    gap:2px;
}

.nav-link {
    display:inline-block;
    padding:8px 20px;
    font-size:14px;
    font-weight:400;
    color:var(--text-secondary);
    border-radius:var(--radius-sm);
    transition:var(--transition);
}

.nav-link:hover,
.nav-link.active {
    color:var(--text-primary);
}

.nav-btn {
    background:var(--gradient-gold);
    color:#1a1a1a !important;
    font-weight:600;
    padding:10px 24px;
    border-radius:50px;
    margin-left:8px;
    transition:var(--transition-up);
}

.nav-btn:hover {
    transform:translateY(-2px);
    box-shadow:0 6px 20px var(--gold-glow);
}

.hamburger {
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:36px;height:36px;
    background:transparent;
    gap:5px;
    z-index:1001;
}
.hamburger span {
    display:block;
    width:22px;height:2px;
    background:var(--text-primary);
    border-radius:2px;
    transition:var(--transition);
}
.hamburger.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.hamburger.active span:nth-child(2) { opacity:0; }
.hamburger.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* ==================== 英雄区 ==================== */
.hero {
    position:relative;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:var(--bg-deep);
    overflow:hidden;
    text-align:center;
}

/* 多重光晕模拟大图氛围 — 金色暖光从中心扩散 */
.hero-bg {
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    z-index:1;
    background-image:
        /* 主光晕 — 模拟舞台聚光 */
        radial-gradient(ellipse 70% 60% at 50% 35%, rgba(197,163,90,0.12) 0%, transparent 55%),
        /* 底部暖光 — 模拟舞台地面反射 */
        radial-gradient(ellipse 80% 50% at 50% 85%, rgba(197,163,90,0.07) 0%, transparent 60%),
        /* 左侧冷光 — 增加色温层次 */
        radial-gradient(ellipse 45% 70% at 10% 40%, rgba(120,140,180,0.05) 0%, transparent 60%),
        /* 右侧暖辅光 */
        radial-gradient(ellipse 40% 55% at 85% 50%, rgba(197,163,90,0.04) 0%, transparent 55%),
        /* 顶部大范围暗角 */
        radial-gradient(ellipse 100% 30% at 50% 0%, rgba(6,10,16,0.6) 0%, transparent 70%);
    animation: heroPulse 8s ease-in-out infinite alternate;
}

@keyframes heroPulse {
    0% { opacity:0.85; }
    100% { opacity:1; }
}

.hero-overlay {
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    /* 柔和的中心透明→四周深色过渡 */
    background:radial-gradient(ellipse at 50% 30%, transparent 30%, var(--bg-deep) 75%);
    z-index:2;
}

.hero-content {
    position:relative;
    z-index:3;
    padding:140px 0 80px;
}

.hero-tagline {
    font-size:16px;
    font-weight:500;
    color:var(--gold-light);
    letter-spacing:6px;
    margin-bottom:18px;
}

.hero-title {
    font-size:clamp(44px, 8vw, 76px);
    font-weight:900;
    letter-spacing:8px;
    line-height:1.1;
    margin-bottom:16px;
    background:linear-gradient(180deg, #f0ede8 0%, #c5a35a 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}

.hero-sub {
    font-size:17px;
    font-weight:400;
    color:var(--gold-light);
    letter-spacing:4px;
    margin-bottom:14px;
}

.hero-desc {
    font-size:16px;
    color:var(--text-secondary);
    line-height:2;
    margin-bottom:32px;
    max-width:560px;
    margin-left:auto;
    margin-right:auto;
}

/* 奖项条 */
.hero-honors {
    display:flex;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;
    margin-bottom:40px;
}

.honor-item {
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 22px;
    background:rgba(197,163,90,0.06);
    border:1px solid rgba(197,163,90,0.12);
    border-radius:50px;
    font-size:13px;
    color:var(--text-secondary);
    transition:var(--transition);
}

.honor-item:hover {
    background:rgba(197,163,90,0.1);
    border-color:rgba(197,163,90,0.25);
}

.honor-item i {
    color:var(--gold);
    font-size:15px;
}

.honor-item strong {
    color:var(--gold-light);
    font-weight:600;
    margin-left:2px;
}

.hero-buttons {
    display:flex;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
}

.btn-primary,
.btn-secondary {
    display:inline-flex;
    align-items:center;
    padding:15px 38px;
    font-size:15px;
    font-weight:600;
    border-radius:50px;
    transition:var(--transition-up);
}

.btn-primary {
    background:var(--gradient-gold);
    color:#1a1a1a;
    box-shadow:0 6px 24px rgba(197,163,90,0.2);
}
.btn-primary:hover {
    transform:translateY(-3px);
    box-shadow:0 12px 36px rgba(197,163,90,0.3);
}

.btn-secondary {
    background:transparent;
    color:var(--gold-light);
    border:1.5px solid var(--gold);
}
.btn-secondary:hover {
    background:rgba(197,163,90,0.08);
    border-color:var(--gold-light);
}

.hero-scroll {
    position:absolute;
    bottom:36px;
    left:50%;
    transform:translateX(-50%);
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
}
.hero-scroll span { font-size:11px; color:var(--text-muted); letter-spacing:2px; }
.scroll-line {
    width:1px;height:36px;
    background:linear-gradient(to bottom, var(--gold), transparent);
    animation:scrollAnim 2s ease-in-out infinite;
}
@keyframes scrollAnim {
    0%,100% { transform:scaleY(1); opacity:0.7; }
    50% { transform:scaleY(0.3); opacity:0.2; }
}

/* 首屏入场动画 */
.fade-up { opacity:0; transform:translateY(40px); animation:fadeUp 0.8s ease forwards; }
.fade-up.delay-1 { animation-delay:0.12s; }
.fade-up.delay-2 { animation-delay:0.24s; }
.fade-up.delay-3 { animation-delay:0.36s; }
.fade-up.delay-4 { animation-delay:0.48s; }
.fade-up.delay-5 { animation-delay:0.6s; }

@keyframes fadeUp { to { opacity:1; transform:translateY(0); } }

/* 滚动浮现 */
.reveal { opacity:0; transform:translateY(50px); transition:opacity 0.8s ease, transform 0.8s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

/* ==================== 关于方岸 ==================== */
.about-section { background:var(--bg-warm); }

.about-header { text-align:center; margin-bottom:60px; }

.brand-core {
    font-size:24px;
    font-weight:700;
    color:var(--gold-light);
    letter-spacing:6px;
    margin-top:18px;
    margin-bottom:12px;
}

.brand-explain {
    font-size:15px;
    color:var(--text-secondary);
    max-width:700px;
    margin:0 auto;
    line-height:2;
}

.about-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.about-card {
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    padding:38px 30px;
    transition:var(--transition-up);
    position:relative;
    overflow:hidden;
}

.about-card::before {
    content:'';
    position:absolute;
    top:0;left:0;
    width:100%;height:3px;
    background:var(--gradient-gold);
    opacity:0;
    transition:opacity 0.4s ease;
}

.about-card:hover {
    transform:translateY(-6px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.about-card:hover::before { opacity:1; }

.about-icon {
    width:56px;height:56px;
    border-radius:50%;
    background:var(--gold-soft);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:var(--gold);
    margin-bottom:22px;
    transition:var(--transition);
}

.about-card:hover .about-icon {
    background:var(--gold-glow);
}

.about-card h3 {
    font-size:18px;
    font-weight:700;
    margin-bottom:8px;
}

.about-highlight {
    font-size:16px;
    font-weight:600;
    color:var(--gold-light);
    margin-bottom:14px;
    letter-spacing:2px;
}

.about-card > p:last-child {
    font-size:14px;
    color:var(--text-secondary);
    line-height:1.9;
}

/* ==================== 为什么选择方岸 ==================== */
.why-section { background:var(--bg-secondary); }

.why-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:40px;
}

.why-card {
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    padding:34px 24px;
    text-align:center;
    transition:var(--transition-up);
    position:relative;
}

.why-card:hover {
    transform:translateY(-5px);
    border-color:var(--border-gold);
}

.why-num {
    position:absolute;
    top:14px;
    right:18px;
    font-size:40px;
    font-weight:900;
    color:var(--gold-soft);
    line-height:1;
    opacity:0.3;
}

.why-icon-wrap {
    width:56px;height:56px;
    border-radius:50%;
    background:var(--gold-soft);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    font-size:22px;
    color:var(--gold);
}

.why-card h3 {
    font-size:17px;
    font-weight:700;
    margin-bottom:12px;
}

.why-card p {
    font-size:13px;
    color:var(--text-secondary);
    line-height:1.8;
}

.why-footer {
    text-align:center;
    padding:22px 30px;
    background:var(--bg-card);
    border:1px solid var(--border-gold);
    border-radius:var(--radius-md);
}

.why-footer p {
    font-size:14px;
    color:var(--text-secondary);
}

.why-footer strong {
    color:var(--gold-light);
}

/* ==================== 新人安心承诺（紧接英雄区下方） ==================== */
.promise-strip {
    background:linear-gradient(135deg, rgba(197,163,90,0.06), rgba(197,163,90,0.02));
    border-top:1px solid rgba(197,163,90,0.1);
    border-bottom:1px solid rgba(197,163,90,0.1);
    padding:6px 0;
}

.promise-strip-inner {
    display:flex;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
}

.promise-strip .promise-item {
    flex:1;
    min-width:180px;
    max-width:280px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:24px 36px;
    transition:var(--transition);
    position:relative;
}

.promise-strip .promise-item:not(:last-child)::after {
    display:none;
}

.promise-strip .promise-item:hover {
    background:rgba(197,163,90,0.04);
}

.promise-strip .promise-item i {
    font-size:26px;
    color:var(--gold);
    flex-shrink:0;
    width:36px;
    text-align:center;
}

.promise-strip .promise-item strong {
    display:block;
    font-size:15px;
    font-weight:700;
    color:var(--text-primary);
    margin-bottom:2px;
}

.promise-strip .promise-item span {
    font-size:12px;
    color:var(--text-muted);
}

/* 响应式 */
@media (max-width:768px) {
    .promise-strip-inner {
        flex-direction:column;
    }
    .promise-strip .promise-item:not(:last-child)::after {
        display:none;
    }
    .promise-strip .promise-item {
        padding:16px 20px;
        border-bottom:1px solid rgba(197,163,90,0.08);
    }
}

/* ==================== 荣誉资质 ==================== */
.honors-section { background:var(--bg-primary); }

.honors-note {
    text-align:center;
    margin-top:24px;
    font-size:13px;
    color:var(--text-muted);
    letter-spacing:1px;
}

/* ==================== 平台实力 ==================== */
.strength-section { background:var(--bg-warm); }

.honors-showcase {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-bottom:60px;
}

.honor-badge-card {
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    padding:42px 24px;
    text-align:center;
    transition:var(--transition-up);
}

.honor-badge-card:hover {
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.badge-icon {
    width:72px;height:72px;
    border-radius:50%;
    background:var(--gradient-gold);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    font-size:28px;
    color:#1a1a1a;
}

.honor-badge-card h3 {
    font-size:16px;
    font-weight:600;
    color:var(--text-secondary);
    margin-bottom:8px;
}

.badge-rank {
    font-size:28px;
    font-weight:900;
    color:var(--gold-light);
    letter-spacing:3px;
}

/* 数据展示 */
.strength-data {
    display:flex;
    justify-content:center;
    gap:clamp(40px,8vw,100px);
    margin-bottom:36px;
    flex-wrap:wrap;
}

.data-item {
    text-align:center;
    position:relative;
}

.data-item:not(:last-child)::after {
    content:'';
    position:absolute;
    right:-50px;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:24px;
    background:var(--border);
}

@media (max-width:768px) {
    .data-item:not(:last-child)::after { display:none; }
}

.data-num {
    font-size:52px;
    font-weight:900;
    line-height:1;
    color:var(--gold-light);
    display:inline-block;
}

.data-unit {
    display:inline-block;
    font-size:18px;
    font-weight:700;
    color:var(--gold);
    vertical-align:super;
}

.data-label {
    display:block;
    font-size:13px;
    color:var(--text-muted);
    margin-top:6px;
}

.strength-tagline {
    text-align:center;
    font-size:14px;
    color:var(--gold);
    letter-spacing:3px;
    font-weight:500;
}

/* ==================== 核心价值观 ==================== */
.values-section { background:var(--bg-secondary); }

.values-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.value-card {
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    padding:34px 24px;
    transition:var(--transition-up);
}

.value-card:hover {
    transform:translateY(-5px);
    border-color:var(--border-gold);
}

.val-icon {
    width:48px;height:48px;
    border-radius:var(--radius-sm);
    background:var(--gold-soft);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:var(--gold);
    margin-bottom:18px;
}

.value-card h3 {
    font-size:18px;
    font-weight:700;
    margin-bottom:12px;
    color:var(--text-primary);
}

.value-card p {
    font-size:13px;
    color:var(--text-secondary);
    line-height:1.9;
}

.values-footer {
    margin-top:36px;
    text-align:center;
    padding:20px 30px;
    background:var(--bg-card);
    border:1px solid var(--border-gold);
    border-radius:var(--radius-md);
}

.values-footer p {
    font-size:14px;
    color:var(--text-secondary);
}

.values-footer strong {
    color:var(--gold-light);
}

/* ==================== 主营业务 ==================== */
.business-section { background:var(--bg-secondary); }

.business-grid {
    display:flex;
    flex-direction:column;
    gap:32px;
    max-width:1000px;
    margin:0 auto;
}

.biz-card {
    display:grid;
    grid-template-columns:1fr 1.5fr;
    gap:0;
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    overflow:hidden;
    transition:var(--transition-up);
}

.biz-card:hover {
    transform:translateY(-4px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.biz-reverse {
    grid-template-columns:1.5fr 1fr;
}

.biz-reverse .biz-visual { order:2; }
.biz-reverse .biz-body { order:1; }

.biz-visual {
    aspect-ratio:4/3;
    background:var(--bg-secondary);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.biz-visual img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.6s ease;
}

.biz-card:hover .biz-visual img {
    transform:scale(1.05);
}

.biz-body {
    padding:38px 36px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.biz-body h3 {
    font-size:22px;
    font-weight:800;
    margin-bottom:6px;
    color:var(--text-primary);
}

.biz-tagline {
    font-size:14px;
    color:var(--gold-light);
    margin-bottom:16px;
    font-weight:500;
}

.biz-body > p {
    font-size:14px;
    color:var(--text-secondary);
    line-height:1.85;
    margin-bottom:18px;
}

.biz-features {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.biz-features span {
    padding:5px 14px;
    font-size:12px;
    font-weight:500;
    color:var(--gold-light);
    background:var(--gold-soft);
    border:1px solid rgba(197,163,90,0.12);
    border-radius:50px;
}

/* 主营业务底部服务标签条 */
.biz-service-tags {
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
    margin-top:32px;
    padding:18px 0 0;
    border-top:1px solid var(--border);
}

.biz-service-tags span {
    padding:7px 18px;
    font-size:13px;
    font-weight:500;
    color:var(--gold-light);
    background:var(--gold-soft);
    border:1px solid rgba(197,163,90,0.12);
    border-radius:50px;
    transition:var(--transition);
}

.biz-service-tags span:hover {
    background:var(--gold-glow);
    border-color:var(--border-gold);
}

/* ==================== 全维度服务能力（已废弃，保留备用） ==================== */
.service-section { background:var(--bg-secondary); }

.service-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    max-width:1000px;
    margin:0 auto 28px;
}

.service-item {
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius-md);
    padding:30px 24px;
    text-align:center;
    transition:var(--transition-up);
}

.service-item:hover {
    transform:translateY(-4px);
    border-color:var(--border-gold);
}

.svc-icon {
    width:50px;height:50px;
    border-radius:50%;
    background:var(--gold-soft);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 14px;
    font-size:20px;
    color:var(--gold);
    transition:var(--transition);
}

.service-item:hover .svc-icon {
    background:var(--gold-glow);
}

.service-item h3 {
    font-size:16px;
    font-weight:700;
    margin-bottom:8px;
    color:var(--text-primary);
}

.service-item p {
    font-size:13px;
    color:var(--text-secondary);
    line-height:1.7;
}

.service-note {
    text-align:center;
    padding:20px 30px;
    background:var(--bg-card);
    border:1px solid var(--border-gold);
    border-radius:var(--radius-md);
    max-width:800px;
    margin:0 auto;
}

.service-note p {
    font-size:14px;
    color:var(--text-secondary);
    line-height:1.8;
}

/* ==================== 主播成长路径 ==================== */
.growth-section { background:var(--bg-secondary); }

.growth-path {
    max-width:700px;
    margin:0 auto;
}

.growth-step {
    display:flex;
    align-items:flex-start;
    gap:24px;
    padding:24px 28px;
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius-md);
    transition:var(--transition-up);
}

.growth-step:hover {
    border-color:var(--border-gold);
    transform:translateX(6px);
}

.step-circle {
    width:52px;height:52px;
    border-radius:50%;
    background:var(--bg-secondary);
    border:2px solid var(--gold-dark);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:900;
    color:var(--gold);
    flex-shrink:0;
    transition:var(--transition);
}

.growth-step:hover .step-circle {
    background:var(--gradient-gold);
    color:#1a1a1a;
    border-color:var(--gold);
}

.step-circle-gold {
    background:var(--gradient-gold);
    color:#1a1a1a;
    border-color:var(--gold-light);
}

.step-content h3 {
    font-size:17px;
    font-weight:700;
    margin-bottom:5px;
    color:var(--text-primary);
}

.step-content p {
    font-size:14px;
    color:var(--text-secondary);
    line-height:1.7;
}

.growth-connector {
    display:flex;
    justify-content:flex-start;
    padding:6px 0 6px 52px;
}

.growth-connector span {
    display:block;
    width:2px;
    height:28px;
    background:linear-gradient(to bottom, var(--gold-dark), var(--border));
    border-radius:1px;
}

/* ==================== 优秀主播 ==================== */
.anchors-section { background:var(--bg-warm); }

.anchors-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.anchor-card {
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    overflow:hidden;
    transition:var(--transition-up);
}

.anchor-card:hover {
    transform:translateY(-5px);
    border-color:var(--border-gold);
    box-shadow:var(--shadow-md);
}

.anchor-avatar {
    aspect-ratio:1;
    background:var(--bg-secondary);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.anchor-avatar img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.6s ease;
}

.anchor-card:hover .anchor-avatar img {
    transform:scale(1.06);
}

.anchor-info {
    padding:20px 22px 24px;
}

.anchor-info h3 {
    font-size:17px;
    font-weight:700;
    margin-bottom:6px;
}

.anchor-tag {
    display:inline-block;
    font-size:11px;
    font-weight:600;
    padding:3px 12px;
    background:var(--gold-soft);
    color:var(--gold-light);
    border-radius:50px;
    margin-bottom:10px;
    letter-spacing:1px;
}

.anchor-info p {
    font-size:13px;
    color:var(--text-secondary);
    line-height:1.7;
}

/* ==================== 加入我们 ==================== */
.join-section {
    background:var(--bg-secondary);
    position:relative;
    overflow:hidden;
}

.join-bg {
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    background:radial-gradient(circle at 50% 50%, rgba(197,163,90,0.04) 0%, transparent 70%);
    pointer-events:none;
}

.join-wrapper {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:start;
    position:relative;
    z-index:1;
}

.join-intro {
    padding-top:10px;
}

.join-promise {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-bottom:28px;
}

.promise-item {
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:16px;
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius-md);
    transition:var(--transition);
}

.promise-item:hover {
    border-color:var(--border-gold);
}

.promise-item i {
    color:var(--gold);
    font-size:20px;
    margin-top:2px;
    flex-shrink:0;
}

.promise-item strong {
    display:block;
    font-size:14px;
    font-weight:700;
    color:var(--text-primary);
    margin-bottom:2px;
}

.promise-item span {
    font-size:12px;
    color:var(--text-muted);
}

.join-appeal {
    font-size:15px;
    color:var(--text-secondary);
    line-height:2;
}

.join-action {
    display:flex;
    flex-direction:column;
    gap:24px;
}

.join-card {
    background:var(--bg-card);
    border:1px solid var(--border-gold);
    border-radius:var(--radius-lg);
    padding:34px 30px;
    box-shadow:0 0 30px rgba(197,163,90,0.06);
}

.join-card h3 {
    font-size:20px;
    font-weight:800;
    margin-bottom:6px;
}

.join-card > p {
    font-size:13px;
    color:var(--text-muted);
    margin-bottom:22px;
}

.join-card input,
.join-card select {
    width:100%;
    padding:13px 16px;
    font-size:14px;
    color:var(--text-primary);
    background:var(--bg-secondary);
    border:1px solid var(--border);
    border-radius:var(--radius-sm);
    margin-bottom:12px;
    transition:var(--transition);
}

.join-card input:focus,
.join-card select:focus {
    border-color:var(--gold);
}

.join-card select {
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a8a29e' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 14px center;
    padding-right:40px;
}

.form-btn {
    width:100%;
    padding:15px;
    font-size:15px;
    font-weight:700;
    color:#1a1a1a;
    background:var(--gradient-gold);
    border-radius:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    transition:var(--transition-up);
    margin-top:4px;
    cursor:pointer;
    border:none;
}

.form-btn:hover {
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(197,163,90,0.25);
}

/* 蜜罐字段：对用户不可见，机器人自动填写则拦截 */
.hptrap {
    position:absolute;
    left:-9999px;
    opacity:0;
    height:0;
    width:0;
    padding:0;
    margin:0;
    border:none;
    pointer-events:none;
    tab-index:-1;
}

.join-contact {
    text-align:center;
}

.join-contact > p {
    font-size:13px;
    color:var(--text-muted);
    margin-bottom:10px;
}

.contact-info-small {
    display:flex;
    justify-content:center;
    gap:24px;
    font-size:14px;
    color:var(--text-secondary);
    flex-wrap:wrap;
}

.contact-info-small i {
    color:var(--gold);
    margin-right:6px;
}

/* ==================== 页脚 ==================== */
.footer {
    background:var(--bg-card);
    border-top:1px solid var(--border);
    padding:60px 0 0;
}

.footer-main {
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr;
    gap:40px;
    padding-bottom:40px;
    border-bottom:1px solid var(--border);
}

.footer-logo { height:40px; width:auto; filter:brightness(0) invert(1); opacity:0.7; }

.footer-slogan {
    font-size:16px;
    font-weight:600;
    color:var(--gold-light);
    letter-spacing:4px;
    margin:14px 0 8px;
}

.footer-brand > p:last-child {
    font-size:13px;
    color:var(--text-muted);
    line-height:1.9;
}

.footer-nav h4 {
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
    color:var(--text-primary);
}

.footer-nav a {
    display:block;
    font-size:13px;
    color:var(--text-muted);
    margin-bottom:10px;
    transition:var(--transition);
}

.footer-nav a:hover { color:var(--gold-light); }

.footer-contact h4 {
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.footer-contact p {
    font-size:13px;
    color:var(--text-muted);
    margin-bottom:10px;
    display:flex;
    align-items:center;
    gap:8px;
}

.footer-contact i { color:var(--gold); font-size:13px; }

.footer-bottom {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    padding:22px 0;
    font-size:12px;
    color:var(--text-muted);
    flex-wrap:wrap;
}

.footer-sep { opacity:0.3; }

/* ==================== 回到顶部 ==================== */
.back-to-top {
    position:fixed;
    bottom:28px;right:28px;
    width:44px;height:44px;
    border-radius:50%;
    background:var(--gradient-gold);
    color:#1a1a1a;
    font-size:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:999;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:var(--transition);
    box-shadow:var(--shadow-md);
}
.back-to-top.visible { opacity:1; visibility:visible; transform:translateY(0); }
.back-to-top:hover { transform:translateY(-3px); }

/* Toast */
.toast {
    position:fixed;
    top:30px;left:50%;
    transform:translateX(-50%) translateY(-100px);
    background:var(--gradient-gold);
    color:#1a1a1a;
    padding:13px 28px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    z-index:9999;
    pointer-events:none;
    opacity:0;
    transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);
    box-shadow:0 8px 28px rgba(197,163,90,0.35);
}
.toast.show { opacity:1; transform:translateX(-50%) translateY(0); }

/* ==================== 响应式 ==================== */
@media (max-width:1024px) {
    .about-grid { grid-template-columns:1fr; }
    .why-grid { grid-template-columns:repeat(2,1fr); }
    .values-grid { grid-template-columns:repeat(2,1fr); }
    .anchors-grid { grid-template-columns:repeat(2,1fr); }
    .biz-card { grid-template-columns:1fr; }
    .biz-reverse { grid-template-columns:1fr; }
    .biz-reverse .biz-visual { order:0; }
    .join-wrapper { grid-template-columns:1fr; gap:40px; }
    .footer-main { grid-template-columns:1fr 1fr; }
}

@media (max-width:768px) {
    :root { --nav-height:66px; }
    .section { padding:56px 0; }
    .section-heading { font-size:28px; }

    .hamburger { display:flex; }
    .nav {
        position:fixed;top:0;right:-100%;
        width:100%;height:100vh;
        background:rgba(8,12,20,0.98);
        backdrop-filter:blur(20px);
        display:flex;align-items:center;justify-content:center;
        transition:right 0.4s ease;
        z-index:1000;
    }
    .nav.active { right:0; }
    .nav-list { flex-direction:column;gap:16px; }
    .nav-link { font-size:18px; }
    .nav-btn { font-size:16px;margin-left:0;margin-top:6px; }

    .hero-title { font-size:36px;letter-spacing:4px; }
    .hero-honors { gap:12px; }
    .honor-item { padding:8px 16px;font-size:12px; }
    .hero-buttons { flex-direction:column;align-items:center; }

    .why-grid { grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto; }
    .values-grid { grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto; }
    .honors-showcase { grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto; }
    .anchors-grid { grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto; }

    .join-promise { grid-template-columns:1fr; }
    .strength-data { gap:40px; }

    .biz-card { grid-template-columns:1fr; }
    .biz-reverse .biz-visual { order:0; }
    .biz-body { padding:24px 22px; }
    .biz-body h3 { font-size:19px; }
    .growth-step { flex-direction:column;align-items:center;text-align:center;gap:14px;padding:20px; }
    .growth-connector { justify-content:center;padding-left:0; }
    .growth-path { max-width:400px; }

    .footer-main { grid-template-columns:1fr;gap:28px; }
    .footer-bottom { flex-direction:column;gap:4px; }
    .footer-sep { display:none; }

    .about-grid { gap:16px; }
}

@media (max-width:480px) {
    .hero-title { font-size:30px;letter-spacing:3px; }
    .hero-desc { font-size:14px; }
    .hero-honors { flex-direction:column;align-items:center; }
    .data-num { font-size:40px; }
    .brand-core { font-size:20px;letter-spacing:3px; }
    .join-card { padding:24px 20px; }
}