/* roulang page: index */
:root {
            --primary: #1e3d32;
            --primary-dark: #12251e;
            --primary-mid: #2a5043;
            --accent: #c9a227;
            --accent-light: #e4c65a;
            --accent-pale: #f5e9c8;
            --bg: #faf7f2;
            --bg-soft: #f3efe8;
            --surface: #ffffff;
            --text: #1a1a1a;
            --text-secondary: #55524c;
            --text-muted: #85827a;
            --border: #e5e0d5;
            --border-strong: #d5cfc2;
            --success: #4a7a5c;
            --danger: #b3544a;
            --radius-xl: 28px;
            --radius-lg: 20px;
            --radius-md: 14px;
            --radius-sm: 8px;
            --radius-pill: 999px;
            --shadow-xs: 0 1px 4px rgba(0,0,0,0.05);
            --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
            --shadow-md: 0 8px 24px rgba(0,0,0,0.08);
            --shadow-lg: 0 16px 48px rgba(0,0,0,0.12);
            --shadow-xl: 0 24px 64px rgba(0,0,0,0.15);
            --transition: 0.28s cubic-bezier(0.4,0,0.2,1);
            --transition-fast: 0.16s ease-out;
            --font-sans: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,sans-serif;
            --container: 1200px;
            --nav-height: 72px;
        }
        *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
        body{
            font-family:var(--font-sans);
            font-size:16px;
            line-height:1.7;
            color:var(--text);
            background:var(--bg);
            -webkit-font-smoothing:antialiased;
            -moz-osx-font-smoothing:grayscale;
        }
        img{max-width:100%;height:auto;display:block}
        a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}
        a:hover{color:var(--accent)}
        button{font-family:inherit;cursor:pointer;border:none;background:none}
        input,textarea,select{font-family:inherit;font-size:inherit}
        ul,ol{list-style:none}
        h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:700;color:var(--text)}
        .container{max-width:var(--container);margin:0 auto;padding:0 24px}
        :focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}

        /* ===== Floating Dock Navigation ===== */
        .site-header{
            position:fixed;top:0;left:0;right:0;z-index:1000;
            padding:14px 20px;
            pointer-events:none;
        }
        .nav-dock{
            pointer-events:auto;
            max-width:980px;margin:0 auto;
            display:flex;align-items:center;justify-content:space-between;gap:16px;
            background:rgba(255,255,255,0.92);
            backdrop-filter:blur(18px);
            -webkit-backdrop-filter:blur(18px);
            border:1px solid rgba(255,255,255,0.7);
            border-radius:var(--radius-pill);
            padding:10px 16px 10px 22px;
            box-shadow:var(--shadow-lg);
            transition:box-shadow var(--transition),background var(--transition);
        }
        .nav-dock:hover{box-shadow:var(--shadow-xl);background:rgba(255,255,255,0.97)}
        .nav-brand{
            display:flex;align-items:center;gap:10px;
            font-size:17px;font-weight:700;color:var(--primary);
            white-space:nowrap;
            letter-spacing:-0.01em;
        }
        .nav-brand-mark{
            width:36px;height:36px;flex-shrink:0;
            background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 50%,var(--accent) 100%);
            border-radius:50%;
            display:flex;align-items:center;justify-content:center;
            color:#fff;font-size:15px;font-weight:700;
        }
        .nav-links{display:flex;align-items:center;gap:6px}
        .nav-links a{
            padding:8px 18px;border-radius:var(--radius-pill);
            font-size:15px;font-weight:500;color:var(--text-secondary);
            transition:all var(--transition-fast);
        }
        .nav-links a:hover{color:var(--primary);background:var(--bg-soft)}
        .nav-links a.active{color:#fff;background:var(--primary)}
        .nav-links a.active:hover{color:#fff;background:var(--primary-mid)}
        .nav-search{
            display:flex;align-items:center;gap:6px;
            background:var(--bg-soft);border-radius:var(--radius-pill);
            padding:6px 8px 6px 16px;
            border:1px solid var(--border);
            transition:border-color var(--transition-fast);
        }
        .nav-search:focus-within{border-color:var(--accent)}
        .nav-search input{
            border:none;background:none;padding:4px 0;
            font-size:14px;color:var(--text);width:140px;
            outline:none;
        }
        .nav-search input::placeholder{color:var(--text-muted)}
        .nav-search button{
            width:32px;height:32px;flex-shrink:0;
            background:var(--primary);color:#fff;
            border-radius:50%;display:flex;align-items:center;justify-content:center;
            font-size:13px;transition:background var(--transition-fast);
        }
        .nav-search button:hover{background:var(--primary-mid)}
        .nav-cta{
            padding:10px 22px;border-radius:var(--radius-pill);
            background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 60%,var(--accent) 100%);
            color:#fff;font-size:14px;font-weight:600;
            white-space:nowrap;
            transition:all var(--transition);
            box-shadow:var(--shadow-sm);
        }
        .nav-cta:hover{color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}
        .nav-mobile-toggle{display:none;pointer-events:auto;background:var(--primary);color:#fff;width:40px;height:40px;border-radius:50%;font-size:16px;align-items:center;justify-content:center}
        .nav-mobile-panel{display:none}

        /* ===== Hero - 众筹预热 ===== */
        .hero{
            position:relative;
            min-height:100vh;
            padding:140px 0 60px;
            display:flex;align-items:center;
            background-image:linear-gradient(135deg,rgba(18,37,30,0.92) 0%,rgba(30,61,50,0.85) 45%,rgba(201,162,39,0.45) 100%),url('/assets/images/backpic/back-1.jpg');
            background-size:cover;
            background-position:center;
            overflow:hidden;
        }
        .hero::after{
            content:"";position:absolute;inset:0;
            background:radial-gradient(ellipse at 70% 30%,rgba(201,162,39,0.18) 0%,transparent 55%);
            pointer-events:none;
        }
        .hero-container{position:relative;z-index:2;width:100%}
        .hero-grid{
            display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
        }
        .hero-badge{
            display:inline-flex;align-items:center;gap:8px;
            background:rgba(201,162,39,0.18);
            border:1px solid rgba(201,162,39,0.45);
            color:var(--accent-light);
            padding:8px 18px;border-radius:var(--radius-pill);
            font-size:13px;font-weight:600;letter-spacing:0.03em;
            margin-bottom:18px;
        }
        .hero-badge .dot{
            width:6px;height:6px;background:var(--accent-light);
            border-radius:50%;animation:pulse-dot 1.6s infinite;
        }
        @keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:0.3}}
        .hero h1{
            font-size:clamp(1.8rem,3.6vw,2.9rem);
            color:#fff;
            margin-bottom:18px;
            letter-spacing:-0.01em;
            line-height:1.25;
        }
        .hero h1 .highlight{
            background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 100%);
            -webkit-background-clip:text;
            background-clip:text;
            color:transparent;
        }
        .hero-desc{
            font-size:15px;
            color:rgba(255,255,255,0.82);
            line-height:1.85;
            max-width:520px;
            margin-bottom:28px;
        }
        .hero-actions{
            display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px;
        }
        .btn{
            display:inline-flex;align-items:center;justify-content:center;gap:8px;
            padding:14px 28px;border-radius:var(--radius-pill);
            font-size:15px;font-weight:600;
            transition:all var(--transition);
            border:2px solid transparent;
            text-align:center;
        }
        .btn-primary{
            background:linear-gradient(135deg,var(--accent) 0%,#b8921f 100%);
            color:#fff;box-shadow:var(--shadow-md);
        }
        .btn-primary:hover{color:#fff;box-shadow:var(--shadow-lg);transform:translateY(-2px)}
        .btn-ghost{
            background:transparent;color:#fff;
            border-color:rgba(255,255,255,0.5);
        }
        .btn-ghost:hover{background:rgba(255,255,255,0.1);color:#fff;border-color:#fff}
        .hero-stats{
            display:flex;flex-wrap:wrap;gap:28px;
        }
        .hero-stat{
            display:flex;flex-direction:column;gap:2px;
        }
        .hero-stat .num{
            font-size:26px;font-weight:800;color:#fff;
        }
        .hero-stat .lbl{
            font-size:12px;color:rgba(255,255,255,0.65);letter-spacing:0.02em;
        }
        /* Hero右侧 - 进度环 + 档位预览 */
        .hero-panel{
            background:rgba(255,255,255,0.08);
            border:1px solid rgba(255,255,255,0.18);
            border-radius:var(--radius-xl);
            padding:28px;
            backdrop-filter:blur(12px);
            -webkit-backdrop-filter:blur(12px);
            box-shadow:var(--shadow-xl);
        }
        .progress-card{
            display:flex;align-items:center;gap:24px;
            background:rgba(255,255,255,0.08);
            border-radius:var(--radius-lg);
            padding:18px 22px;
            margin-bottom:18px;
            border:1px solid rgba(255,255,255,0.12);
        }
        .progress-ring{
            width:90px;height:90px;flex-shrink:0;
            position:relative;
        }
        .progress-ring svg{width:100%;height:100%}
        .progress-ring .ring-bg{fill:none;stroke:rgba(255,255,255,0.2);stroke-width:7}
        .progress-ring .ring-fill{
            fill:none;stroke:var(--accent-light);stroke-width:7;
            stroke-linecap:round;
            stroke-dasharray:282.7;
            stroke-dashoffset:70.7;
            transform:rotate(-90deg);
            transform-origin:50% 50%;
            transition:stroke-dashoffset 1.2s ease-out;
        }
        .progress-ring .ring-label{
            position:absolute;inset:0;
            display:flex;align-items:center;justify-content:center;
            font-size:16px;font-weight:800;color:#fff;
        }
        .progress-info h3{
            color:#fff;font-size:17px;margin-bottom:4px;
        }
        .progress-info p{
            color:rgba(255,255,255,0.7);font-size:13px;line-height:1.6;
        }
        .progress-info .bar-wrap{
            width:100%;height:6px;background:rgba(255,255,255,0.18);
            border-radius:3px;margin-top:8px;overflow:hidden;
        }
        .progress-info .bar-fill{
            height:100%;width:75%;
            background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light) 100%);
            border-radius:3px;
        }
        .tier-preview{
            display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
        }
        .tier-card{
            background:rgba(255,255,255,0.1);
            border:1px solid rgba(255,255,255,0.15);
            border-radius:var(--radius-md);
            padding:14px 12px;
            text-align:center;
            transition:all var(--transition);
            cursor:default;
        }
        .tier-card:hover{
            background:rgba(255,255,255,0.16);
            border-color:rgba(201,162,39,0.6);
            transform:translateY(-2px);
        }
        .tier-card .tier-name{
            font-size:13px;font-weight:700;color:#fff;margin-bottom:4px;
        }
        .tier-card .tier-price{
            font-size:16px;font-weight:800;color:var(--accent-light);margin-bottom:4px;
        }
        .tier-card .tier-left{
            font-size:11px;color:rgba(255,255,255,0.65);
        }
        .tier-card .tier-tag{
            display:inline-block;font-size:10px;font-weight:600;
            padding:2px 8px;border-radius:var(--radius-pill);
            background:rgba(201,162,39,0.25);color:var(--accent-light);
            margin-top:6px;
        }
        .tier-card.sold-out{
            opacity:0.55;
        }
        .tier-card.sold-out .tier-tag{
            background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.6);
        }
        .hero-support-btn{
            display:block;width:100%;text-align:center;
            margin-top:16px;padding:14px;
            border-radius:var(--radius-pill);
            background:linear-gradient(135deg,var(--accent) 0%,#b8921f 100%);
            color:#fff;font-size:14px;font-weight:700;
            transition:all var(--transition);
            box-shadow:var(--shadow-md);
        }
        .hero-support-btn:hover{color:#fff;box-shadow:var(--shadow-lg);transform:translateY(-2px)}

        /* ===== Section Common ===== */
        .section{padding:80px 0}
        .section-alt{background:var(--bg-soft)}
        .section-header{margin-bottom:40px}
        .section-tag{
            display:inline-block;font-size:12px;font-weight:700;
            letter-spacing:0.08em;text-transform:uppercase;
            color:var(--accent);
            background:var(--accent-pale);
            padding:6px 16px;border-radius:var(--radius-pill);
            margin-bottom:12px;
        }
        .section-title{
            font-size:clamp(1.5rem,2.6vw,2.2rem);
            margin-bottom:14px;
            letter-spacing:-0.01em;
        }
        .section-desc{
            color:var(--text-secondary);
            font-size:15px;
            max-width:720px;
            line-height:1.85;
        }

        /* ===== 分类入口 ===== */
        .category-grid{
            display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
        }
        .category-card{
            background:var(--surface);
            border:1px solid var(--border);
            border-radius:var(--radius-lg);
            padding:28px 22px;
            text-align:left;
            transition:all var(--transition);
            position:relative;
            overflow:hidden;
            display:block;
        }
        .category-card::before{
            content:"";position:absolute;top:0;left:0;right:0;height:4px;
            background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);
            opacity:0;transition:opacity var(--transition);
        }
        .category-card:hover{
            border-color:var(--border-strong);
            box-shadow:var(--shadow-md);
            transform:translateY(-4px);
        }
        .category-card:hover::before{opacity:1}
        .category-card .cat-icon{
            width:48px;height:48px;border-radius:var(--radius-md);
            background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);
            display:flex;align-items:center;justify-content:center;
            color:#fff;font-size:20px;margin-bottom:16px;
        }
        .category-card h3{font-size:16px;margin-bottom:6px;color:var(--text)}
        .category-card p{font-size:13px;color:var(--text-muted);line-height:1.7}
        .category-card .cat-count{
            display:inline-block;margin-top:12px;font-size:12px;font-weight:600;
            color:var(--accent);background:var(--accent-pale);
            padding:4px 12px;border-radius:var(--radius-pill);
        }

        /* ===== 资源列表 / 服务矩阵 ===== */
        .resource-layout{
            display:grid;grid-template-columns:1fr 320px;gap:32px;
        }
        .resource-grid{
            display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
        }
        .resource-card{
            background:var(--surface);
            border:1px solid var(--border);
            border-radius:var(--radius-lg);
            overflow:hidden;
            transition:all var(--transition);
            display:flex;flex-direction:column;
        }
        .resource-card:hover{
            box-shadow:var(--shadow-md);
            transform:translateY(-3px);
            border-color:var(--border-strong);
        }
        .resource-card .rc-img{
            height:180px;overflow:hidden;position:relative;
        }
        .resource-card .rc-img img{
            width:100%;height:100%;object-fit:cover;
            transition:transform 0.6s ease;
        }
        .resource-card:hover .rc-img img{transform:scale(1.04)}
        .resource-card .rc-img .rc-badge{
            position:absolute;top:12px;left:12px;
            background:rgba(255,255,255,0.92);
            color:var(--primary);
            font-size:11px;font-weight:700;
            padding:4px 12px;border-radius:var(--radius-pill);
            box-shadow:var(--shadow-xs);
        }
        .resource-card .rc-body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
        .resource-card .rc-body h3{font-size:16px;margin-bottom:6px}
        .resource-card .rc-meta{
            font-size:12px;color:var(--text-muted);
            margin-bottom:8px;display:flex;gap:12px;flex-wrap:wrap;
        }
        .resource-card .rc-desc{
            font-size:13px;color:var(--text-secondary);
            line-height:1.7;margin-bottom:14px;flex:1;
        }
        .resource-card .rc-tags{
            display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;
        }
        .resource-card .rc-tags span{
            font-size:11px;font-weight:500;
            padding:3px 10px;border-radius:var(--radius-pill);
            background:var(--bg-soft);color:var(--text-secondary);
        }
        .resource-card .rc-link{
            font-size:13px;font-weight:600;color:var(--primary);
            display:inline-flex;align-items:center;gap:4px;
        }
        .resource-card .rc-link:hover{color:var(--accent)}
        /* 优惠阶梯 */
        .ladder-card{
            background:linear-gradient(160deg,var(--primary-dark) 0%,var(--primary) 60%,var(--primary-mid) 100%);
            border-radius:var(--radius-lg);
            padding:24px;color:#fff;
            border:1px solid rgba(255,255,255,0.1);
            box-shadow:var(--shadow-md);
        }
        .ladder-card h3{
            color:#fff;font-size:18px;margin-bottom:6px;
        }
        .ladder-card .ladder-sub{
            color:rgba(255,255,255,0.7);font-size:13px;margin-bottom:16px;
        }
        .ladder-step{
            display:flex;align-items:center;gap:12px;
            padding:12px 14px;border-radius:var(--radius-md);
            background:rgba(255,255,255,0.07);
            border:1px solid rgba(255,255,255,0.1);
            margin-bottom:10px;
            transition:all var(--transition-fast);
        }
        .ladder-step:hover{
            background:rgba(255,255,255,0.13);
            border-color:rgba(201,162,39,0.5);
        }
        .ladder-step .ls-num{
            width:30px;height:30px;flex-shrink:0;
            background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);
            border-radius:50%;display:flex;align-items:center;justify-content:center;
            font-size:13px;font-weight:800;color:var(--primary-dark);
        }
        .ladder-step .ls-info{flex:1}
        .ladder-step .ls-info strong{
            display:block;font-size:14px;color:#fff;
        }
        .ladder-step .ls-info span{
            font-size:12px;color:rgba(255,255,255,0.65);
        }
        .ladder-step .ls-tag{
            font-size:11px;font-weight:600;
            padding:3px 10px;border-radius:var(--radius-pill);
            background:rgba(201,162,39,0.25);color:var(--accent-light);
            white-space:nowrap;
        }
        .ladder-cta{
            display:block;width:100%;text-align:center;
            margin-top:14px;padding:12px;
            border-radius:var(--radius-pill);
            background:linear-gradient(135deg,var(--accent) 0%,#b8921f 100%);
            color:#fff;font-size:13px;font-weight:700;
            transition:all var(--transition);
        }
        .ladder-cta:hover{color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}

        /* ===== 资讯区 ===== */
        .news-layout{
            display:grid;grid-template-columns:1fr 340px;gap:32px;
        }
        .news-list{
            background:var(--surface);
            border:1px solid var(--border);
            border-radius:var(--radius-lg);
            padding:24px;
        }
        .news-list h3{
            font-size:16px;margin-bottom:16px;
            padding-bottom:12px;border-bottom:2px solid var(--bg-soft);
        }
        .news-item{
            display:flex;align-items:center;gap:14px;
            padding:12px 0;
            border-bottom:1px solid var(--bg-soft);
            transition:all var(--transition-fast);
        }
        .news-item:last-child{border-bottom:none}
        .news-item:hover{padding-left:6px}
        .news-item .news-date{
            font-size:12px;color:var(--text-muted);
            min-width:52px;text-align:center;
            background:var(--bg-soft);
            padding:6px 8px;border-radius:var(--radius-sm);
            font-weight:600;
        }
        .news-item .news-title{
            font-size:14px;font-weight:500;color:var(--text);
            line-height:1.5;flex:1;
        }
        .news-item .news-title a{color:var(--text)}
        .news-item .news-title a:hover{color:var(--accent)}
        .news-item .news-arrow{
            color:var(--text-muted);font-size:14px;
            flex-shrink:0;
        }
        .news-recommend{
            background:var(--surface);
            border:1px solid var(--border);
            border-radius:var(--radius-lg);
            overflow:hidden;
            display:flex;flex-direction:column;
        }
        .news-recommend .nr-img{
            height:180px;overflow:hidden;
        }
        .news-recommend .nr-img img{
            width:100%;height:100%;object-fit:cover;
            transition:transform 0.6s ease;
        }
        .news-recommend:hover .nr-img img{transform:scale(1.03)}
        .news-recommend .nr-body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
        .news-recommend .nr-tag{
            font-size:11px;font-weight:700;color:var(--accent);
            background:var(--accent-pale);
            padding:3px 10px;border-radius:var(--radius-pill);
            align-self:flex-start;margin-bottom:8px;
        }
        .news-recommend h3{font-size:15px;margin-bottom:6px}
        .news-recommend p{
            font-size:13px;color:var(--text-secondary);
            line-height:1.7;margin-bottom:12px;flex:1;
        }
        .news-recommend .nr-link{
            font-size:13px;font-weight:600;color:var(--primary);
        }
        .news-recommend .nr-link:hover{color:var(--accent)}

        /* ===== 口碑短视频墙 ===== */
        .wall-grid{
            display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
        }
        .wall-card{
            background:var(--surface);
            border:1px solid var(--border);
            border-radius:var(--radius-lg);
            overflow:hidden;
            transition:all var(--transition);
            aspect-ratio:3/4.2;
            display:flex;flex-direction:column;
        }
        .wall-card:hover{
            box-shadow:var(--shadow-md);
            transform:translateY(-4px);
        }
        .wall-card .wall-img{
            height:55%;overflow:hidden;position:relative;
        }
        .wall-card .wall-img img{
            width:100%;height:100%;object-fit:cover;
            transition:transform 0.6s ease;
        }
        .wall-card:hover .wall-img img{transform:scale(1.05)}
        .wall-card .wall-play{
            position:absolute;inset:0;
            display:flex;align-items:center;justify-content:center;
        }
        .wall-card .wall-play span{
            width:42px;height:42px;border-radius:50%;
            background:rgba(255,255,255,0.85);
            color:var(--primary);
            display:flex;align-items:center;justify-content:center;
            font-size:16px;box-shadow:var(--shadow-md);
        }
        .wall-card .wall-body{
            padding:14px 16px;flex:1;
            display:flex;flex-direction:column;justify-content:space-between;
        }
        .wall-card .wall-quote{
            font-size:13px;color:var(--text-secondary);
            line-height:1.6;
            display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
        }
        .wall-card .wall-author{
            font-size:12px;font-weight:600;color:var(--primary);
            margin-top:8px;
        }
        .wall-card .wall-loc{
            font-size:11px;color:var(--text-muted);
        }

        /* ===== 场景演示 - 流程步骤 ===== */
        .scene-steps{
            display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
            counter-reset:step;
        }
        .scene-step{
            background:var(--surface);
            border:1px solid var(--border);
            border-radius:var(--radius-lg);
            padding:24px 20px;
            transition:all var(--transition);
            position:relative;
        }
        .scene-step:hover{
            box-shadow:var(--shadow-sm);
            transform:translateY(-2px);
            border-color:var(--border-strong);
        }
        .scene-step .step-num{
            font-size:34px;font-weight:800;
            background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);
            -webkit-background-clip:text;
            background-clip:text;
            color:transparent;
            margin-bottom:6px;
        }
        .scene-step h3{font-size:15px;margin-bottom:6px}
        .scene-step p{font-size:13px;color:var(--text-secondary);line-height:1.7}

        /* ===== FAQ ===== */
        .faq-list{
            max-width:780px;margin:0 auto;
            display:flex;flex-direction:column;gap:12px;
        }
        .faq-item{
            background:var(--surface);
            border:1px solid var(--border);
            border-radius:var(--radius-md);
            overflow:hidden;
            transition:all var(--transition-fast);
        }
        .faq-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}
        .faq-q{
            width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;
            padding:18px 20px;
            font-size:15px;font-weight:600;color:var(--text);
            cursor:pointer;transition:color var(--transition-fast);
            text-align:left;
        }
        .faq-q:hover{color:var(--primary)}
        .faq-q .faq-icon{
            width:28px;height:28px;flex-shrink:0;
            border-radius:50%;background:var(--bg-soft);
            display:flex;align-items:center;justify-content:center;
            font-size:14px;color:var(--text-muted);
            transition:all var(--transition-fast);
        }
        .faq-item.open .faq-q .faq-icon{
            background:var(--primary);color:#fff;
            transform:rotate(45deg);
        }
        .faq-a{
            max-height:0;overflow:hidden;
            transition:max-height 0.4s ease,padding 0.3s ease;
            padding:0 20px;
        }
        .faq-item.open .faq-a{
            max-height:300px;
            padding:0 20px 18px;
        }
        .faq-a p{
            font-size:14px;color:var(--text-secondary);
            line-height:1.8;
            border-top:1px solid var(--bg-soft);
            padding-top:14px;
        }

        /* ===== CTA / 转化表单 ===== */
        .cta-section{
            background-image:linear-gradient(135deg,rgba(18,37,30,0.95) 0%,rgba(30,61,50,0.9) 50%,rgba(201,162,39,0.6) 100%),url('/assets/images/backpic/back-5.jpg');
            background-size:cover;
            background-position:center;
        }
        .cta-grid{
            display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;
        }
        .cta-info h2{
            color:#fff;font-size:clamp(1.4rem,2.2vw,1.9rem);
            margin-bottom:14px;
        }
        .cta-info p{
            color:rgba(255,255,255,0.78);
            font-size:14px;line-height:1.85;
            max-width:480px;
        }
        .cta-form-card{
            background:rgba(255,255,255,0.96);
            border-radius:var(--radius-xl);
            padding:32px;
            box-shadow:var(--shadow-xl);
        }
        .cta-form-card h3{
            font-size:18px;margin-bottom:6px;
        }
        .cta-form-card .form-sub{
            font-size:13px;color:var(--text-muted);margin-bottom:18px;
        }
        .form-group{margin-bottom:14px}
        .form-group label{
            display:block;font-size:13px;font-weight:600;
            color:var(--text-secondary);margin-bottom:4px;
        }
        .form-group input,.form-group select,.form-group textarea{
            width:100%;padding:12px 16px;
            border:1.5px solid var(--border);
            border-radius:var(--radius-md);
            font-size:14px;color:var(--text);
            background:var(--surface);
            transition:border-color var(--transition-fast);
            outline:none;
        }
        .form-group input:focus,.form-group select:focus,.form-group textarea:focus{
            border-color:var(--accent);
            box-shadow:0 0 0 3px rgba(201,162,39,0.15);
        }
        .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
        .form-submit{
            width:100%;padding:14px;
            border-radius:var(--radius-pill);
            background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 60%,var(--accent) 100%);
            color:#fff;font-size:15px;font-weight:700;
            transition:all var(--transition);
            box-shadow:var(--shadow-sm);
            margin-top:6px;
        }
        .form-submit:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}
        .form-note{
            font-size:11px;color:var(--text-muted);
            text-align:center;margin-top:10px;
        }

        /* ===== Footer ===== */
        .site-footer{
            background:var(--primary-dark);
            color:rgba(255,255,255,0.75);
            padding:50px 0 28px;
        }
        .footer-grid{
            display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px;
            margin-bottom:32px;
            padding-bottom:28px;
            border-bottom:1px solid rgba(255,255,255,0.1);
        }
        .footer-brand{
            font-size:18px;font-weight:700;color:#fff;
            margin-bottom:10px;
        }
        .footer-brand span{
            background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 100%);
            -webkit-background-clip:text;background-clip:text;color:transparent;
        }
        .footer-desc{
            font-size:13px;line-height:1.8;
            color:rgba(255,255,255,0.6);
            max-width:360px;
        }
        .footer-col h4{
            color:#fff;font-size:14px;margin-bottom:14px;
        }
        .footer-col ul{display:flex;flex-direction:column;gap:8px}
        .footer-col ul a{
            font-size:13px;color:rgba(255,255,255,0.65);
            transition:color var(--transition-fast);
        }
        .footer-col ul a:hover{color:var(--accent-light)}
        .footer-bottom{
            display:flex;align-items:center;justify-content:space-between;
            flex-wrap:wrap;gap:12px;
        }
        .footer-copy{
            font-size:12px;color:rgba(255,255,255,0.5);
        }
        .footer-copy a{color:rgba(255,255,255,0.7)}
        .footer-copy a:hover{color:var(--accent-light)}
        .footer-badge{
            display:flex;gap:8px;align-items:center;
            font-size:12px;color:rgba(255,255,255,0.55);
        }
        .footer-badge span{
            width:8px;height:8px;border-radius:50%;
            background:var(--accent);
        }

        /* ===== Responsive ===== */
        @media(max-width:1024px){
            .hero-grid{grid-template-columns:1fr;gap:36px}
            .hero{min-height:auto;padding:120px 0 50px}
            .hero-desc{max-width:100%}
            .category-grid{grid-template-columns:repeat(2,1fr)}
            .wall-grid{grid-template-columns:repeat(2,1fr)}
            .scene-steps{grid-template-columns:repeat(2,1fr)}
            .resource-layout{grid-template-columns:1fr}
            .news-layout{grid-template-columns:1fr}
            .cta-grid{grid-template-columns:1fr}
        }
        @media(max-width:768px){
            .section{padding:60px 0}
            .container{padding:0 16px}
            .nav-dock{padding:8px 12px}
            .nav-links{display:none}
            .nav-search{display:none}
            .nav-cta{display:none}
            .nav-brand{font-size:14px}
            .nav-brand-mark{width:30px;height:30px;font-size:13px}
            .nav-mobile-toggle{display:flex}
            .nav-mobile-panel{
                display:block;pointer-events:auto;
                background:rgba(255,255,255,0.98);
                border-radius:var(--radius-lg);
                padding:16px;
                margin-top:8px;
                box-shadow:var(--shadow-lg);
                max-width:400px;margin-left:auto;margin-right:auto;
            }
            .nav-mobile-panel a{
                display:block;padding:10px 14px;
                border-radius:var(--radius-sm);
                font-size:14px;color:var(--text-secondary);
            }
            .nav-mobile-panel a:hover{background:var(--bg-soft);color:var(--primary)}
            .tier-preview{grid-template-columns:1fr 1fr 1fr;gap:6px}
            .tier-card{padding:10px 6px}
            .tier-card .tier-name{font-size:11px}
            .tier-card .tier-price{font-size:13px}
            .tier-card .tier-left{font-size:10px}
            .hero-stats{gap:18px}
            .hero-stat .num{font-size:20px}
            .hero-panel{padding:18px}
            .progress-card{flex-direction:column;text-align:center}
            .progress-ring{width:70px;height:70px}
            .resource-grid{grid-template-columns:1fr}
            .form-row{grid-template-columns:1fr}
        }
        @media(max-width:520px){
            .category-grid{grid-template-columns:1fr}
            .wall-grid{grid-template-columns:1fr 1fr;gap:10px}
            .wall-card .wall-quote{font-size:11px}
            .scene-steps{grid-template-columns:1fr}
            .hero h1{font-size:1.5rem}
            .hero-desc{font-size:13px}
            .tier-preview{grid-template-columns:1fr;gap:8px}
            .tier-card{display:flex;align-items:center;gap:10px;text-align:left;padding:8px 12px}
            .tier-card .tier-name{margin-bottom:0}
            .tier-card .tier-price{margin-bottom:0;margin-left:auto}
            .tier-card .tier-left{display:none}
            .tier-card .tier-tag{margin-top:0}
            .footer-grid{grid-template-columns:1fr;gap:24px}
            .news-item{flex-wrap:wrap}
            .news-item .news-date{min-width:auto}
            .nav-dock{border-radius:var(--radius-lg)}
            .nav-brand{font-size:12px;letter-spacing:-0.02em}
        }