/**
         * ============================================
         * 灵涵速推 H5 首页样式
         * 遵循 Design System 统一规范
         * ============================================
         */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
        }

        :root {
            /* ========== 灵涵速推 · Logo品牌设计系统 ========== */
            /* 品牌气质：专业、简洁、高端、深蓝渐变风格 */
            
            /* Logo主题色 - 深蓝渐变 */
            --lh-logo-blue-start: #1a365d;
            --lh-logo-blue-end: #0f172a;
            --lh-logo-blue-mid: #152951;
            
            /* 品牌：Logo深蓝渐变 */
            --brand-blue: #1a365d;
            --brand-deep: #0f172a;
            --brand-grad: linear-gradient(145deg, #1a365d 0%, #152951 40%, #0f172a 100%);
            --brand-grad-light: linear-gradient(135deg, rgba(26, 54, 93, 0.08) 0%, rgba(15, 23, 42, 0.04) 100%);
            
            /* 兼容旧变量 */
            --primary: #1a365d;
            --primary-light: #2d4a73;
            
            /* 背景色 - 与主壳 --as-page-bg 一致 */
            --bg-page: #f2f2f7;
            --bg-card: #ffffff;
            --bg-elevated: #ffffff;
            
            /* 文字色 - 深色系 */
            --text-primary: #0f172a;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --text-inverse: #ffffff;
            
            /* 边框和阴影 - 简洁风格 */
            --border-light: 1px solid rgba(15, 23, 42, 0.08);
            --border-card: 1px solid rgba(15, 23, 42, 0.1);
            --shadow-card: 0 4px 16px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.04);
            --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
            --shadow-elevated: 0 12px 32px rgba(15, 23, 42, 0.12);
            
            /* 圆角 */
            --r-card: 16px;
            --r-btn: 12px;
            --r-icon: 12px;
            --r-tag: 8px;
            
            /* 间距 */
            --page-padding: 16px;
            --section-gap: 20px;
            --card-gap: 12px;
            --space-xs: 4px;
            --space-sm: 8px;
            --space-md: 12px;
            --space-lg: 16px;
            --space-xl: 24px;
            
            /* Icon 背板色（Logo配色） */
            --icon-bg-blue: rgba(26, 54, 93, 0.1);
            --icon-bg-purple: rgba(26, 54, 93, 0.08);
            --icon-bg-cyan: rgba(26, 54, 93, 0.08);
            --icon-bg-pink: rgba(26, 54, 93, 0.08);
            --icon-bg-orange: rgba(26, 54, 93, 0.08);
            --icon-bg-green: rgba(26, 54, 93, 0.08);
            --icon-bg-gray: rgba(26, 54, 93, 0.06);
            
            /* 安全区域 */
            --safe-top: env(safe-area-inset-top, 0px);
            --safe-bottom: env(safe-area-inset-bottom, 0px);
            --tab-height: 60px;
            --tab-bar-max-width: var(--h5-app-max-width, 430px);
            
            /* 兼容旧变量 - Logo风格 */
            --lh-bg: #f2f2f7;
            --lh-surface: #ffffff;
            --lh-text: #0f172a;
            --lh-text-secondary: #334155;
            --lh-text-muted: #64748b;
            --lh-primary: #1a365d;
            --lh-brand-grad: var(--brand-grad);
            --lh-border: var(--border-card);
            --lh-shadow: var(--shadow-card);
            --lh-r-card: var(--r-card);
            --lh-r-btn: var(--r-btn);
            --lh-r-widget: var(--r-icon);
            
            /* 旧变量兼容 */
            --accent: #1a365d;
            --bg-primary: #ffffff;
            --bg-secondary: #f1f5f9;
            --border-medium: rgba(15, 23, 42, 0.12);
            --radius-sm: 8px;
            --radius-md: 12px;
            --radius-lg: 16px;
            --h5-accent-cyan: #0ea5e9;
            
            /* 移除噪点纹理，保持干净风格 */
            --lh-noise-svg: none;
        }
        
        /* 电脑端与 common.css 一致，勿再铺满整屏 */
        
        /* 底栏与内容同宽 */
        html, body {
            height: 100%;
            overflow: hidden;
        }

        html {
            -webkit-text-size-adjust: 100%;
            text-size-adjust: 100%;
            position: relative;
            background: #f2f2f7;
            background-attachment: fixed;
        }

        body {
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
            background: transparent;
            color: #ffffff;
            position: relative;
            z-index: 0;
            line-height: 1.5;
            font-size: 15px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            letter-spacing: -0.01em;
            padding: var(--safe-top) env(safe-area-inset-right, 0px) calc(var(--safe-bottom) + var(--tab-height)) env(safe-area-inset-left, 0px);
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
        }

        /* ====== Logo风格：无颗粒纹理，干净简洁 ====== */
        body::before {
            display: none;
        }
        body::after {
            display: none;
        }

        /* 主容器：与全站 --h5-app-max-width 同宽居中 */
        .app-container {
            flex: 1 1 0%;
            min-height: 0;
            display: flex;
            flex-direction: column;
            width: 100%;
            max-width: var(--h5-app-max-width, 430px);
            margin-left: auto;
            margin-right: auto;
            background: transparent;
            border-radius: 0;
            box-shadow: none;
            overflow: hidden;
            position: relative;
            z-index: 1;
            box-sizing: border-box;
        }

        /* 内容滚动区域 */
        .main-content {
            flex: 1 1 0%;
            min-height: 0;
            overflow-y: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-y: contain;
            touch-action: pan-y;
            background: transparent;
        }

        /*
         * 所有 Tab 统一 Logo 深蓝风格
         */
        body.page-tab-agent,
        body.page-tab-template,
        body.page-tab-mine,
        body.page-tab-create {
            --text-primary: #0f172a;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --bg-card: #ffffff;
            --bg-secondary: #eef1f6;
            --border-light: rgba(15, 23, 42, 0.08);
            --border-medium: rgba(15, 23, 42, 0.12);
        }
        body.page-tab-agent,
        body.page-tab-template,
        body.page-tab-mine,
        body.page-tab-create {
            background: #f2f2f7;
            color: #0f172a;
        }

        /* 我的 Tab：字体栈与字色变量对齐创作页（create / tw-tool），正文层次一致 */
        body.page-tab-mine {
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
            font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            --zen-ink: #08090d;
            --zen-mist: #5c6470;
            --text-primary: #08090d;
            --text-secondary: #5c6470;
            --text-muted: #9098a6;
            color: var(--zen-ink);
        }
        body.page-tab-create .main-content,
        body.page-tab-agent .main-content,
        body.page-tab-template .main-content,
        body.page-tab-mine .main-content {
            display: flex;
            flex-direction: column;
            padding: 0 var(--page-padding) 6px;
            padding-bottom: max(6px, env(safe-area-inset-bottom, 0px));
            background: transparent;
        }

        /* ========== 创作 Tab：浅灰白底 + 深空字 + 靛青强调（与 common.css 一致） ========== */
        body.page-tab-create {
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
            --tab-height: 64px;
            --create-shadow-card: 0 8px 24px rgba(15, 23, 42, 0.07);
            --create-radius: 16px;
            --zen-paper: #f0f2fa;
            --zen-paper-bright: #ffffff;
            --zen-ink: #08090d;
            --zen-ink-rgb: 8, 9, 13;
            --zen-mist: #5c6470;
            --zen-mist-rgb: 92, 100, 112;
            --create-brand: #121a2c;
            --create-brand-rgb: 18, 26, 44;
            --create-primary: #141c2e;
            --create-primary-rgb: 20, 28, 46;
            --create-icon: #121a2c;
            --create-icon-muted: rgba(18, 26, 44, 0.22);
            --create-card-tint: #ffffff;
            --create-midnight: #08090d;
            --create-midnight-rgb: 8, 9, 13;
            --create-glow-cyan-rgb: 56, 189, 248;
            --create-glow-violet-rgb: 129, 140, 248;
            --create-accent-grad: linear-gradient(135deg, #090c14 0%, #121a2e 46%, #1a2850 100%);
            --create-accent-pink: #ff375f;
            --create-accent-pink-rgb: 255, 55, 95;
            --create-accent-teal: #2d4a6e;
            --create-accent-teal-rgb: 45, 74, 110;
            --create-hub-pill-active: rgba(30, 45, 90, 0.1);
            --create-icon-plate: #eef1f9;
            --create-icon-grad-teal: linear-gradient(180deg, #ffffff 0%, #f4f6fc 100%);
            --create-icon-grad-pink: linear-gradient(180deg, #ffffff 0%, #fff5f7 48%, #fce8ef 100%);
            --text-primary: #08090d;
            --text-secondary: #5c6470;
            --text-muted: #9098a6;
            --bg-card: #ffffff;
            --bg-secondary: #f0f2fa;
            --border-light: rgba(15, 23, 42, 0.08);
            --border-medium: rgba(15, 23, 42, 0.12);
            --create-accent-violet-rgb: 129, 140, 248;
            --create-surface: #ffffff;
            --create-border: rgba(15, 23, 42, 0.08);
            --create-hub-thumb-h: 34px;
            --create-rail-max: 408px;
            --create-grain: none;
            background: var(--lh-bg) !important;
            background-image: none !important;
            color: var(--zen-ink);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        body.page-tab-create .app-container {
            flex: 1;
            display: flex;
            flex-direction: column;
            min-height: 0;
            background: transparent;
        }
        body.page-tab-create .main-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            min-height: 0;
            background: transparent;
            padding: calc(env(safe-area-inset-top, 0px) + 10px) clamp(16px, 4vw, 22px) calc(var(--tab-height) + max(20px, env(safe-area-inset-bottom, 0px)) + 16px) clamp(16px, 4vw, 22px) !important;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-y: contain;
        }

        body.page-tab-agent .app-container,
        body.page-tab-template .app-container,
        body.page-tab-mine .app-container {
            background: transparent;
        }
        /* .page：flex 列 + 相对定位，背景在子层 */
        @keyframes createOrbGlow {
            0%, 100% {
                box-shadow:
                    0 0 0 1px rgba(var(--create-brand-rgb), 0.22),
                    0 6px 18px rgba(var(--create-brand-rgb), 0.12),
                    inset 0 1px 0 rgba(255, 255, 255, 0.98);
            }
            50% {
                box-shadow:
                    0 0 0 2px rgba(var(--create-primary-rgb), 0.28),
                    0 10px 24px rgba(var(--create-primary-rgb), 0.14),
                    inset 0 1px 0 rgba(255, 255, 255, 1);
            }
        }
        body.page-tab-create .page-create-zoom.create-page {
            position: relative;
            flex: 0 0 auto;
            width: 100%;
            max-width: min(var(--create-rail-max), 100%);
            margin-left: auto;
            margin-right: auto;
            min-height: calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - var(--tab-height) - 56px);
            min-height: calc(100svh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - var(--tab-height) - 56px);
            padding-bottom: max(48px, 12vh);
            overflow: visible;
            display: flex;
            flex-direction: column;
            gap: 0;
            /* 勿用 both：样式表晚到时会先套用 keyframes 的 opacity:0，刷新/切 Tab 整页像「闪没再出来」 */
            perspective: none;
            transform-style: flat;
        }
        body.page-tab-create .create-page-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            overflow: hidden;
        }
        body.page-tab-create .create-page-bg__layer {
            position: absolute;
            inset: 0;
            background: transparent;
            opacity: 0;
        }
        body.page-tab-create .create-page-bg__mask {
            position: absolute;
            inset: 0;
            background: transparent;
            opacity: 0;
        }
        /* 内容叠在背景之上 */
        body.page-tab-create .create-page > .create-poster-slot,
        body.page-tab-create .create-page > .ch,
        body.page-tab-create .create-page > .create-top-stack,
        body.page-tab-create .create-page > .create-main {
            position: relative;
            z-index: 1;
        }
        /* 创作页顶部 Banner：磨砂白卡 + 深字（iOS 大圆角卡片） */
        body.page-tab-create .create-poster-slot {
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            margin: 0 auto 16px;
            padding: 0;
            transform-style: flat;
        }
        body.page-tab-create .create-spec-banner {
            position: relative;
            width: 100%;
            aspect-ratio: 2.15 / 1;
            min-height: 132px;
            border-radius: var(--create-radius);
            overflow: hidden;
            background:
                linear-gradient(118deg, #ffffff 0%, #f8fafc 42%, #ffffff 100%),
                radial-gradient(ellipse 80% 70% at 100% 0%, rgba(30, 58, 68, 0.08), transparent 55%),
                radial-gradient(ellipse 55% 50% at 0% 100%, rgba(26, 42, 51, 0.06), transparent 50%);
            border: 1px solid var(--border-light);
            box-shadow: var(--create-shadow-card);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            transform: translateZ(0);
            transition: box-shadow 0.25s ease;
        }
        body.page-tab-create .create-spec-banner::after {
            display: none;
        }
        @media (hover: hover) {
            body.page-tab-create .create-poster-slot:hover .create-spec-banner {
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);
            }
        }
        body.page-tab-create .create-spec-banner__accent {
            position: absolute;
            left: 0;
            top: 14px;
            bottom: 14px;
            width: 4px;
            border-radius: 0 4px 4px 0;
            background: linear-gradient(180deg, #090c14 0%, #121a2e 50%, #1e3a8a 100%);
            opacity: 0.95;
            z-index: 2;
            pointer-events: none;
        }
        body.page-tab-create .create-spec-banner__mesh {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at 88% 18%, rgba(99, 102, 241, 0.09) 0%, transparent 42%);
            opacity: 1;
        }
        body.page-tab-create .create-spec-banner__inner {
            position: relative;
            z-index: 2;
            display: block;
            box-sizing: border-box;
            min-height: 100%;
            height: 100%;
            padding: clamp(14px, 3.2vw, 20px) clamp(16px, 4vw, 22px) clamp(14px, 3.2vw, 18px) clamp(20px, 5vw, 26px);
        }
        body.page-tab-create .create-spec-banner__corner {
            position: absolute;
            top: 12px;
            right: 14px;
            z-index: 3;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.06em;
            padding: 5px 10px;
            border-radius: 999px;
            color: var(--create-primary);
            background: #ffffff;
            border: 1px solid rgba(28, 48, 56, 0.22);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
        }
        body.page-tab-create .create-spec-banner__copy {
            min-width: 0;
        }
        body.page-tab-create .create-spec-banner__inner:has(.create-spec-banner__corner) .create-spec-banner__copy {
            padding-right: min(100px, 28vw);
        }
        body.page-tab-create .create-spec-banner__title {
            margin: 0 0 8px;
            font-size: clamp(20px, 5vw + 0.5rem, 24px);
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: -0.04em;
            color: var(--zen-ink);
        }
        body.page-tab-create .create-spec-banner__sub {
            margin: 0;
            font-size: 14px;
            line-height: 1.55;
            color: var(--text-secondary);
            font-weight: 500;
            letter-spacing: 0.02em;
        }
        body.page-tab-create .create-spec-banner__subline {
            display: inline-flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 0 6px;
            font-size: 14px;
            font-weight: 600;
            color: rgba(15, 23, 42, 0.78);
            letter-spacing: 0.04em;
        }
        body.page-tab-create .create-spec-banner__subline .dot {
            color: rgba(15, 23, 42, 0.35);
            font-weight: 500;
            user-select: none;
        }
        body.page-tab-create .create-spec-banner__tag-row {
            position: relative;
            margin-top: 5px;
            min-height: 24px;
        }
        body.page-tab-create .create-spec-banner__stats {
            position: absolute;
            left: 0;
            bottom: -4px;
            z-index: 0;
            display: flex;
            gap: 16px;
            align-items: baseline;
            font-size: clamp(26px, 9vw, 36px);
            font-weight: 800;
            letter-spacing: -0.02em;
            color: rgba(15, 23, 42, 0.04);
            pointer-events: none;
            line-height: 1;
        }
        body.page-tab-create .create-spec-banner__tags {
            position: relative;
            z-index: 1;
            display: flex;
            flex-wrap: wrap;
            gap: 6px 8px;
        }
        body.page-tab-create .create-spec-banner__tag {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-size: 12px;
            font-weight: 600;
            color: var(--zen-ink);
            padding: 6px 12px;
            border-radius: var(--create-radius);
            background: #f1f5f9;
            border: 1px solid var(--border-light);
            box-shadow: none;
        }
        body.page-tab-create .create-spec-banner__tag::before {
            content: '';
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: var(--create-primary);
            opacity: 0.85;
        }
        /* 创作页：隐藏大 Hero，排版对齐「顶三圆 + 主工具卡」（同行节奏） */
        body.page-tab-create .create-page > .ch {
            display: none !important;
        }
        body.page-tab-create .page-create-zoom .hero-section {
            flex-shrink: 0;
            padding: 6px 8px 4px;
            padding-top: 8px;
        }
        body.page-tab-create .page-create-zoom .hero-card:not(.hero-card--poster) {
            aspect-ratio: 2.45 / 1;
            padding: clamp(12px, 3.2vw, 16px) clamp(14px, 3.5vw, 18px);
            box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
        }
        body.page-tab-create .page-create-zoom .hero-card.hero-card--poster {
            aspect-ratio: 2.35 / 1;
            box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
        }
        body.page-tab-create .page-create-zoom .hero-carousel.hero-carousel--peer {
            aspect-ratio: 2.35 / 1;
            border-radius: 16px;
            box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
        }
        body.page-tab-create .page-create-zoom .category-nav {
            flex-shrink: 0;
            padding: 10px 0 12px;
            background: transparent;
        }
        body.page-tab-create .page-create-zoom .category-nav {
            display: flex;
            justify-content: center;
        }
        body.page-tab-create .page-create-zoom .category-scroll {
            padding: 4px;
            gap: 6px;
            background: #ffffff;
            border-radius: 100px;
            border: 1px solid #e5e7eb;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            /* 内容不超宽时居中，超宽时正常横滑 */
            width: auto;
            max-width: 100%;
            overflow-x: auto;
            flex-shrink: 0;
            justify-content: center;
        }
        /* 热门智能体：已移至分类 Tab 上方，独立区域 */
        body.page-tab-create .page-create-zoom .create-hot-agents {
            flex-shrink: 0;
            padding: 6px 12px 4px;
        }
        body.page-tab-create .page-create-zoom .create-hot-agents .create-hot-agents__scroll {
            padding-left: 0;
            padding-right: 0;
        }
        /* 顶部分类托盘：纯白卡 + 统一轻阴影 */
        body.page-tab-create .create-top-stack {
            position: relative;
            overflow: hidden;
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 16px;
            padding: 12px;
            display: flex;
            flex-direction: column;
            gap: 0;
            border-radius: var(--create-radius);
            background: #ffffff;
            border: 1px solid var(--border-light);
            box-shadow: var(--create-shadow-card);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            transform: translateZ(0);
            transition: box-shadow 0.25s ease;
        }
        body.page-tab-create .create-top-stack::after {
            display: none;
        }
        @media (hover: hover) {
            body.page-tab-create .create-top-stack:hover {
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);
            }
        }
        body.page-tab-create .create-top-stack.create-hub-tray {
            max-width: 100%;
            width: 100%;
            margin-bottom: 16px;
            padding: 12px;
            border-radius: var(--create-radius);
            box-sizing: border-box;
        }
        body.page-tab-create .create-top-menu.create-top-menu--segment {
            display: block;
            width: 100%;
            margin: 0;
            padding: 0 0 2px;
        }
        /* 轨道：无独立厚底，仅留白分区 */
        body.page-tab-create .create-top-menu--segment .create-seg__track {
            display: flex;
            align-items: stretch;
            gap: 5px;
            padding: 0;
            border-radius: 0;
            background: transparent;
            border: none;
            box-shadow: none;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        body.page-tab-create .create-top-menu--segment .cat-spot-item.create-seg__btn {
            flex: 1 1 0;
            min-width: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 5px;
            padding: 5px 4px 6px;
            border: none;
            border-radius: 12px;
            text-decoration: none;
            background: transparent;
            color: inherit;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent;
            transition: background 0.22s ease, opacity 0.22s ease, transform 0.18s ease;
        }
        body.page-tab-create .create-top-menu--segment .create-seg__btn:active {
            transform: scale(0.98);
        }
        /* 图标：小圆底，弱化方块感 */
        body.page-tab-create .create-top-menu--segment .create-seg__icon {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(var(--create-brand-rgb), 0.08);
            border: 1px solid rgba(var(--create-brand-rgb), 0.12);
            transition: background 0.22s ease, border-color 0.22s ease;
        }
        body.page-tab-create .create-top-menu--segment .create-seg__icon i {
            font-size: 16px;
            color: var(--create-brand);
        }
        body.page-tab-create .create-top-menu--segment .create-seg__icon img {
            width: 18px;
            height: 18px;
            object-fit: contain;
            filter: none;
            opacity: 0.88;
        }
        body.page-tab-create .create-top-menu--segment .create-seg__label {
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 0.03em;
            line-height: 1.2;
            color: rgba(60, 60, 67, 0.5);
            text-align: center;
            max-width: 100%;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            transition: color 0.2s ease, font-weight 0.2s ease;
        }
        body.page-tab-create .create-top-menu--segment:not(.has-active) .cat-spot-center.create-seg__btn {
            background: rgba(var(--create-brand-rgb), 0.08);
        }
        body.page-tab-create .create-top-menu--segment:not(.has-active) .cat-spot-center .create-seg__icon {
            background: rgba(var(--create-brand-rgb), 0.14);
            border-color: rgba(var(--create-brand-rgb), 0.22);
        }
        body.page-tab-create .create-top-menu--segment:not(.has-active) .cat-spot-center .create-seg__label {
            color: #1c1c1e;
            font-weight: 600;
        }
        body.page-tab-create .create-top-menu--segment.has-active .cat-spot-item.is-active {
            background: rgba(var(--create-brand-rgb), 0.1);
            border-radius: 14px;
        }
        body.page-tab-create .create-top-menu--segment.has-active .cat-spot-item.is-active .create-seg__icon {
            background: rgba(var(--create-brand-rgb), 0.18);
            border-color: rgba(var(--create-brand-rgb), 0.32);
        }
        body.page-tab-create .create-top-menu--segment.has-active .cat-spot-item.is-active .create-seg__label {
            color: #1c1c1e;
            font-weight: 600;
        }
        body.page-tab-create .create-top-menu--segment.has-active .cat-spot-item:not(.is-active) {
            opacity: 0.88;
        }
        body.page-tab-create .create-top-menu--segment.has-active .cat-spot-item:not(.is-active) .create-seg__label {
            color: rgba(60, 60, 67, 0.42);
        }

        /* ══ 创作 Hub：三分类 · iOS 分段按钮（未选白底深灰字 / 选中浅蓝底深蓝图标）══ */
        body.page-tab-create .create-hub-orbit {
            position: relative;
            z-index: 1;
            display: flex;
            flex-wrap: nowrap;
            align-items: stretch;
            justify-content: space-between;
            gap: 10px;
            padding: 0;
            overflow-x: auto;
            overflow-y: visible;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            box-sizing: border-box;
        }
        body.page-tab-create .create-hub-orbit::-webkit-scrollbar {
            display: none;
        }
        body.page-tab-create .create-hub-orb {
            flex: 1 1 0;
            min-width: 0;
            max-width: none;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-height: 88px;
            padding: 12px 8px;
            margin: 0;
            border: 1px solid var(--border-light);
            border-radius: var(--create-radius);
            background: #ffffff;
            color: inherit;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent;
            box-shadow: none;
            transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
        }
        body.page-tab-create .create-hub-orb:active {
            transform: scale(0.98);
        }
        body.page-tab-create .create-hub-orb.is-active {
            background: var(--create-hub-pill-active);
            border-color: rgba(28, 48, 56, 0.22);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
        }
        body.page-tab-create .create-hub-orb__ball {
            position: relative;
            width: 40px;
            height: 40px;
            margin: 0 auto;
            border-radius: 12px;
            transform: none;
            background: var(--create-icon-plate);
            border: 1px solid var(--border-light);
            box-shadow: none;
            transition: background 0.2s ease, border-color 0.2s ease;
        }
        body.page-tab-create .create-hub-orb--hero .create-hub-orb__ball {
            width: 40px;
            height: 40px;
        }
        body.page-tab-create .create-hub-orb.is-active .create-hub-orb__ball {
            background: #ffffff;
            border-color: rgba(28, 48, 56, 0.14);
        }
        @media (hover: hover) {
            body.page-tab-create .create-hub-orb:hover:not(.is-active) {
                border-color: rgba(15, 23, 42, 0.12);
            }
        }
        body.page-tab-create .create-hub-orb__glare {
            display: none !important;
        }
        body.page-tab-create .create-hub-orb__ring {
            display: none !important;
        }
        body.page-tab-create .create-hub-orb__icon {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #475569;
        }
        body.page-tab-create .create-hub-orb__icon .create-hub-line-ico {
            width: 22px;
            height: 22px;
            flex-shrink: 0;
        }
        body.page-tab-create .create-hub-orb--hero .create-hub-orb__icon .create-hub-line-ico {
            width: 22px;
            height: 22px;
        }
        body.page-tab-create .create-hub-orb__label {
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.02em;
            color: #475569;
            text-align: center;
            line-height: 1.25;
            width: 100%;
            max-width: 100%;
            white-space: normal;
            overflow-wrap: anywhere;
            word-break: keep-all;
            hyphens: none;
        }
        body.page-tab-create .create-hub-orbit.has-active .create-hub-orb:not(.is-active) {
            opacity: 1;
        }
        body.page-tab-create .create-hub-orb:not(.is-active) .create-hub-orb__label {
            color: #64748b;
            font-weight: 600;
        }
        body.page-tab-create .create-hub-orb.is-active .create-hub-orb__label {
            color: var(--create-brand);
            font-weight: 700;
        }
        body.page-tab-create .create-hub-orb.is-active .create-hub-orb__icon {
            color: var(--create-primary);
        }
        body.page-tab-create .page-create-zoom .create-hub-grid.features-grid {
            gap: var(--cr-gap);
            padding-top: 4px;
            perspective: none;
            transform-style: flat;
        }
        /* 首屏与 ?hub= 一致：按 data-ws-tw / data-ws-vid 隐藏（支持多选分区） */
        body.home-create-ui.page-tab-create .create-hub-grid[data-hub-initial="tw"]:not([data-hub-ready="1"]) .cr-tile:not([data-ws-tw="1"]) {
            display: none !important;
        }
        body.home-create-ui.page-tab-create .create-hub-grid[data-hub-initial="vid"]:not([data-hub-ready="1"]) .cr-tile:not([data-ws-vid="1"]) {
            display: none !important;
        }

        /* 创作 Hub 宫格：紧凑白卡 + 小封面 + 标题区（易读），告别竖版大图压字 */
        body.page-tab-create .page-create-zoom .feature-card.create-hub-card.create-hub-card--reel-layout,
        body.page-tab-create .page-create-zoom .create-hub-card.create-hub-card--reel-layout.create-hub-card--soon {
            align-items: stretch;
            justify-content: flex-start;
            padding: 0;
            gap: 0;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .feature-card__hot {
            top: 8px;
            right: 8px;
            z-index: 6;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            padding: 4px 8px;
            border-radius: 6px;
            background: #ffffff;
            color: var(--create-primary);
            border: 1px solid rgba(28, 48, 56, 0.2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .create-hub-visual__placeholder .create-hub-fa-badge {
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            width: 52px;
            height: 52px;
            margin: 0;
            border-radius: var(--create-radius) !important;
            box-sizing: border-box;
            font-size: 20px;
            line-height: 1;
            color: var(--create-primary) !important;
            background: var(--create-icon-plate) !important;
            border: 1px solid var(--border-light) !important;
            box-shadow: none !important;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .create-hub-visual__placeholder .create-hub-img-badge {
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            width: 52px;
            height: 52px;
            border-radius: var(--create-radius) !important;
            box-sizing: border-box;
            overflow: hidden;
            flex-shrink: 0;
            background: var(--create-icon-plate) !important;
            border: 1px solid var(--border-light) !important;
            box-shadow: none !important;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .create-hub-visual {
            position: relative;
            display: flex;
            flex-direction: column;
            width: 100%;
            min-height: 0;
            border-radius: var(--create-radius);
            overflow: hidden;
            flex-shrink: 0;
            border: 1px solid var(--border-light);
            box-shadow: var(--create-shadow-card);
            background: #ffffff;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            transform: translateZ(0);
            transform-style: flat;
            transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
            -webkit-tap-highlight-color: transparent;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .create-hub-visual__placeholder {
            width: 100%;
            min-height: 84px;
            height: auto;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            padding: 18px 12px 16px;
            background: #ffffff;
        }
        /* 去掉后台主题色整行铺底，改为参考稿「浅底 + 中央小渐变方标」 */
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .create-hub-visual__placeholder:not(.create-hub-visual__placeholder--muted) {
            background: #ffffff !important;
            box-shadow: none !important;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .create-hub-visual__placeholder .create-hub-line-ico {
            width: 52px;
            height: 52px;
            padding: 14px;
            border-radius: var(--create-radius);
            box-sizing: border-box;
            color: var(--create-primary);
            filter: none;
            opacity: 1;
            flex-shrink: 0;
            display: block;
        }
        body.page-tab-create .page-create-zoom .create-hub-grid .create-hub-card:not(.create-hub-card--soon) .create-hub-visual__placeholder:not(.create-hub-visual__placeholder--muted) .create-hub-line-ico {
            background: var(--create-icon-plate);
            border: 1px solid var(--border-light);
            box-shadow: none;
        }
        body.page-tab-create .page-create-zoom .create-hub-visual__placeholder:not(.create-hub-visual__placeholder--muted) .create-hub-line-ico path[fill="currentColor"],
        body.page-tab-create .page-create-zoom .create-hub-visual__placeholder:not(.create-hub-visual__placeholder--muted) .create-hub-line-ico rect[fill="currentColor"],
        body.page-tab-create .page-create-zoom .create-hub-visual__placeholder:not(.create-hub-visual__placeholder--muted) .create-hub-line-ico circle[fill="currentColor"],
        body.page-tab-create .page-create-zoom .create-hub-visual__placeholder:not(.create-hub-visual__placeholder--muted) .create-hub-line-ico ellipse[fill="currentColor"] {
            opacity: 1 !important;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .create-hub-visual__placeholder i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 52px;
            height: 52px;
            border-radius: var(--create-radius);
            font-size: 20px;
            line-height: 1;
            color: var(--create-primary) !important;
            filter: none;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .create-hub-visual__placeholder .create-hub-img-badge__img {
            width: 26px;
            height: 26px;
            object-fit: contain;
            display: block;
        }
        body.page-tab-create .page-create-zoom .create-hub-grid .create-hub-card:not(.create-hub-card--soon) .create-hub-visual__placeholder:not(.create-hub-visual__placeholder--muted) i {
            background: var(--create-icon-plate);
            border: 1px solid var(--border-light);
            box-shadow: none;
        }
        /* 即将上线：整体略弱，仍保持线性图标与同一卡片结构 */
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout.create-hub-card--soon .create-hub-visual {
            opacity: 0.78;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout.create-hub-card--soon .create-hub-visual__placeholder--muted {
            background: #f8fafc !important;
            box-shadow: none !important;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout.create-hub-card--soon .create-hub-visual__placeholder--muted .create-hub-line-ico {
            width: 52px;
            height: 52px;
            padding: 14px;
            border-radius: var(--create-radius);
            box-sizing: border-box;
            display: block;
            flex-shrink: 0;
            background: #f1f5f9 !important;
            border: 1px solid var(--border-light) !important;
            box-shadow: none !important;
            color: #94a3b8 !important;
            opacity: 1;
            filter: none;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .create-hub-visual__bar {
            position: relative;
            flex: 1 1 auto;
            min-height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px 8px 12px;
            background: #ffffff;
            border-top: 1px solid var(--border-light);
            pointer-events: none;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .create-hub-visual__label {
            display: block;
            text-align: center;
            font-size: 14px;
            font-weight: 700;
            line-height: 1.35;
            letter-spacing: 0.01em;
            color: var(--zen-ink);
            max-width: 100%;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-clamp: 2;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout.create-hub-card--soon .create-hub-visual__label {
            color: #64748b;
            font-weight: 600;
        }
        body.page-tab-create .page-create-zoom .create-hub-visual.create-hub-visual--tuwen-benchmark {
            width: 100%;
            max-width: 100%;
            margin-left: 0;
            margin-right: 0;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .create-hub-visual.create-hub-visual--tuwen-benchmark .create-hub-visual__placeholder {
            background: #ffffff;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout .create-hub-visual.create-hub-visual--tuwen-benchmark .create-hub-visual__placeholder .create-hub-line-ico {
            width: 52px;
            height: 52px;
            padding: 14px;
            border-radius: var(--create-radius);
            box-sizing: border-box;
        }
        body.page-tab-create .page-create-zoom .create-hub-visual.create-hub-visual--tuwen-benchmark .create-hub-visual__bar {
            padding: 10px 8px 12px;
            background: #ffffff;
            border-top: 1px solid var(--border-light);
        }
        body.page-tab-create .page-create-zoom .create-hub-visual.create-hub-visual--tuwen-benchmark .create-hub-visual__label {
            font-size: 14px;
            font-weight: 700;
            color: var(--zen-ink);
        }
        @media (hover: hover) {
            body.page-tab-create .page-create-zoom .feature-card.create-hub-card--reel-layout:hover .create-hub-visual {
                transform: translateY(-2px);
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
                border-color: rgba(28, 48, 56, 0.18);
            }
        }
        body.page-tab-create .page-create-zoom .create-hub-card--reel-layout:active .create-hub-visual {
            transform: translateY(0) scale(0.98);
            box-shadow: var(--create-shadow-card);
        }
        body.page-tab-create .page-create-zoom .create-tools-sheet .features-grid.create-hub-grid {
            gap: var(--cr-gap);
        }

        body.page-tab-create .page-create-zoom .feature-card.create-hub-card--reel-layout {
            transform-style: flat;
            perspective: none;
        }
        body.page-tab-create .page-create-zoom .create-hub-card .create-hub-icon--line {
            width: 52px;
            height: 52px;
            margin-bottom: 0;
            margin-top: 0;
            border-radius: var(--create-radius);
            display: flex;
            align-items: center;
            justify-content: center;
            transform: none;
            transform-style: flat;
            border: 1px solid var(--border-light);
            box-shadow: none;
            transition: border-color 0.2s ease;
        }
        body.page-tab-create .page-create-zoom .create-hub-grid .create-hub-card .create-hub-icon--line:not(.create-hub-icon--soon-cube) {
            background: var(--create-icon-plate);
        }
        @media (hover: hover) {
            body.page-tab-create .page-create-zoom .feature-card:hover .create-hub-icon--line {
                border-color: rgba(28, 48, 56, 0.2);
            }
        }
        body.page-tab-create .page-create-zoom .create-hub-card .create-hub-icon--line .create-hub-line-ico {
            width: 24px;
            height: 24px;
            color: var(--create-primary);
            filter: none;
        }
        body.page-tab-create .page-create-zoom .create-hub-card .create-hub-icon--line .create-hub-line-ico path[fill="currentColor"],
        body.page-tab-create .page-create-zoom .create-hub-card .create-hub-icon--line .create-hub-line-ico rect[fill="currentColor"],
        body.page-tab-create .page-create-zoom .create-hub-card .create-hub-icon--line .create-hub-line-ico circle[fill="currentColor"] {
            opacity: 1 !important;
        }
        body.page-tab-create .page-create-zoom .create-hub-card .create-hub-icon--soon-cube {
            background: linear-gradient(160deg, #f5f5f7 0%, #e8e8ed 100%);
            border-color: rgba(60, 60, 67, 0.12);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        }
        body.page-tab-create .page-create-zoom .create-hub-card .create-hub-icon--soon-cube .create-hub-line-ico {
            color: #c7c7cc;
            filter: none;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--soon {
            flex-direction: column;
            align-items: stretch;
            opacity: 1;
            cursor: default;
            pointer-events: none;
            border-style: solid;
            border-color: rgba(60, 60, 67, 0.06);
            background: transparent;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--soon:active {
            transform: none;
        }
        body.page-tab-create .page-create-zoom .create-hub-card--fallback {
            opacity: 0.92;
        }
        /* 工作台整块：纯白卡 + 统一轻阴影 */
        body.page-tab-create .page-create-zoom .create-glass-card.create-hub-sheet {
            position: relative;
            overflow: hidden;
            transform-style: flat;
            background: #ffffff;
            border: 1px solid var(--border-light);
            border-radius: var(--create-radius);
            box-shadow: var(--create-shadow-card);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            transition: box-shadow 0.25s ease;
        }
        body.page-tab-create .page-create-zoom .create-glass-card.create-hub-sheet::after {
            display: none;
        }
        body.page-tab-create .page-create-zoom .create-tools-sheet.create-glass-card.create-hub-sheet > .create-hub-grid {
            position: relative;
            z-index: 1;
        }
        @media (hover: hover) {
            body.page-tab-create .create-main:hover .create-glass-card.create-hub-sheet {
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);
            }
        }
        body.page-tab-create .create-hub-sheet__head {
            text-align: center;
            margin-bottom: 14px;
            padding: 0 4px 8px;
        }
        body.page-tab-create .create-hub-sheet__title {
            margin: 0 0 6px;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: -0.03em;
            color: #1c1c1e;
        }
        body.page-tab-create .create-hub-sheet__sub {
            margin: 0;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.45;
            color: rgba(60, 60, 67, 0.55);
        }

        /* 3️⃣ 主内容区：与整页同滚，不在此层再套一层纵向滚动 */
        body.page-tab-create .create-main {
            flex: 0 0 auto;
            display: flex;
            flex-direction: column;
            gap: 16px;
            padding: 0;
            padding-top: 0;
            overflow: visible;
        }
        body.page-tab-create .page-create-zoom .create-tools-sheet.create-glass-card {
            position: relative;
            flex: 0 0 auto;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            transform-style: flat;
            margin-top: 0;
            padding: 20px 16px 22px;
            border-radius: var(--create-radius);
            isolation: auto;
            overflow: visible;
        }
        body.page-tab-create .page-create-zoom .create-tools-sheet .features-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            background: transparent;
            border-radius: 0;
            padding: 8px 0 10px;
            margin: 0;
            flex: 0 0 auto;
            align-content: start;
        }
        /* 创作工作台内：智能体宫格（与上方 Hub 同宽三列，多展示） */
        body.page-tab-create .create-sheet-agents {
            flex-shrink: 0;
            margin-top: 20px;
            padding-top: 26px;
            border-top: 1px solid rgba(60, 60, 67, 0.1);
        }
        body.page-tab-create .create-sheet-agents__head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 18px;
            padding: 0 2px;
        }
        body.page-tab-create .create-sheet-agents__title {
            margin: 0;
            font-size: 15px;
            font-weight: 800;
            letter-spacing: 0.02em;
            color: var(--zen-ink);
        }
        body.page-tab-create .create-sheet-agents__more {
            flex-shrink: 0;
            font-size: 12px;
            font-weight: 600;
            color: var(--zen-mist);
            text-decoration: none;
            -webkit-tap-highlight-color: transparent;
        }
        body.page-tab-create .create-sheet-agents__more:active {
            opacity: 0.85;
        }
        body.page-tab-create .create-sheet-agents__grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px 8px;
        }
        body.page-tab-create .create-sheet-agents__card {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding: 10px 5px 12px;
            border-radius: 18px;
            text-decoration: none;
            color: #1c1c1e;
            background: #ffffff;
            border: 1px solid rgba(60, 60, 67, 0.12);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.04);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
            -webkit-tap-highlight-color: transparent;
        }
        body.page-tab-create .create-sheet-agents__card:active {
            transform: scale(0.97);
        }
        @media (hover: hover) {
            body.page-tab-create .create-sheet-agents__card:hover {
                transform: translateY(-2px);
                border-color: rgba(var(--zen-mist-rgb), 0.5);
                box-shadow: 0 8px 22px rgba(var(--zen-ink-rgb), 0.07);
            }
        }
        body.page-tab-create .create-sheet-agents__tag {
            position: absolute;
            top: 5px;
            right: 5px;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.04em;
            padding: 2px 6px;
            border-radius: 99px;
            background: rgba(120, 120, 128, 0.14);
            color: rgba(60, 60, 67, 0.75);
            line-height: 1;
            border: 1px solid rgba(60, 60, 67, 0.08);
        }
        body.page-tab-create .create-sheet-agents__icon {
            width: 38px;
            height: 38px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--zen-ink);
            font-size: 16px;
            flex-shrink: 0;
        }
        body.page-tab-create .create-sheet-agents__icon--image {
            padding: 0;
            overflow: hidden;
        }
        body.page-tab-create .create-sheet-agents__icon img {
            width: 22px;
            height: 22px;
            object-fit: contain;
        }
        body.page-tab-create .create-sheet-agents__name {
            margin-top: 8px;
            font-size: 13px;
            font-weight: 700;
            line-height: 1.35;
            color: var(--zen-ink);
            text-align: center;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-clamp: 2;
            width: 100%;
        }
        /* HOT 角标 */
        .create-tools-sheet__hot {
            display: inline-flex;
            align-items: center;
            padding: 3px 9px;
            border-radius: 6px;
            background: #e8302a;
            color: #fff;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.5px;
            margin-bottom: 16px;
            align-self: flex-start;
        }
        body.page-tab-create .page-create-zoom .create-tools-sheet__hot {
            background: linear-gradient(135deg, #f43f5e 0%, #ea580c 100%);
            color: #ffffff;
        }
        .cat-panel {
            animation: catPanelIn .22s ease;
        }
        @keyframes catPanelIn {
            from { opacity: 0; transform: translateY(8px); }
            to   { opacity: 1; transform: translateY(0); }
        }
        /* 分类面板间距 — 无分割线，纯间距 */
        .cat-panel + .cat-panel {
            margin-top: 14px;
        }
        /* 分类标题行隐藏 */
        .cat-panel__header { display: none; }
        .cat-panel__empty {
            padding: 40px 20px;
            text-align: center;
            color: rgba(255,255,255,.3);
            font-size: 13px;
        }
        body.page-tab-create .page-create-zoom .create-hot-agents__head {
            display: flex;
            align-items: center;
            gap: 6px;
            margin-bottom: 8px;
        }
        body.page-tab-create .page-create-zoom .create-hot-agents__bar {
            width: 3px;
            height: 12px;
            border-radius: 4px;
            background: linear-gradient(180deg, var(--zen-mist) 0%, rgba(var(--zen-ink-rgb), 0.35) 100%);
            flex-shrink: 0;
        }
        body.page-tab-create .page-create-zoom .create-hot-agents__title {
            margin: 0;
            font-size: 13px;
            font-weight: 600;
            color: var(--zen-ink);
            letter-spacing: -0.2px;
        }
        body.page-tab-create .page-create-zoom .create-hot-agents__scroll {
            display: flex;
            gap: 8px;
            overflow-x: auto;
            padding-bottom: 4px;
            margin: 0 calc(-1 * var(--page-padding));
            padding-left: var(--page-padding);
            padding-right: var(--page-padding);
            scrollbar-width: none;
            -ms-overflow-style: none;
            -webkit-overflow-scrolling: touch;
        }
        body.page-tab-create .page-create-zoom .create-hot-agents__scroll::-webkit-scrollbar {
            display: none;
        }
        body.page-tab-create .page-create-zoom .create-hot-agents__item {
            flex: 0 0 auto;
            width: 56px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none;
            color: inherit;
            -webkit-tap-highlight-color: transparent;
        }
        body.page-tab-create .page-create-zoom .create-hot-agents__item:active .create-hot-agents__tile {
            transform: scale(0.94);
        }
        body.page-tab-create .page-create-zoom .create-hot-agents__tile {
            width: 40px;
            height: 40px;
            border-radius: 12px;
            background: none;
            border: none;
            box-shadow: none;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 5px;
            transition: transform 0.15s ease;
        }
        body.page-tab-create .page-create-zoom .create-hot-agents__icon {
            width: 40px;
            height: 40px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--create-brand);
            font-size: 16px;
            box-shadow: none;
        }
        body.page-tab-create .page-create-zoom .create-hot-agents__icon img {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }

        /* ══ 创作功能 Hero（全宽、可折叠轮播）══ */
        .ch {
            margin-left: calc(-1 * var(--page-padding));
            margin-right: calc(-1 * var(--page-padding));
            flex-shrink: 0;
            position: relative;
            /* 下边缘圆角与深色卡片对齐，消除割裂间隙 */
            border-radius: 0 0 22px 22px;
            overflow: hidden;
            /* 向下投影，让 Hero 与卡片之间有层次感 */
            box-shadow: 0 12px 36px rgba(0, 0, 0, 0.55);
        }
        /* 每张幻灯片底部淡出 → 卡片背景色，视觉融合 */
        .ch__slide::after {
            content: '';
            position: absolute;
            bottom: 0; left: 0; right: 0;
            height: 56px;
            background: linear-gradient(to bottom, transparent 0%, rgba(2, 6, 23, 0.85) 100%);
            pointer-events: none;
            z-index: 3;
        }
        .ch__body {
            height: 255px;
            overflow: hidden;
            transition: height 0.45s cubic-bezier(0.4,0,0.2,1);
            position: relative;
        }
        .ch.is-collapsed .ch__body { height: 0; overflow: hidden; }
        .ch__track {
            display: flex;
            height: 255px;
            transition: transform 0.42s cubic-bezier(0.4,0,0.2,1);
            will-change: transform;
        }
        .ch__slide {
            flex: 0 0 100%;
            width: 100%;
            height: 255px;
            position: relative;
            overflow: hidden;
        }
        /* Slide backgrounds */
        .ch__slide--1 {
            background: linear-gradient(150deg,
                #8b9cf8 0%, #b49cf8 12%, #d8b5ff 28%,
                #ecd6ff 48%, #fce7f3 68%, #f5f0ff 88%, #fffcff 100%);
        }
        /* Slide 2: 深靛蓝 — 与 #121212 页面背景明显区分 */
        .ch__slide--2 {
            background: linear-gradient(140deg, #17085c 0%, #271490 32%, #161f8c 62%, #0d1360 100%);
        }
        /* Slide 3: 深墨绿 — 与页面背景形成色相对比 */
        .ch__slide--3 {
            background: linear-gradient(140deg, #0c2a24 0%, #155044 36%, #103c38 64%, #082420 100%);
        }

        /* Badge label */
        .ch__badge {
            display: inline-block;
            font-size: 11px; font-weight: 700;
            padding: 2.5px 9px;
            border-radius: 99px;
            margin-bottom: 9px;
            letter-spacing: .3px;
        }
        .ch__slide--1 .ch__badge { background: rgba(124,58,237,0.11); color: #7c3aed; border: 1px solid rgba(124,58,237,0.22); }
        .ch__slide--2 .ch__badge { background: rgba(99,102,241,0.2); color: #a5b4fc; border: 1px solid rgba(99,102,241,0.28); }
        .ch__slide--3 .ch__badge { background: rgba(251,191,36,0.12); color: #fbbf24; border: 1px solid rgba(251,191,36,0.22); }

        /* Main heading */
        .ch__heading {
            font-weight: 900;
            line-height: 1.1;
            margin-bottom: 7px;
            letter-spacing: -0.5px;
        }
        .ch__slide--1 .ch__heading { font-size: 27px; color: #1e1b4b; }
        .ch__slide--2 .ch__heading { font-size: 27px; color: #fff; }
        .ch__slide--3 .ch__heading { font-size: 27px; color: #fff; }

        /* Caption */
        .ch__caption { font-size: 12px; font-weight: 500; line-height: 1.5; }
        .ch__slide--1 .ch__caption { color: rgba(67,56,202,0.68); }
        .ch__slide--2 .ch__caption { color: rgba(255,255,255,0.58); }
        .ch__slide--3 .ch__caption { color: rgba(255,255,255,0.5); }

        /* Slide 1 text block */
        .ch__s1-text {
            position: absolute;
            left: 20px; bottom: 32px;
            z-index: 4;
        }
        /* Slide 2 text block */
        .ch__s2-text {
            position: absolute;
            left: 20px; top: 50%;
            transform: translateY(-50%);
            z-index: 4;
        }
        /* Slide 3 text block */
        .ch__s3-text {
            position: absolute;
            left: 20px; bottom: 32px;
            z-index: 4;
        }

        /* CTA pill button */
        .ch__pill {
            display: inline-flex; align-items: center; gap: 5px;
            margin-top: 13px;
            padding: 7px 15px;
            border-radius: 99px;
            background: var(--gradient-emphasis-short);
            color: #fff; font-size: 12px; font-weight: 600;
            text-decoration: none;
            -webkit-tap-highlight-color: transparent;
            box-shadow: 0 4px 12px rgba(30, 58, 68, 0.35);
        }
        .ch__pill svg { width: 11px; height: 11px; fill: #fff; flex-shrink: 0; }

        /* ── Slide 1 right: stacked photo cards ── */
        .ch__cards {
            position: absolute;
            right: 10px; bottom: -10px;
            width: 170px; height: 250px;
            z-index: 1;
        }
        .ch__card { position: absolute; border-radius: 16px; overflow: hidden; }
        .ch__card--a {
            width: 84px; height: 144px;
            left: 2px; bottom: 20px;
            transform: rotate(-9deg) translateY(5px);
            background: linear-gradient(150deg, #a78bfa 0%, #6d28d9 100%);
            box-shadow: 0 6px 16px rgba(109,40,217,0.32);
            opacity: 0.8;
        }
        .ch__card--b {
            width: 92px; height: 160px;
            left: 40px; bottom: 25px;
            transform: rotate(-1.5deg);
            background: linear-gradient(150deg, #fda4af 0%, #fb7185 40%, #e11d48 100%);
            border: 2.5px solid #fff;
            box-shadow: 0 0 0 2px #f472b6, 0 10px 24px rgba(244,114,182,0.45);
            z-index: 3;
        }
        .ch__card--c {
            width: 80px; height: 138px;
            right: 0; bottom: 15px;
            transform: rotate(8deg) translateY(8px);
            background: linear-gradient(150deg, #6ee7b7 0%, #10b981 60%, #065f46 100%);
            opacity: 0.75;
        }
        .ch__card--b::after {
            content: "AI 商品图";
            position: absolute;
            bottom: 10px; left: 50%;
            transform: translateX(-50%);
            font-size: 10px; font-weight: 700; color: #fff;
            background: rgba(0,0,0,0.28);
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            padding: 2px 8px; border-radius: 99px;
            white-space: nowrap;
        }
        /* floating product thumbnail */
        .ch__float {
            position: absolute;
            left: 18px; bottom: 14px;
            z-index: 5;
            width: 40px; height: 40px;
            border-radius: 11px;
            background: linear-gradient(135deg, #fde68a, #f59e0b);
            border: 2px solid rgba(255,255,255,0.55);
            box-shadow: 0 4px 12px rgba(245,158,11,0.4);
            animation: chFloat 3.2s ease-in-out infinite;
            display: flex; align-items: center; justify-content: center;
        }
        .ch__float::after {
            content: '';
            width: 18px; height: 18px;
            border-radius: 4px;
            background: rgba(255,255,255,0.55);
        }
        @keyframes chFloat {
            0%,100% { transform: translateY(0); }
            50%      { transform: translateY(-5px); }
        }

        /* ── Slide 2 right: phone + video ── */
        .ch__phone {
            position: absolute;
            right: 24px; top: 50%;
            transform: translateY(-52%);
            width: 90px; height: 162px;
            border-radius: 18px;
            border: 2.5px solid rgba(255,255,255,0.14);
            background: #0a0a14;
            overflow: hidden;
            box-shadow: 0 0 40px rgba(99,102,241,0.35), inset 0 0 20px rgba(99,102,241,0.08);
        }
        .ch__phone::before {
            content: '';
            position: absolute; inset: 0;
            background: linear-gradient(180deg, #2d1b69 0%, #1e1b4b 40%, #0f0c29 100%);
        }
        .ch__phone::after {
            content: '';
            position: absolute; top: 8px; left: 50%;
            transform: translateX(-50%);
            width: 26px; height: 4px;
            border-radius: 99px;
            background: rgba(255,255,255,0.12);
            z-index: 2;
        }
        .ch__phone-play {
            position: absolute;
            top: 50%; left: 50%;
            transform: translate(-50%, -54%);
            width: 40px; height: 40px;
            border-radius: 50%;
            background: rgba(255,255,255,0.14);
            backdrop-filter: blur(4px);
            border: 1.5px solid rgba(255,255,255,0.38);
            display: flex; align-items: center; justify-content: center;
            animation: chPulse 2.2s ease-in-out infinite;
            z-index: 3;
        }
        @keyframes chPulse {
            0%,100% { box-shadow: 0 0 0 0 rgba(167,139,250,0.5); }
            50%      { box-shadow: 0 0 0 10px rgba(167,139,250,0); }
        }
        .ch__phone-play svg { width: 14px; height: 14px; fill: #fff; margin-left: 2px; position: relative; z-index: 1; }
        .ch__phone-prog {
            position: absolute;
            bottom: 18px; left: 10px; right: 10px;
            height: 3px; border-radius: 99px;
            background: rgba(255,255,255,0.12);
            overflow: hidden; z-index: 3;
        }
        .ch__phone-prog-fill {
            height: 100%; border-radius: 99px;
            background: linear-gradient(90deg, #818cf8, #c084fc);
            animation: chProg 3.5s linear infinite;
        }
        @keyframes chProg {
            0% { width: 0%; } 85% { width: 100%; } 100% { width: 100%; }
        }

        /* ── Slide 3 right: browser window mockup ── */
        .ch__win {
            position: absolute;
            right: 14px; top: 22px;
            width: 150px; height: 120px;
            border-radius: 10px;
            background: #1e1e2e;
            border: 1px solid rgba(255,255,255,0.1);
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            overflow: hidden;
        }
        .ch__win-bar {
            height: 22px;
            background: #2a2a3e;
            display: flex; align-items: center;
            gap: 4px; padding: 0 9px;
            border-bottom: 1px solid rgba(255,255,255,0.06);
        }
        .ch__win-dot { width: 7px; height: 7px; border-radius: 50%; }
        .ch__win-dot:nth-child(1) { background: #ff5f57; }
        .ch__win-dot:nth-child(2) { background: #febc2e; }
        .ch__win-dot:nth-child(3) { background: #28c840; }
        .ch__win-body {
            position: relative; height: 98px; overflow: hidden;
        }
        .ch__win-scene {
            position: absolute; inset: 0;
            display: flex; align-items: center; justify-content: center;
        }
        .ch__win-scene--a {
            background: linear-gradient(135deg, #374151 0%, #4b5563 100%);
        }
        .ch__win-scene--b {
            background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 55%, #7c3aed 100%);
            animation: chSceneSwitch 4s ease-in-out infinite;
        }
        @keyframes chSceneSwitch {
            0%,40% { opacity: 0; } 50%,90% { opacity: 1; } 100% { opacity: 0; }
        }
        .ch__win-label {
            font-size: 10px; font-weight: 700; color: rgba(255,255,255,0.5);
        }
        /* sparkle dots */
        .ch__spark {
            position: absolute;
            background: #fff;
            border-radius: 50%;
            pointer-events: none;
        }
        @keyframes chSpark {
            0%,100% { opacity: 0.08; transform: scale(0.8); }
            50%      { opacity: 0.9; transform: scale(1.5); }
        }

        /* ── Toggle collapse button ── */
        .ch__toggle {
            position: absolute;
            top: 12px; right: 12px;
            z-index: 10;
            width: 28px; height: 28px;
            border-radius: 50%;
            background: rgba(0,0,0,0.22);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border: 1px solid rgba(255,255,255,0.2);
            color: rgba(255,255,255,0.85);
            display: flex; align-items: center; justify-content: center;
            cursor: pointer;
            transition: transform 0.35s ease;
            -webkit-tap-highlight-color: transparent;
            padding: 0;
        }
        .ch__toggle svg { width: 14px; height: 14px; }

        /* ── Bottom slide dots ── */
        .ch__dots {
            position: absolute;
            bottom: 10px; left: 50%;
            transform: translateX(-50%);
            display: flex; gap: 5px;
            z-index: 5;
        }
        .ch__dot {
            width: 16px; height: 3px;
            border-radius: 99px;
            background: rgba(255,255,255,0.28);
            transition: width .3s, background .3s;
            cursor: pointer;
        }
        .ch__dot.is-on { width: 28px; background: rgba(255,255,255,0.88); }

        /* ── 三件套圆形分类导航（同行风格，浮于暗色背景）── */
        .cat-spotlight {
            display: flex;
            justify-content: center;
            align-items: flex-end;
            gap: 0;
            padding: 4px 0 28px;
            flex-shrink: 0;
        }
        .cat-spot-item {
            flex: 0 0 auto;
            width: 33.33%;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            text-decoration: none;
            -webkit-tap-highlight-color: transparent;
            cursor: pointer;
            transition: opacity .18s;
        }
        .cat-spot-item:active .cat-spot-circle { transform: scale(0.90); }
        /* 圆形图标容器 */
        .cat-spot-circle {
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.18s ease, box-shadow 0.18s;
            overflow: hidden;
            color: #fff;
        }
        /* 左 / 右：中性灰小圆（同行风格，override DB 颜色） */
        .cat-spot-left  .cat-spot-circle,
        .cat-spot-right .cat-spot-circle {
            width: 64px; height: 64px;
            background: rgba(255,255,255,0.09) !important;
            border: 1px solid rgba(255,255,255,0.14);
            box-shadow: 0 2px 14px rgba(0,0,0,0.22);
            font-size: 20px;
            color: rgba(255,255,255,0.72);
        }
        .cat-spot-left  .cat-spot-circle img,
        .cat-spot-right .cat-spot-circle img {
            width: 30px; height: 30px; object-fit: contain;
            filter: brightness(0) invert(1) opacity(0.72);
        }
        /* 中间：珍珠玻璃大圆 */
        .cat-spot-center .cat-spot-circle {
            width: 82px; height: 82px;
            position: relative;
            background: linear-gradient(145deg, rgba(255,255,255,0.88) 0%, rgba(215,210,240,0.70) 100%) !important;
            box-shadow: 0 5px 24px rgba(0,0,0,0.28), 0 0 0 2px rgba(255,255,255,0.30);
            font-size: 26px;
            color: #3a3060;
        }
        .cat-spot-center .cat-spot-circle::after {
            content: '';
            position: absolute; inset: 0;
            border-radius: 50%;
            background: radial-gradient(ellipse at 30% 20%, rgba(255,255,255,0.55) 0%, transparent 55%);
            pointer-events: none;
        }
        .cat-spot-center .cat-spot-circle img {
            width: 44px; height: 44px; object-fit: contain;
        }
        .cat-spot-center .cat-spot-circle i { color: #3a3060; }
        /* 标签 */
        .cat-spot-label {
            font-size: 12px;
            color: rgba(255,255,255,0.55);
            font-weight: 400;
            text-align: center;
            line-height: 1.3;
            white-space: nowrap;
        }
        .cat-spot-center .cat-spot-label {
            font-size: 13px;
            color: rgba(255,255,255,0.82);
            font-weight: 500;
        }
        /* 激活态 */
        .cat-spot-item.is-active .cat-spot-label { color: #fff; font-weight: 600; }
        .cat-spot-left.is-active  .cat-spot-circle,
        .cat-spot-right.is-active .cat-spot-circle {
            background: rgba(255,255,255,0.16) !important;
            box-shadow: 0 4px 18px rgba(255,255,255,0.15), 0 0 0 2px rgba(255,255,255,0.28);
        }
        .cat-spot-center.is-active .cat-spot-circle {
            box-shadow: 0 6px 28px rgba(0,0,0,0.30), 0 0 0 3px rgba(255,255,255,0.40);
        }
        /* 未激活的圆变暗 */
        .cat-spotlight.has-active .cat-spot-item:not(.is-active) { opacity: 0.45; }
        body.page-tab-create .page-create-zoom .create-hot-agents__label {
            font-size: 12px;
            font-weight: 600;
            color: #4b5563;
            text-align: center;
            line-height: 1.3;
            max-width: 56px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        body.page-tab-create .page-create-zoom .section#features {
            flex: 1 1 0%;
            min-height: 0;
            display: flex;
            flex-direction: column;
            padding: 0;
            margin: 0;
            background: transparent;
            border-radius: 0;
            border: none;
            box-shadow: none;
        }
        body.page-tab-create .page-create-zoom .section#features .features-grid {
            flex: 0 0 auto;
            align-content: start;
        }
        body.page-tab-create .page-create-zoom .section#features .empty-state {
            flex: 1 1 0%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height: 160px;
        }
        /* 创作页：横幅 / 分类 / 工具区 — 用 clamp(min, vw, max) 限死上下界，避免仅靠 vw 在超窄/超宽机上比例飘移 */
        body.page-tab-create .page-create-zoom .hero-card .hero-title {
            font-size: clamp(1.05rem, 3.6vw + 0.35rem, 1.4rem);
            line-height: 1.2;
            margin-bottom: 8px;
        }
        body.page-tab-create .page-create-zoom .hero-card .hero-subtitle {
            font-size: clamp(12px, 2.4vw + 0.5rem, 15px);
            line-height: 1.52;
            max-width: none;
        }
        body.page-tab-create .page-create-zoom .hero-badge {
            font-size: 11px;
            padding: 5px 12px;
            margin-bottom: 10px;
            gap: 6px;
        }
        body.page-tab-create .page-create-zoom .category-item {
            font-size: 15px;
            padding: 8px 20px;
            font-weight: 600;
            background: transparent;
            border-color: transparent;
            color: var(--zen-mist);
        }
        body.page-tab-create .page-create-zoom .category-item.active {
            background: var(--zen-paper);
            border-color: var(--zen-paper);
            color: var(--zen-ink);
            box-shadow: 0 1px 3px rgba(var(--zen-ink-rgb), 0.08);
        }
        /* 功能卡片（非 reel 布局）：白底实色，保证可读 */
        body.page-tab-create .page-create-zoom .feature-card {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 12px 6px 12px;
            border-radius: 16px;
            transform-style: flat;
            backface-visibility: visible;
            -webkit-backface-visibility: visible;
            background: #ffffff;
            border: 1px solid var(--border-light);
            box-shadow: var(--create-shadow-card);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), background 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
            gap: 10px;
        }
        body.page-tab-create .page-create-zoom .feature-card .feature-card__hot {
            position: absolute;
            top: 8px;
            right: 8px;
            left: auto;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            padding: 4px 8px;
            border-radius: 6px;
            background: #ffffff;
            color: var(--create-primary);
            line-height: 1;
            border: 1px solid rgba(28, 48, 56, 0.2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
            z-index: 2;
            pointer-events: none;
        }
        body.page-tab-create .page-create-zoom .feature-card:active:not(.create-hub-card--reel-layout) {
            transform: scale(0.98);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
        }
        @media (hover: hover) {
            body.page-tab-create .page-create-zoom .feature-card:hover:not(.create-hub-card--reel-layout) {
                transform: translateY(-2px);
                border-color: #cbd5e1;
                box-shadow: var(--create-shadow-card);
            }
        }
        body.page-tab-create .page-create-zoom .feature-card.feature-card--focus {
            background: var(--chip-bg-on, rgba(26, 42, 51, 0.1));
            border-color: var(--chip-border-on, rgba(28, 48, 56, 0.32));
            box-shadow: 0 4px 14px var(--chip-ring-on, rgba(28, 48, 56, 0.12));
        }
        body.page-tab-create .page-create-zoom .feature-icon {
            width: 56px;
            height: 56px;
            margin-bottom: 0;
            margin-top: 0;
            border-radius: 16px;
            background: #f1f5f9 !important;
            border: 1px solid #e2e8f0;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        body.page-tab-create .page-create-zoom .feature-icon i {
            font-size: 22px;
            line-height: 1;
            color: var(--create-brand) !important;
        }
        body.page-tab-create .page-create-zoom .feature-icon--image img {
            width: 30px;
            height: 30px;
            filter: none;
            opacity: 1;
        }
        /* 文案层级 */
        body.page-tab-create .page-create-zoom .feature-name {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 0;
            line-height: 1.4;
            letter-spacing: 0.01em;
            color: var(--zen-ink);
            text-shadow: none;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-clamp: 2;
            text-align: center;
            letter-spacing: 0;
        }
        /* 创作页仅标题，隐藏副文案 */
        body.page-tab-create .page-create-zoom .feature-desc {
            display: none !important;
        }
        body.page-tab-create .page-create-zoom .empty-state .empty-icon {
            background: rgba(var(--zen-mist-rgb), 0.18);
        }
        body.page-tab-create .page-create-zoom .empty-icon svg {
            color: rgba(var(--zen-ink-rgb), 0.28);
        }
        body.page-tab-create .page-create-zoom .empty-state h4 {
            color: var(--zen-ink);
        }
        body.page-tab-create .page-create-zoom .empty-state p {
            color: var(--zen-mist);
        }

        @media (prefers-reduced-motion: reduce) {
            body.page-tab-create .create-hub-orb.is-active .create-hub-orb__ball {
                animation: none;
            }
            body.page-tab-create .page-create-zoom.create-page {
                animation: none;
            }
            body.page-tab-create .page-create-zoom .feature-card,
            body.page-tab-create .create-hub-orb,
            body.page-tab-create .create-hub-orb__ball,
            body.page-tab-create .create-spec-banner,
            body.page-tab-create .create-top-stack,
            body.page-tab-create .create-glass-card.create-hub-sheet {
                transition-duration: 0.01ms !important;
            }
            body.page-tab-create .create-poster-slot:hover .create-spec-banner {
                transform: none;
            }
            body.page-tab-create .create-top-stack:hover {
                transform: none;
            }
            body.page-tab-create .create-hub-orb:active {
                transform: none;
            }
            body.page-tab-create .page-create-zoom .feature-card.create-hub-card--reel-layout:hover .create-hub-visual,
            body.page-tab-create .page-create-zoom .create-hub-card--reel-layout:active .create-hub-visual {
                transform: none;
            }
        }

        /* 矮屏仅压缩横幅占位，不改整页缩放，各机观感一致 */
        @media (max-height: 720px) and (max-width: 767px) {
            body.page-tab-create .page-create-zoom .hero-card:not(.hero-card--poster) {
                aspect-ratio: 2.65 / 1;
            }
            body.page-tab-create .page-create-zoom .hero-carousel.hero-carousel--peer {
                aspect-ratio: 2.65 / 1;
            }
            body.page-tab-create .page-create-zoom .hero-section {
                padding-top: 4px;
            }
        }

        /* 创作 Tab 底栏：纯白轻量 + 「创作」强高亮 */
        body.page-tab-create .tab-bar {
            background: #ffffff;
            border-top: 1px solid var(--border-light);
            box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.04);
            border-radius: var(--create-radius) var(--create-radius) 0 0;
            align-items: flex-end;
            padding-top: 8px;
            padding-bottom: var(--safe-bottom);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        body.page-tab-create .tab-item {
            color: #64748b;
            justify-content: center;
            align-items: center;
            gap: 4px;
            padding-top: 0;
            padding-bottom: 6px;
            filter: none;
            transition: color 0.2s ease, transform 0.15s ease;
        }
        body.page-tab-create .tab-item.active {
            color: var(--lh-text);
        }
        body.page-tab-create .tab-item:active {
            transform: scale(0.97);
        }
        body.page-tab-create .tab-item.active .tab-label {
            font-weight: 700;
            color: var(--lh-text);
        }
        body.page-tab-create .tab-item.active .tab-icon {
            color: var(--lh-text);
        }
        body.page-tab-create .tab-bar a.tab-item svg.tab-icon {
            width: 20px;
            height: 20px;
        }
        body.page-tab-create .tab-bar .tab-label {
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.02em;
        }
        body.page-tab-create .tab-bar a.tab-item svg.tab-icon path,
        body.page-tab-create .tab-bar a.tab-item svg.tab-icon rect,
        body.page-tab-create .tab-bar a.tab-item svg.tab-icon circle,
        body.page-tab-create .tab-bar a.tab-item svg.tab-icon line,
        body.page-tab-create .tab-bar a.tab-item svg.tab-icon polyline {
            stroke: currentColor;
            stroke-width: 2.1;
        }
        @media (hover: hover) {
            body.page-tab-create .page-create-zoom .feature-card.create-hub-card:hover:not(.create-hub-card--reel-layout) {
                filter: none;
            }
        }
        body.page-tab-create .page-create-zoom .feature-card.create-hub-card:active:not(.create-hub-card--reel-layout) {
            box-shadow: 0 3px 12px rgba(var(--zen-ink-rgb), 0.08);
        }

        body.page-tab-agent .agent-page-wrapper {
            background: transparent;
            display: flex;
            flex-direction: column;
            flex: 0 0 auto;
            width: 100%;
            padding-bottom: 0;
        }
        body.page-tab-agent .agent-page-wrapper .hero-section {
            flex-shrink: 0;
            padding: 6px 8px 4px;
            padding-top: 8px;
        }
        body.page-tab-agent .agent-page-wrapper .hero-card:not(.hero-card--poster) {
            aspect-ratio: 2.45 / 1;
            padding: clamp(12px, 3.2vw, 16px) clamp(14px, 3.5vw, 18px);
            box-shadow: 0 8px 28px rgba(20, 21, 33, 0.1);
        }
        body.page-tab-agent .agent-page-wrapper .hero-card.hero-card--poster {
            aspect-ratio: 2.35 / 1;
            box-shadow: 0 8px 28px rgba(20, 21, 33, 0.1);
        }
        body.page-tab-agent .agent-page-wrapper .hero-carousel.hero-carousel--peer {
            aspect-ratio: 2.35 / 1;
            border-radius: 16px;
            box-shadow: 0 8px 28px rgba(20, 21, 33, 0.12);
        }
        body.page-tab-agent .agent-section {
            padding-top: 2px;
        }

        /* 模板（底栏「提示词」入口）/ 我的：与创作、智能体一致，不使用 zoom */
        body.page-tab-template .template-page {
            display: flex;
            flex-direction: column;
            flex: 0 0 auto;
            width: 100%;
            padding-bottom: 12px;
            padding-top: 0;
            background: transparent;
        }
        body.page-tab-template .template-hero-section {
            flex-shrink: 0;
            padding: 6px 8px 4px;
            padding-top: 8px;
        }
        body.page-tab-template .template-hero-card {
            aspect-ratio: 2.45 / 1;
            padding: clamp(12px, 3.2vw, 16px) clamp(14px, 3.5vw, 18px);
            box-shadow: 0 8px 28px rgba(20, 21, 33, 0.1);
        }
        body.page-tab-mine .mine-page-zoom {
            display: flex;
            flex-direction: column;
            flex: 0 0 auto;
            width: 100%;
            padding-bottom: 12px;
        }

        /* 智能体：与创作页同源横幅 + 列表字号，clamp 限界；矮屏只压横幅比例 */
        body.page-tab-agent .agent-page-wrapper .hero-card .hero-title {
            font-size: clamp(1.05rem, 3.6vw + 0.35rem, 1.4rem);
            line-height: 1.2;
            margin-bottom: 8px;
        }
        body.page-tab-agent .agent-page-wrapper .hero-card .hero-subtitle {
            font-size: clamp(12px, 2.4vw + 0.5rem, 15px);
            line-height: 1.52;
            max-width: none;
        }
        body.page-tab-agent .agent-page-wrapper .hero-badge {
            font-size: 11px;
            padding: 5px 12px;
            margin-bottom: 10px;
            gap: 6px;
        }
        body.page-tab-agent .agent-page-wrapper .agent-section-title {
            font-size: clamp(15px, 2.2vw + 0.65rem, 17px);
        }
        body.page-tab-agent .agent-page-wrapper .agent-name {
            font-size: clamp(11px, 1.6vw + 0.4rem, 13px);
        }
        body.page-tab-agent .agent-page-wrapper .agent-desc {
            display: none;
        }
        @media (max-height: 720px) and (max-width: 767px) {
            body.page-tab-agent .agent-page-wrapper .hero-card:not(.hero-card--poster) {
                aspect-ratio: 2.65 / 1;
            }
            body.page-tab-agent .agent-page-wrapper .hero-carousel.hero-carousel--peer {
                aspect-ratio: 2.65 / 1;
            }
            body.page-tab-agent .agent-page-wrapper .hero-section {
                padding-top: 4px;
            }
        }

        /* 模板页（SOP / Prompt）：海报与子 Tab 字号与创作页策略一致 */
        body.page-tab-template .template-page .template-hero-card .hero-title {
            font-size: clamp(1.05rem, 3.6vw + 0.35rem, 1.4rem);
        }
        body.page-tab-template .template-page .template-hero-card .hero-subtitle {
            font-size: clamp(12px, 2.4vw + 0.5rem, 15px);
            max-width: none;
        }
        body.page-tab-template .template-page .template-hero-card .hero-highlight {
            font-size: clamp(12px, 1.8vw + 0.5rem, 14px);
        }
        body.page-tab-template .template-page .template-hero-card .hero-desc {
            font-size: clamp(11px, 1.4vw + 0.35rem, 12px);
            max-width: none;
        }
        body.page-tab-template .template-page .sub-tab-btn {
            font-size: clamp(12px, 1.5vw + 0.4rem, 14px);
        }
        body.page-tab-template .template-page .prompt-card-name {
            font-size: clamp(12px, 1.8vw + 0.45rem, 14px);
        }
        body.page-tab-template .template-page .prompt-card-preview {
            font-size: clamp(11px, 1.4vw + 0.35rem, 12px);
        }
        body.page-tab-template .template-page .prompt-count {
            font-size: clamp(12px, 1.5vw + 0.4rem, 13px);
        }
        @media (max-height: 720px) and (max-width: 767px) {
            body.page-tab-template .template-page .template-hero-card {
                aspect-ratio: 2.65 / 1;
            }
            body.page-tab-template .template-page .template-hero-section {
                padding-top: 4px;
            }
        }

        /* 我的：头部与宫格、统计区 — 与创作页 hero / tw-tool 同源 clamp */
        body.page-tab-mine .mine-page-zoom .mine-hero-name {
            font-size: clamp(17px, 3.2vw + 0.45rem, 20px);
            font-weight: 700;
        }
        body.page-tab-mine .mine-page-zoom .mine-hero-tag {
            font-size: 12px;
        }
        body.page-tab-mine .mine-page-zoom .mine-hero-status {
            font-size: 12px;
        }
        body.page-tab-mine .mine-page-zoom .mine-hero-sub {
            font-size: clamp(12px, 2.2vw + 0.45rem, 14px);
        }
        body.page-tab-mine .mine-page-zoom .mine-hero-id {
            font-size: 13px;
        }
        body.page-tab-mine .mine-page-zoom .mine-section-card--services .mine-section-card__title {
            font-size: 15px;
            font-weight: 600;
        }
        body.page-tab-mine .mine-page-zoom .mine-func-label {
            font-size: 15px;
            font-weight: 700;
        }
        body.page-tab-mine .mine-page-zoom .mine-stats-value {
            font-size: clamp(16px, 2.8vw + 0.5rem, 18px);
        }
        body.page-tab-mine .mine-page-zoom .mine-stats-label {
            font-size: 12px;
        }

        /* ========================================
           BannerCard - 顶部大卡 (Design System)
           紧凑布局，边距更小，卡片占比更大
           ======================================== */
        .hero-section {
            padding: 8px 10px;
            padding-top: 10px;
        }

        .hero-card,
        .agent-hero-card {
            width: 100%;
            aspect-ratio: 2.1 / 1;
            padding: var(--banner-padding);
            border-radius: 12px;
            box-sizing: border-box;
            position: relative;
            overflow: hidden;
            background: var(--page-hero-gradient);
            border: none;
            box-shadow: none;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .hero-card {
            align-items: stretch;
            text-align: left;
        }
        .agent-hero-card {
            align-items: flex-start;
            text-align: left;
        }
        .hero-card::before,
        .agent-hero-card::before {
            content: '';
            position: absolute;
            top: -48%;
            right: -18%;
            width: min(300px, 78vw);
            height: min(300px, 78vw);
            background: radial-gradient(circle, rgba(255, 255, 255, 0.07) 0%, transparent 68%);
            pointer-events: none;
        }
        .hero-card::after,
        .agent-hero-card::after {
            content: '';
            position: absolute;
            bottom: -38%;
            left: -12%;
            width: min(240px, 62vw);
            height: min(240px, 62vw);
            background: radial-gradient(circle, rgba(255, 255, 255, 0.045) 0%, transparent 72%);
            pointer-events: none;
        }
        /* 颗粒感噪点层 */
        .hero-noise {
            position: absolute;
            inset: 0;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
            opacity: 0.035;
            pointer-events: none;
            z-index: 0;
        }
        .hero-content,
        .agent-hero-content {
            position: relative;
            z-index: 2;
        }
        .hero-card-decor,
        .agent-hero-decor {
            position: absolute;
            top: 12px;
            right: 12px;
            width: 44px;
            height: 44px;
            opacity: 0.5;
            pointer-events: none;
            z-index: 0;
            color: rgba(255, 255, 255, 0.35);
        }
        .hero-card-decor svg,
        .agent-hero-decor svg {
            width: 100%;
            height: 100%;
            display: block;
            filter: drop-shadow(0 2px 10px rgba(255, 255, 255, 0.12));
        }
        .hero-title,
        .agent-hero-title {
            font-size: clamp(1.25rem, 4.2vw, 1.625rem);
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: -0.03em;
            color: #ffffff;
            margin: 0 0 8px 0;
        }
        .hero-card .hero-title {
            font-size: clamp(1.375rem, 4.5vw, 1.75rem);
            margin-bottom: 10px;
        }
        .hero-subtitle,
        .agent-hero-subtitle {
            font-size: 14px;
            font-weight: 400;
            line-height: 1.55;
            color: rgba(255, 255, 255, 0.85);
            margin: 0;
        }
        .hero-card .hero-subtitle {
            margin-bottom: 0;
            max-width: 26em;
        }
        .hero-badge,
        .agent-hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 14px;
            margin: 0 0 12px 0;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0.02em;
            color: var(--page-hero-text);
            background: rgba(0, 0, 0, 0.38);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-radius: 100px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .hero-badge .hero-badge-dot,
        .agent-hero-badge .hero-badge-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #22c55e;
            box-shadow: 0 0 10px rgba(34, 197, 94, 0.65);
            flex-shrink: 0;
        }

        /* 后台配置的顶部图片海报（整卡可点跳转） */
        .hero-card.hero-card--poster {
            padding: 0;
        }
        .hero-card.hero-card--poster::before,
        .hero-card.hero-card--poster::after {
            display: none;
        }
        .hero-card.hero-card--poster .hero-card-decor {
            display: none;
        }
        .hero-poster-bg {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            z-index: 0;
        }
        .hero-poster-scrim {
            position: absolute;
            inset: 0;
            z-index: 1;
            pointer-events: none;
            background: linear-gradient(180deg, rgba(15, 23, 42, 0.2) 0%, rgba(15, 23, 42, 0.72) 100%);
        }
        .hero-content.hero-content--on-poster {
            z-index: 2;
            padding: var(--banner-padding);
            width: 100%;
            box-sizing: border-box;
            position: absolute;
            bottom: 0;
            left: 0;
        }
        .hero-content.hero-content--pass-through {
            pointer-events: none;
        }
        .hero-card.hero-card--poster .hero-subtitle {
            margin-bottom: 0;
        }
        a.hero-poster-link {
            position: absolute;
            inset: 0;
            z-index: 3;
            border-radius: inherit;
            text-decoration: none;
        }

        /* 顶部 HTML 动画嵌入横幅（iframe） */
        .hero-section--html {
            padding: 8px 10px;
            padding-top: 10px;
        }
        .hero-html-wrap {
            position: relative;
            width: 100%;
            aspect-ratio: 2.35 / 1;
            border-radius: 16px;
            overflow: hidden;
            background: #0a0a14;
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.42);
        }
        .hero-html__frame {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: none;
            display: block;
            pointer-events: none;
        }
        .hero-html-wrap a.hero-poster-link {
            border-radius: 16px;
        }
        @media (max-height: 720px) and (max-width: 767px) {
            .hero-html-wrap { aspect-ratio: 2.65 / 1; }
        }

        /* 顶部视频背景横幅 */
        .hero-section--video {
            padding: 8px 10px;
            padding-top: 10px;
        }
        .hero-video-wrap {
            position: relative;
            width: 100%;
            aspect-ratio: 2.35 / 1;
            border-radius: 16px;
            overflow: hidden;
            background: #0c0c0f;
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.42);
        }
        .hero-video__bg {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 0;
        }
        .hero-video__scrim {
            position: absolute;
            inset: 0;
            z-index: 1;
            background: linear-gradient(
                135deg,
                rgba(10, 10, 20, 0.55) 0%,
                rgba(10, 10, 20, 0.18) 60%,
                rgba(10, 10, 20, 0.05) 100%
            );
        }
        .hero-video-wrap .hero-content {
            position: relative;
            z-index: 2;
            padding: clamp(12px, 3.2vw, 16px) clamp(14px, 3.5vw, 18px);
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .hero-video-wrap a.hero-poster-link {
            border-radius: 16px;
        }
        /* 矮屏压比例 */
        @media (max-height: 720px) and (max-width: 767px) {
            .hero-video-wrap { aspect-ratio: 2.65 / 1; }
        }

        /* 顶部轮播海报（整图，底部指示条，仿竞品大圆角） */
        .hero-carousel.hero-carousel--peer {
            position: relative;
            width: 100%;
            aspect-ratio: 2.35 / 1;
            border-radius: 16px;
            overflow: hidden;
            background: #0c0c0f;
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.42);
        }
        .hero-carousel__glow {
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: 1;
            background:
                radial-gradient(ellipse 70% 55% at 12% 88%, rgba(124, 58, 237, 0.22) 0%, transparent 55%),
                radial-gradient(ellipse 55% 45% at 92% 12%, rgba(16, 185, 129, 0.12) 0%, transparent 50%);
            mix-blend-mode: screen;
            opacity: 0.85;
        }
        .hero-carousel__viewport {
            position: relative;
            z-index: 2;
            width: 100%;
            height: 100%;
            overflow: hidden;
            touch-action: pan-y;
        }
        .hero-carousel__track {
            display: flex;
            height: 100%;
            transition: transform 0.38s cubic-bezier(0.25, 0.8, 0.25, 1);
            will-change: transform;
        }
        .hero-carousel__slide {
            position: relative;
            height: 100%;
            min-width: 0;
        }
        .hero-carousel__img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        a.hero-carousel__hit {
            position: absolute;
            inset: 0;
            z-index: 2;
            border-radius: inherit;
        }
        .hero-carousel__dots {
            position: absolute;
            bottom: 10px;
            right: 12px;
            z-index: 4;
            display: flex;
            align-items: center;
            gap: 6px;
            pointer-events: auto;
        }
        .hero-carousel__dot {
            width: 14px;
            height: 3px;
            padding: 0;
            border: none;
            border-radius: 2px;
            background: rgba(255, 255, 255, 0.28);
            cursor: pointer;
            transition: width 0.22s ease, background 0.22s ease;
        }
        .hero-carousel__dot.is-active {
            width: 22px;
            background: rgba(255, 255, 255, 0.92);
        }

        /* 分类导航 - 极简胶囊 */
        .category-nav {
            padding: var(--space-md) 0;
            position: sticky;
            top: 0;
            z-index: 100;
            display: flex;
            justify-content: center;
            background: var(--bg-primary);
        }

        .category-scroll {
            display: flex;
            gap: var(--space-sm);
            overflow-x: auto;
            padding: 0;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .category-scroll::-webkit-scrollbar {
            display: none;
        }

        .category-item {
            flex-shrink: 0;
            padding: 10px 20px;
            background: var(--bg-card);
            border: 1px solid var(--border-light);
            border-radius: 100px;
            color: var(--text-secondary);
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
            transition: all 0.2s ease;
            white-space: nowrap;
        }

        .category-item:active {
            transform: scale(0.96);
        }

        .category-item.active {
            background: var(--primary);
            color: var(--text-inverse);
            border-color: var(--primary);
        }

        .category-item i {
            display: none;
        }

        /* ========================================
           功能区域 - 统一间距
           ======================================== */
        .section {
            padding: var(--section-gap) var(--page-padding);
        }

        .section-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: var(--card-gap);
        }

        .section-title {
            font-size: 15px;
            font-weight: 600;
            color: var(--text-primary);
            letter-spacing: -0.3px;
        }

        .section-more {
            font-size: 13px;
            color: var(--text-muted);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        /* ========================================
           FeatureCard 网格：任意宽度固定 3 列（minmax(0,1fr) 防止窄屏撑破）
           ======================================== */
        .features-grid {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .feature-card {
            background: var(--bg-card);
            border: 1px solid var(--border-light);
            border-radius: var(--radius-lg);
            padding: 14px 8px 12px;
            text-decoration: none;
            transition: all 0.25s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            min-width: 0;
            width: 100%;
            box-sizing: border-box;
        }

        .feature-card:hover,
        .feature-card:active {
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
            border-color: var(--border-medium);
        }

        .feature-icon {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 19px;
            color: var(--text-inverse);
            margin: 0 auto 8px;
            position: relative;
            flex-shrink: 0;
        }

        .feature-icon--image img {
            width: 24px;
            height: 24px;
            object-fit: contain;
            display: block;
            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12));
        }

        .feature-name {
            font-size: 13px;
            font-weight: 600;
            color: var(--text-primary);
            margin-bottom: 4px;
            line-height: 1.3;
            width: 100%;
            word-break: break-word;
        }

        .feature-desc {
            font-size: 11px;
            color: var(--text-muted);
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            width: 100%;
            text-align: center;
            word-break: break-word;
            line-clamp: 2;
            min-height: calc(1.4em * 2);
        }

        /* 空状态 */
        .empty-state {
            text-align: center;
            padding: var(--space-2xl) var(--space-lg);
        }

        .empty-icon {
            width: 64px;
            height: 64px;
            margin: 0 auto var(--space-md);
            background: var(--bg-secondary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .empty-icon svg {
            width: 28px;
            height: 28px;
            color: var(--text-muted);
        }

        .empty-state h4 {
            font-size: 16px;
            font-weight: 600;
            color: var(--text-primary);
            margin-bottom: var(--space-xs);
        }

        .empty-state p {
            font-size: 14px;
            color: var(--text-muted);
        }

        /* 固定底栏：与内容区同宽居中 */
        .tab-bar {
            position: fixed;
            left: 50%;
            right: auto;
            transform: translateX(-50%);
            bottom: 0;
            width: 100%;
            max-width: var(--tab-bar-max-width, var(--h5-app-max-width, 430px));
            margin-left: 0;
            margin-right: 0;
            flex: none;
            height: calc(var(--tab-height) + var(--safe-bottom));
            min-height: 0;
            max-height: calc(var(--tab-height) + var(--safe-bottom));
            background: var(--bg-card);
            border-top: 1px solid rgba(16, 24, 40, 0.08);
            box-shadow: 0 -2px 12px rgba(16, 24, 40, 0.04);
            border-radius: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
            padding-top: 6px;
            padding-bottom: var(--safe-bottom);
            padding-left: max(env(safe-area-inset-left, 0px), 16px);
            padding-right: max(env(safe-area-inset-right, 0px), 16px);
            z-index: 10001;
            box-sizing: border-box;
            pointer-events: auto;
        }

        /* 未登录点击智能体入口：微信风提示框 */
        .h5-login-gate-modal {
            position: fixed;
            inset: 0;
            z-index: 10050;
            display: none;
            align-items: center;
            justify-content: center;
            padding: max(20px, env(safe-area-inset-top, 0px)) 22px max(24px, env(safe-area-inset-bottom, 0px));
            box-sizing: border-box;
            pointer-events: none;
        }
        .h5-login-gate-modal.is-open {
            display: flex;
            pointer-events: auto;
        }
        .h5-login-gate-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.45);
        }
        .h5-login-gate-dialog {
            position: relative;
            width: min(86vw, 340px);
            max-width: 100%;
            background: #fff;
            border-radius: 22px;
            padding: 26px 20px 20px;
            text-align: center;
            box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
        }
        .h5-login-gate-title {
            font-size: 17px;
            font-weight: 600;
            color: #111;
            margin: 0 0 14px;
            letter-spacing: -0.2px;
        }
        .h5-login-gate-msg {
            font-size: 15px;
            color: #666;
            line-height: 1.55;
            margin: 0 0 26px;
        }
        .h5-login-gate-actions {
            display: flex;
            gap: 11px;
        }
        .h5-login-gate-btn {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            padding: 0 12px;
            border-radius: 10px;
            font-size: 16px;
            font-weight: 500;
            border: none;
            cursor: pointer;
            text-decoration: none;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
            font-family: inherit;
        }
        .h5-login-gate-btn--cancel {
            background: #f1f5f9;
            color: #0f172a;
            border: 1px solid #cbd5e1;
            font-weight: 600;
        }
        .h5-login-gate-btn--login {
            background: var(--page-hero-gradient);
            color: #fff;
            font-weight: 700;
            box-shadow: 0 4px 12px rgba(30, 58, 68, 0.22);
        }
        .h5-login-gate-btn:active {
            opacity: 0.92;
            transform: scale(0.97);
        }

        /* 用户协议全文弹层（大字号，便于中年用户阅读）
           关闭时用 display:none，避免仍占合成层 + backdrop-filter 在跳转/重绘时闪一下 */
        .h5-legal-modal {
            position: fixed;
            inset: 0;
            z-index: 100020;
            display: none;
            align-items: center;
            justify-content: center;
            padding: max(16px, env(safe-area-inset-top)) 14px max(20px, env(safe-area-inset-bottom));
            pointer-events: none;
        }
        .h5-legal-modal.is-open {
            display: flex;
            pointer-events: auto;
        }
        .h5-legal-overlay {
            position: absolute;
            inset: 0;
            background: rgba(15, 23, 42, 0.52);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }
        .h5-legal-sheet {
            position: relative;
            width: 100%;
            max-width: min(100%, 420px);
            max-height: min(82vh, 640px);
            background: #fff;
            border-radius: 18px;
            box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        .h5-legal-head {
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 18px 12px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        }
        .h5-legal-title {
            margin: 0;
            font-size: 18px;
            font-weight: 700;
            color: var(--text-primary);
            letter-spacing: -0.02em;
        }
        .h5-legal-close {
            width: 40px;
            height: 40px;
            border: none;
            border-radius: 12px;
            background: #eef1f8;
            color: #64748b;
            font-size: 20px;
            line-height: 1;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .h5-legal-close:active { background: #e5e7eb; }
        .h5-legal-body {
            flex: 1;
            min-height: 0;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            padding: 14px 18px 8px;
            font-size: 16px;
            line-height: 1.75;
            color: #374151;
            text-align: left;
        }
        .h5-legal-foot {
            flex-shrink: 0;
            padding: 12px 18px 18px;
        }
        .h5-legal-ok {
            width: 100%;
            border: none;
            border-radius: 14px;
            padding: 14px 20px;
            font-size: 16px;
            font-weight: 600;
            color: #fff;
            cursor: pointer;
            background: linear-gradient(135deg, #fb7185 0%, #e11d48 50%, #9f1239 100%);
            box-shadow: 0 8px 24px rgba(225, 29, 72, 0.28);
        }
        .h5-legal-ok:active { transform: scale(0.99); opacity: 0.95; }

        .tab-item {
            flex: 1 1 0;
            min-width: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 6px;
            padding: 0 4px;
            height: auto;
            text-decoration: none;
            color: var(--lh-text-muted);
            transition: color 0.2s ease;
            -webkit-tap-highlight-color: transparent;
            filter: none;
        }

        .tab-item.active {
            color: var(--text-primary);
        }

        .tab-icon {
            font-size: 20px;
            flex-shrink: 0;
            display: block;
            transition: transform 0.15s ease, color 0.15s ease;
        }

        .tab-bar a.tab-item svg.tab-icon {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            display: block;
        }

        /* 底栏「智能体」机器人标略缩小，避免比其它 Tab 更显眼 */
        .tab-bar a.tab-item--nav-agent svg.tab-icon {
            width: 19px;
            height: 19px;
        }

        .tab-item.active .tab-icon {
            transform: scale(1.02);
            color: var(--brand-blue);
        }

        .tab-item.active .tab-label {
            font-weight: 700;
            color: var(--text-primary);
        }

        .tab-label {
            font-size: 12px;
            font-weight: 600;
            line-height: 1.25;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
            letter-spacing: -0.01em;
        }

        /* 页面标题 */
        .page-header {
            padding: var(--space-xl) var(--space-md) var(--space-md);
        }

        .page-header h2 {
            font-size: 20px;
            font-weight: 700;
            color: var(--text-primary);
            letter-spacing: -0.5px;
        }

        .page-header p {
            font-size: 14px;
            color: var(--text-secondary);
            margin-top: var(--space-xs);
        }

        /* ========================================
           VipCard - 会员卡 (Design System)
           固定高度 150px，统一圆角 16px
           ======================================== */
        .profile-section {
            padding: 8px 10px;
            padding-top: 10px;
        }

        .profile-card {
            width: 100%;
            border-radius: 12px;
            height: var(--vip-card-height);
            border-radius: var(--radius-lg);
            padding: var(--vip-card-padding);
            margin-bottom: var(--section-gap);
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

        .profile-card::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -30%;
            width: 200px;
            height: 200px;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
        }

        .profile-info {
            display: flex;
            align-items: center;
            gap: var(--card-gap);
            position: relative;
            z-index: 1;
        }

        .profile-avatar {
            width: 48px;
            height: 48px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: var(--radius-md);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            font-weight: 600;
            color: var(--text-inverse);
            flex-shrink: 0;
        }

        .profile-details h3 {
            font-size: 18px;
            font-weight: 600;
            color: var(--text-inverse);
            margin-bottom: 4px;
        }

        .profile-details p {
            font-size: 13px;
            color: rgba(255, 255, 255, 0.7);
        }

        .login-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            width: 100%;
            padding: 12px 24px;
            background: rgba(255, 255, 255, 0.15);
            color: var(--text-inverse);
            border-radius: 100px;
            font-size: 15px;
            font-weight: 500;
            text-decoration: none;
            margin-top: auto;
            transition: background 0.2s ease;
            position: relative;
            z-index: 1;
        }

        .login-btn:active {
            background: rgba(255, 255, 255, 0.25);
        }

        /* 菜单列表 */
        .menu-list {
            background: var(--bg-card);
            border: 1px solid var(--border-light);
            border-radius: var(--radius-lg);
            overflow: hidden;
        }

        .menu-item {
            display: flex;
            align-items: center;
            padding: var(--space-md) var(--space-lg);
            text-decoration: none;
            color: var(--text-primary);
            border-bottom: 1px solid var(--border-light);
            transition: background 0.2s ease;
        }

        .menu-item:last-child {
            border-bottom: none;
        }

        .menu-item:active {
            background: var(--bg-secondary);
        }

        .menu-icon {
            width: 40px;
            height: 40px;
            border-radius: var(--radius-md);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: var(--text-inverse);
            margin-right: var(--space-md);
            flex-shrink: 0;
        }

        .menu-text {
            flex: 1;
        }

        .menu-text h4 {
            font-size: 15px;
            font-weight: 500;
            margin-bottom: 2px;
        }

        .menu-text p {
            font-size: 13px;
            color: var(--text-muted);
        }

        .menu-arrow {
            color: var(--text-muted);
            font-size: 14px;
        }

        /* 提示词卡片 */
        .prompt-card {
            background: var(--bg-card);
            border: 1px solid var(--border-light);
            border-radius: var(--radius-lg);
            padding: var(--space-lg);
            margin-bottom: var(--space-md);
            transition: all 0.2s ease;
        }

        .prompt-card:active {
            transform: scale(0.99);
        }

        .prompt-header {
            display: flex;
            align-items: center;
            gap: var(--space-sm);
            margin-bottom: var(--space-sm);
        }

        .prompt-header i {
            font-size: 16px;
        }

        .prompt-header h4 {
            font-size: 15px;
            font-weight: 600;
            color: var(--text-primary);
        }

        .prompt-content {
            font-size: 14px;
            color: var(--text-secondary);
            line-height: 1.6;
            margin-bottom: var(--space-md);
        }

        .prompt-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .prompt-tags {
            display: flex;
            gap: var(--space-sm);
        }

        .prompt-tag {
            padding: 4px 10px;
            background: var(--accent-subtle);
            color: var(--accent);
            font-size: 11px;
            font-weight: 500;
            border-radius: 100px;
            white-space: nowrap;
        }

        .copy-btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 8px 16px;
            background: var(--primary);
            color: var(--text-inverse);
            border: none;
            border-radius: 100px;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .copy-btn:active {
            transform: scale(0.96);
        }

        /* Toast提示 */
        .toast {
            position: fixed;
            bottom: 100px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--primary);
            color: var(--text-inverse);
            padding: 12px 24px;
            border-radius: 100px;
            font-size: 14px;
            font-weight: 500;
            z-index: 9999;
            animation: toastIn 0.3s ease, toastOut 0.3s ease 1.7s forwards;
        }

        @keyframes toastIn {
            from { opacity: 0; transform: translateX(-50%) translateY(20px); }
            to { opacity: 1; transform: translateX(-50%) translateY(0); }
        }

        @keyframes toastOut {
            from { opacity: 1; transform: translateX(-50%) translateY(0); }
            to { opacity: 0; transform: translateX(-50%) translateY(-20px); }
        }

        /* 统一图标样式 */
        /* 旧版六色循环已弃用：创作区图标底色统一取自后台「图标颜色」渐变 */
        .icon-gradient-1 { background: linear-gradient(135deg, var(--primary), var(--primary-light)); }
        .icon-gradient-2 { background: linear-gradient(135deg, #0ea5e9, #06b6d4); }
        .icon-gradient-3 { background: linear-gradient(135deg, #10b981, #34d399); }
        .icon-gradient-4 { background: linear-gradient(135deg, #f59e0b, #fbbf24); }
        .icon-gradient-5 { background: linear-gradient(135deg, #ef4444, #f87171); }
        .icon-gradient-6 { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }

        /* 模板页：主区渐变由 .main-content 提供，此处透明 */
        .template-page {
            background: transparent;
            min-height: 0;
            padding-top: 0;
            padding-bottom: 12px;
        }

        .template-page .page-header {
            padding: var(--space-lg) var(--space-md) var(--space-md);
        }

        .template-page .page-header h2 {
            color: var(--text-primary);
        }

        .template-page .page-header p {
            color: #666;
        }

        .sub-tab-switch {
            display: flex;
            margin: var(--space-md);
            background: var(--bg-card);
            border-radius: 12px;
            padding: 4px;
            border: 1px solid var(--border-light);
            box-shadow: none;
        }

        .sub-tab-btn {
            flex: 1;
            padding: 10px 16px;
            border-radius: 10px;
            font-size: 13px;
            font-weight: 500;
            text-align: center;
            text-decoration: none;
            transition: all 0.2s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }

        .sub-tab-btn.active {
            background: var(--primary);
            color: white;
        }

        .sub-tab-btn:not(.active) {
            background: transparent;
            color: #666;
        }

        /* 提示词页面顶部海报 - 与首页统一风格 */
        .template-hero-section {
            padding: 8px 10px;
            padding-top: 10px;
            padding-bottom: 12px;
        }
        .template-hero-card {
            width: 100%;
            aspect-ratio: 2.1 / 1;
            border-radius: 12px;
            padding: var(--banner-padding);
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background: var(--page-hero-gradient);
            color: #fff;
        }
        .template-hero-card::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, rgba(255, 45, 85, 0.12) 0%, transparent 60%);
            pointer-events: none;
        }
        .template-hero-card::after {
            content: '';
            position: absolute;
            bottom: -30%;
            left: -10%;
            width: 200px;
            height: 200px;
            background: radial-gradient(circle, rgba(139, 92, 246, 0.1) 0%, transparent 60%);
            pointer-events: none;
        }
        .template-hero-card .hero-noise {
            position: absolute;
            inset: 0;
            background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
            opacity: 0.03;
            pointer-events: none;
        }
        .template-hero-card .hero-decor {
            position: absolute;
            top: 50%;
            right: 16px;
            transform: translateY(-50%);
            width: 80px;
            height: 80px;
            opacity: 0.15;
            color: rgba(255, 255, 255, 0.35);
        }
        .template-hero-card .hero-decor svg {
            width: 100%;
            height: 100%;
        }
        .template-hero-content {
            position: relative;
            z-index: 2;
        }
        .template-hero-card .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 5px 10px;
            background: rgba(255, 45, 85, 0.15);
            border-radius: 100px;
            font-size: 11px;
            font-weight: 500;
            margin-bottom: 10px;
            color: rgba(255,255,255,0.9);
        }
        .template-hero-card .hero-badge-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--primary);
            animation: pulse 2s ease-in-out infinite;
        }
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }
        .template-hero-card .hero-title {
            font-size: clamp(1.375rem, 4.5vw, 1.75rem);
            font-weight: 700;
            margin: 0 0 8px 0;
            letter-spacing: -0.5px;
            line-height: 1.2;
        }
        .template-hero-card .hero-subtitle {
            font-size: 13px;
            color: rgba(255,255,255,0.6);
            margin: 0 0 6px 0;
            line-height: 1.5;
            max-width: 85%;
        }
        .template-hero-card .hero-highlight {
            font-size: 14px;
            font-weight: 600;
            color: rgba(255,255,255,0.95);
            margin: 10px 0 4px 0;
            line-height: 1.4;
        }
        .template-hero-card .hero-desc {
            font-size: 12px;
            color: rgba(255,255,255,0.5);
            margin: 0;
            line-height: 1.5;
            max-width: 90%;
        }

        .tips-banner {
            margin: var(--space-sm) var(--space-md) var(--space-lg);
            padding: var(--space-lg);
            background: var(--page-hero-gradient);
            border-radius: var(--radius-lg);
            text-align: center;
        }
        .tips-banner.tips-banner-compact {
            margin-top: 0;
            padding: var(--space-md);
        }
        .tips-banner.tips-banner-compact h3 {
            font-size: 14px;
            margin-bottom: var(--space-xs);
        }
        .tips-banner.tips-banner-compact p {
            font-size: 12px;
        }

        .tips-banner h3 {
            color: #fff;
            font-size: 15px;
            margin-bottom: var(--space-sm);
        }

        .tips-banner p {
            color: rgba(255,255,255,0.85);
            font-size: 13px;
            line-height: 1.6;
        }

        .template-category-nav {
            padding: var(--space-sm) 0;
            margin-bottom: 12px;
        }

        .template-category-scroll {
            display: flex;
            gap: var(--space-sm);
            overflow-x: auto;
            padding: var(--space-sm) var(--space-md);
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .template-category-scroll::-webkit-scrollbar {
            display: none;
        }

        .template-category-pill {
            flex-shrink: 0;
            padding: 8px 16px;
            background: var(--bg-card);
            border-radius: 100px;
            font-size: 13px;
            color: var(--text-secondary);
            text-decoration: none;
            white-space: nowrap;
            transition: all 0.2s ease;
            display: flex;
            border: 1px solid var(--border-light);
            align-items: center;
            gap: 6px;
        }

        .template-category-pill.active {
            background: linear-gradient(135deg, var(--primary), var(--primary-light));
            color: white;
            border-color: transparent;
        }

        .template-category-pill .count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 20px;
            height: 20px;
            padding: 0 6px;
            background: rgba(255,255,255,0.2);
            border-radius: 10px;
            font-size: 11px;
        }

        .template-category-pill:not(.active) .count {
            background: rgba(0, 0, 0, 0.05);
            color: var(--text-secondary);
        }

        .template-image-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            padding: var(--space-md);
            padding-top: var(--space-sm);
        }

        .template-image-card {
            position: relative;
            aspect-ratio: 3/4;
            border-radius: var(--radius-md);
            overflow: hidden;
            background: var(--bg-card);
            cursor: pointer;
            border: 1px solid var(--border-light);
            box-shadow: none;
        }

        .template-image-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .template-image-card:active img {
            transform: scale(1.05);
        }

        /* 提示词卡片网格 */
        .prompt-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            padding: var(--space-md);
            padding-top: 0;
        }

        .prompt-card-item {
            background: var(--bg-card);
            border-radius: var(--radius-lg);
            overflow: hidden;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 1px solid var(--border-light);
            box-shadow: none;
        }

        .prompt-card-item:active {
            transform: scale(0.98);
        }

        .prompt-card-image {
            width: 100%;
            aspect-ratio: 1;
            background: var(--page-hero-gradient);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .prompt-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .prompt-placeholder {
            font-size: 48px;
            opacity: 0.5;
        }

        .prompt-card-info {
            padding: var(--space-md);
        }

        .prompt-card-name {
            font-size: 14px;
            font-weight: 600;
            color: var(--text-primary);
            margin-bottom: var(--space-xs);
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .prompt-card-preview {
            font-size: 12px;
            color: #888;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 1.5;
        }

        /* 图片预览弹窗 */
        .image-modal {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.95);
            z-index: 2000;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .image-modal.show {
            display: flex;
        }

        .modal-close {
            position: absolute;
            top: var(--space-lg);
            right: var(--space-lg);
            width: 40px;
            height: 40px;
            background: rgba(255,255,255,0.1);
            border: none;
            border-radius: 50%;
            color: white;
            font-size: 24px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
        }

        .modal-image {
            max-width: 90%;
            max-height: 80vh;
            object-fit: contain;
            border-radius: var(--radius-md);
        }

        .modal-nav {
            position: absolute;
            bottom: calc(var(--safe-bottom) + 80px);
            display: flex;
            gap: var(--space-md);
        }

        .modal-nav button {
            width: 50px;
            height: 50px;
            background: rgba(255,255,255,0.1);
            border: none;
            border-radius: 50%;
            color: white;
            font-size: 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* 提示词详情弹窗 */
        .prompt-detail-modal {
            display: none;
            position: fixed;
            inset: 0;
            background: #0f0f1a;
            z-index: 2000;
            flex-direction: column;
        }

        .prompt-detail-modal.show {
            display: flex;
        }

        .prompt-detail-header {
            display: flex;
            align-items: center;
            padding: var(--space-md);
            background: #0f0f1a;
            border-bottom: 1px solid rgba(255,255,255,0.08);
        }

        .prompt-detail-close {
            width: 36px;
            height: 36px;
            background: #252540;
            border: none;
            border-radius: 50%;
            color: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: var(--space-md);
        }

        .prompt-detail-title {
            flex: 1;
            font-size: 16px;
            font-weight: 600;
            color: #fff;
        }

        .prompt-detail-content {
            flex: 1;
            overflow-y: auto;
            padding: var(--space-lg);
        }

        .prompt-detail-image {
            width: 100%;
            aspect-ratio: 1;
            background: #252540;
            border-radius: var(--radius-lg);
            margin-bottom: var(--space-lg);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .prompt-detail-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .prompt-detail-section {
            margin-bottom: var(--space-lg);
        }

        .prompt-detail-label {
            font-size: 13px;
            color: #6b6b80;
            margin-bottom: var(--space-sm);
            display: flex;
            align-items: center;
            gap: var(--space-sm);
        }

        .prompt-detail-text {
            background: #252540;
            border-radius: var(--radius-md);
            padding: var(--space-md);
            font-size: 14px;
            color: #a0a0b0;
            line-height: 1.8;
            border: 1px solid rgba(255,255,255,0.05);
        }

        .prompt-copy-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: var(--space-sm);
            width: 100%;
            padding: 14px;
            background: linear-gradient(135deg, var(--primary), var(--primary-light));
            color: white;
            border: none;
            border-radius: 100px;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .prompt-copy-btn:active {
            transform: scale(0.98);
        }

        .search-box {
            margin: 0 var(--space-md) var(--space-md);
            position: relative;
        }

        .search-input {
            width: 100%;
            padding: 12px 16px 12px 44px;
            background: #252540;
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 100px;
            color: #fff;
            font-size: 14px;
            outline: none;
            transition: all 0.2s ease;
        }

        .search-input:focus {
            border-color: var(--accent);
            box-shadow: 0 0 0 3px rgba(20, 21, 33, 0.18);
        }

        .search-input::placeholder {
            color: #6b6b80;
        }

        .search-icon {
            position: absolute;
            left: 16px;
            top: 50%;
            transform: translateY(-50%);
            color: #6b6b80;
        }

        .prompt-count {
            padding: var(--space-sm) var(--space-md);
            font-size: 13px;
            color: var(--text-secondary);
        }

        /* ========================================
           智能体页面 - FeatureCard 2列布局
           (Design System 规范)
           ======================================== */
        
        /* 智能体页面容器 */
        .agent-page-wrapper {
            padding-bottom: 20px;
        }

        /* 智能体页面 Hero 区域 - 隐藏旧样式 */
        .agent-hero {
            display: none;
        }

        /* 智能体分类区域 */
        .agent-section {
            padding: var(--section-gap) var(--page-padding);
            padding-top: 4px;
            padding-bottom: 4px;
        }
        .agent-section-header {
            display: flex;
            align-items: center;
            margin-bottom: 6px;
        }
        .agent-section-title {
            font-size: 13px;
            font-weight: 700;
            color: #1a365d;
        }

        /* ========================================
           FeatureCard 网格 - 智能体 iOS 3列图标布局
           ======================================== */
        .agent-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px;
        }

        /* 智能体卡片：iOS 风格 — 竖排图标 + 标签 */
        .agent-card {
            min-width: 0;
            width: 100%;
            background: none;
            border: none;
            border-radius: 0;
            padding: 6px 4px 10px;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            transition: transform 0.18s ease;
            position: relative;
            box-sizing: border-box;
        }
        .agent-card:active {
            transform: scale(0.93);
        }
        .agent-card.coming-soon {
            opacity: 0.4;
            pointer-events: none;
        }

        /* 图标容器：iOS 圆角正方形，底色由后台 color 渐变 */
        .agent-icon {
            width: 56px;
            height: 56px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(255, 255, 255, 0.98);
            flex-shrink: 0;
            box-sizing: border-box;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
        }
        .agent-icon svg {
            width: 26px;
            height: 26px;
        }
        .agent-icon i {
            font-size: 22px;
            line-height: 1;
        }

        .agent-icon--image img {
            width: 30px;
            height: 30px;
            object-fit: contain;
            display: block;
        }

        /* 卡片文字区域：居中 */
        .agent-info {
            width: 100%;
            text-align: center;
            min-width: 0;
        }

        .agent-name {
            font-size: 11.5px;
            font-weight: 500;
            color: #334155;
            line-height: 1.3;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-clamp: 2;
            word-break: break-word;
            text-align: center;
        }

        /* 简介在 iOS 风格下隐藏，保持图标卡片简洁 */
        .agent-desc {
            display: none;
        }

        /* 箭头 */
        .agent-arrow {
            display: none;
        }

        /* 仅保留 NEW（低调）；HOT 不在此页展示，避免红色角标干扰质感 */
        .agent-tag {
            position: absolute;
            top: 8px;
            right: 8px;
            font-size: 10px;
            font-weight: 600;
            letter-spacing: 0.04em;
            padding: 3px 7px;
            border-radius: 6px;
            color: rgba(255, 255, 255, 0.95);
        }
        .agent-tag.new {
            background: var(--lh-brand-grad);
            box-shadow: none;
        }

        /* ========== VipCard 会员卡片样式 - 高级克制风格 ========== */
        .profile-card-inner {
            position: relative;
            z-index: 2;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .card-decor {
            display: none; /* 移除 emoji 装饰，更克制 */
        }
        
        /* ========== 普通用户 - 极简深灰（高级版） ========== */
        .profile-card.vip-none {
            background: linear-gradient(165deg, #2a2a2c 0%, #1a1a1c 100%);
            border: none;
            position: relative;
            overflow: hidden;
        }
        .profile-card.vip-none::before {
            content: '';
            position: absolute;
            inset: 0;
            padding: 1px;
            background: linear-gradient(135deg, 
                rgba(255, 255, 255, 0.12) 0%, 
                rgba(255, 255, 255, 0.03) 50%,
                rgba(255, 255, 255, 0.08) 100%
            );
            border-radius: inherit;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
        }
        .profile-card.vip-none::after {
            content: '';
            position: absolute;
            top: -50%;
            right: -30%;
            width: 180px;
            height: 180px;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.03) 0%, transparent 60%);
            pointer-events: none;
        }
        .vip-none .profile-avatar {
            background: linear-gradient(145deg, #3a3a3c, #2a2a2c);
            border: 1px solid rgba(255,255,255,0.08);
            box-shadow: 0 2px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.03);
        }
        .vip-none .vip-badge {
            background: rgba(255,255,255,0.08);
            color: rgba(255,255,255,0.6);
        }
        .vip-none .profile-name {
            color: rgba(255,255,255,0.9);
        }
        .vip-none .profile-footer {
            border-top: 1px solid rgba(255,255,255,0.06);
        }
        .vip-none .profile-stat-label {
            color: rgba(255,255,255,0.4);
        }
        .vip-none .profile-stat-value {
            color: rgba(255,255,255,0.7);
        }
        .vip-none .profile-action-btn {
            background: rgba(255,255,255,0.08);
            color: rgba(255,255,255,0.8);
            border: 1px solid rgba(255,255,255,0.06);
        }
        .vip-none .profile-action-btn:active {
            background: rgba(255,255,255,0.12);
        }
        
        /* ========== 月卡会员 - 清冷银蓝（高级版） ========== */
        .profile-card.vip-month {
            background: linear-gradient(165deg, #1c2d3f 0%, #0f172a 100%);
            border: none;
            position: relative;
            overflow: hidden;
        }
        .profile-card.vip-month::before {
            content: '';
            position: absolute;
            inset: 0;
            padding: 1px;
            background: linear-gradient(135deg, 
                rgba(56, 189, 248, 0.4) 0%, 
                rgba(56, 189, 248, 0.08) 25%,
                rgba(56, 189, 248, 0.03) 50%,
                rgba(56, 189, 248, 0.08) 75%,
                rgba(56, 189, 248, 0.25) 100%
            );
            border-radius: inherit;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
        }
        .profile-card.vip-month::after {
            content: '';
            position: absolute;
            top: -50%;
            right: -30%;
            width: 200px;
            height: 200px;
            background: radial-gradient(circle, rgba(56, 189, 248, 0.08) 0%, transparent 60%);
            pointer-events: none;
        }
        .vip-month .profile-card-inner::before {
            content: '';
            position: absolute;
            bottom: -40%;
            left: -20%;
            width: 150px;
            height: 150px;
            background: radial-gradient(circle, rgba(56, 189, 248, 0.05) 0%, transparent 60%);
            pointer-events: none;
        }
        .vip-month .profile-avatar {
            background: linear-gradient(145deg, #1e3a5f, #162d4a);
            border: 1px solid rgba(56, 189, 248, 0.25);
            box-shadow: 0 2px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05);
        }
        .vip-month .vip-badge {
            background: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%);
            color: #0c1929;
            font-weight: 600;
            border: none;
            box-shadow: 0 2px 6px rgba(56, 189, 248, 0.3);
        }
        .vip-month .profile-name {
            color: #fff;
        }
        .vip-month .profile-days-num {
            font-size: 32px;
            font-weight: 700;
            background: linear-gradient(135deg, #7dd3fc 0%, #38bdf8 50%, #0ea5e9 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            filter: drop-shadow(0 1px 2px rgba(56, 189, 248, 0.3));
        }
        .vip-month .profile-days-label {
            color: rgba(56, 189, 248, 0.7);
            font-weight: 500;
        }
        .vip-month .profile-footer {
            border-top: 1px solid rgba(255,255,255,0.06);
        }
        .vip-month .profile-stat-label {
            color: rgba(255,255,255,0.4);
        }
        .vip-month .profile-stat-value {
            color: rgba(56, 189, 248, 0.9);
        }
        .vip-month .profile-action-btn {
            background: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%);
            color: #0c1929;
            font-weight: 600;
            border: none;
            box-shadow: 0 2px 8px rgba(56, 189, 248, 0.25);
        }
        .vip-month .profile-action-btn:active {
            transform: scale(0.98);
            box-shadow: 0 1px 4px rgba(56, 189, 248, 0.2);
        }
        
        /* ========== 年卡会员 - 沉稳琥珀（高级版） ========== */
        .profile-card.vip-year {
            background: linear-gradient(165deg, #2d1f0d 0%, #1a1510 100%);
            border: none;
            position: relative;
            overflow: hidden;
        }
        .profile-card.vip-year::before {
            content: '';
            position: absolute;
            inset: 0;
            padding: 1px;
            background: linear-gradient(135deg, 
                rgba(251, 191, 36, 0.45) 0%, 
                rgba(251, 191, 36, 0.08) 25%,
                rgba(251, 191, 36, 0.03) 50%,
                rgba(251, 191, 36, 0.08) 75%,
                rgba(251, 191, 36, 0.3) 100%
            );
            border-radius: inherit;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
        }
        .profile-card.vip-year::after {
            content: '';
            position: absolute;
            top: -50%;
            right: -30%;
            width: 200px;
            height: 200px;
            background: radial-gradient(circle, rgba(251, 191, 36, 0.08) 0%, transparent 60%);
            pointer-events: none;
        }
        .vip-year .profile-card-inner::before {
            content: '';
            position: absolute;
            bottom: -40%;
            left: -20%;
            width: 150px;
            height: 150px;
            background: radial-gradient(circle, rgba(251, 191, 36, 0.05) 0%, transparent 60%);
            pointer-events: none;
        }
        .vip-year .profile-avatar {
            background: linear-gradient(145deg, #3d2a12, #2d1f0d);
            border: 1px solid rgba(251, 191, 36, 0.25);
            box-shadow: 0 2px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05);
        }
        .vip-year .vip-badge {
            background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
            color: #1a1510;
            font-weight: 600;
            border: none;
            box-shadow: 0 2px 6px rgba(251, 191, 36, 0.3);
        }
        .vip-year .profile-name {
            color: #fff;
        }
        .vip-year .profile-days-num {
            font-size: 32px;
            font-weight: 700;
            background: linear-gradient(135deg, #fde68a 0%, #fbbf24 50%, #f59e0b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            filter: drop-shadow(0 1px 2px rgba(251, 191, 36, 0.3));
        }
        .vip-year .profile-days-label {
            color: rgba(251, 191, 36, 0.7);
            font-weight: 500;
        }
        .vip-year .profile-footer {
            border-top: 1px solid rgba(255,255,255,0.06);
        }
        .vip-year .profile-stat-label {
            color: rgba(255,255,255,0.4);
        }
        .vip-year .profile-stat-value {
            color: rgba(251, 191, 36, 0.9);
        }
        .vip-year .profile-action-btn {
            background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
            color: #1a1510;
            font-weight: 600;
            border: none;
            box-shadow: 0 2px 8px rgba(251, 191, 36, 0.25);
        }
        .vip-year .profile-action-btn:active {
            transform: scale(0.98);
            box-shadow: 0 1px 4px rgba(251, 191, 36, 0.2);
        }
        
        /* ========== 永久会员 - 至尊黑金（高级版） ========== */
        .profile-card.vip-forever {
            background: linear-gradient(165deg, #1c1c1e 0%, #0c0c0d 100%);
            border: none;
            position: relative;
            overflow: hidden;
        }
        .profile-card.vip-forever::before {
            content: '';
            position: absolute;
            inset: 0;
            padding: 1px;
            background: linear-gradient(135deg, 
                rgba(212, 175, 55, 0.5) 0%, 
                rgba(212, 175, 55, 0.1) 25%,
                rgba(212, 175, 55, 0.05) 50%,
                rgba(212, 175, 55, 0.1) 75%,
                rgba(212, 175, 55, 0.3) 100%
            );
            border-radius: inherit;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
        }
        .profile-card.vip-forever::after {
            content: '';
            position: absolute;
            top: -50%;
            right: -30%;
            width: 200px;
            height: 200px;
            background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 60%);
            pointer-events: none;
        }
        .vip-forever .profile-card-inner::before {
            content: '';
            position: absolute;
            bottom: -40%;
            left: -20%;
            width: 150px;
            height: 150px;
            background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 60%);
            pointer-events: none;
        }
        .vip-forever .profile-avatar {
            background: linear-gradient(145deg, #2a2a2c, #1a1a1c);
            border: 1px solid rgba(212, 175, 55, 0.25);
            box-shadow: 0 2px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05);
        }
        .vip-forever .vip-badge {
            background: linear-gradient(135deg, #d4af37 0%, #b8962e 100%);
            color: #0c0c0d;
            font-weight: 600;
            border: none;
            box-shadow: 0 2px 6px rgba(212, 175, 55, 0.3);
        }
        .vip-forever .profile-name {
            color: #fff;
            font-weight: 600;
        }
        .vip-forever .profile-days-num {
            font-size: 32px;
            font-weight: 700;
            background: linear-gradient(135deg, #f5d67b 0%, #d4af37 50%, #b8962e 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            filter: drop-shadow(0 1px 2px rgba(212, 175, 55, 0.3));
        }
        .vip-forever .profile-days-label {
            color: rgba(212, 175, 55, 0.7);
            font-weight: 500;
        }
        .vip-forever .profile-footer {
            border-top: 1px solid rgba(255,255,255,0.06);
        }
        .vip-forever .profile-stat-label {
            color: rgba(255,255,255,0.4);
        }
        .vip-forever .profile-stat-value {
            color: rgba(212, 175, 55, 0.9);
        }
        .vip-forever .profile-action-btn {
            background: linear-gradient(135deg, #d4af37 0%, #b8962e 100%);
            color: #0c0c0d;
            font-weight: 600;
            border: none;
            box-shadow: 0 2px 8px rgba(212, 175, 55, 0.25);
        }
        .vip-forever .profile-action-btn:active {
            transform: scale(0.98);
            box-shadow: 0 1px 4px rgba(212, 175, 55, 0.2);
        }
        
        /* 扫光效果 - 统一高级风格 */
        .card-shine {
            position: absolute;
            top: 0;
            left: -50%;
            width: 30%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.04), transparent);
            transform: skewX(-20deg);
            animation: vipSweep 4s ease-in-out infinite;
            z-index: 3;
            pointer-events: none;
            opacity: 0;
        }
        @keyframes vipSweep {
            0% { left: -50%; opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { left: 150%; opacity: 0; }
        }
        .vip-none .card-shine {
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.03), transparent);
            animation-delay: 0.5s;
        }
        .vip-month .card-shine {
            background: linear-gradient(
                90deg, 
                transparent 0%, 
                rgba(56, 189, 248, 0.03) 30%,
                rgba(56, 189, 248, 0.1) 50%,
                rgba(56, 189, 248, 0.03) 70%,
                transparent 100%
            );
            animation-delay: 1s;
        }
        .vip-year .card-shine {
            background: linear-gradient(
                90deg, 
                transparent 0%, 
                rgba(251, 191, 36, 0.03) 30%,
                rgba(251, 191, 36, 0.1) 50%,
                rgba(251, 191, 36, 0.03) 70%,
                transparent 100%
            );
            animation-delay: 1.5s;
        }
        .vip-forever .card-shine {
            background: linear-gradient(
                90deg, 
                transparent 0%, 
                rgba(212, 175, 55, 0.03) 30%,
                rgba(212, 175, 55, 0.12) 50%,
                rgba(212, 175, 55, 0.03) 70%,
                transparent 100%
            );
            animation-delay: 0s;
        }
        @keyframes foreverSweep {
            0% { left: -50%; opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { left: 150%; opacity: 0; }
        }
        
        /* 头像区域 */
        .profile-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .profile-user {
            display: flex;
            align-items: center;
            gap: var(--card-gap);
        }
        .profile-avatar {
            width: 44px;
            height: 44px;
            border-radius: var(--radius-sm);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            overflow: hidden;
        }
        .profile-avatar .avatar-letter {
            font-size: 20px;
            font-weight: 700;
            color: var(--text-inverse);
        }
        .profile-avatar svg {
            width: 22px;
            height: 22px;
            color: rgba(255,255,255,0.9);
        }
        .profile-avatar-img {
            width: 44px;
            height: 44px;
            border-radius: var(--radius-sm);
            object-fit: cover;
        }
        .profile-name {
            font-size: 16px;
            font-weight: 600;
            color: var(--text-inverse);
            margin-bottom: 2px;
            letter-spacing: -0.3px;
        }
        .vip-badge {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-size: 11px;
            color: rgba(255,255,255,0.9);
            background: rgba(255,255,255,0.15);
            backdrop-filter: blur(10px);
            padding: 3px 8px;
            border-radius: 100px;
        }
        .vip-badge i { font-size: 10px; }
        
        /* 默认头像图片样式 */
        .default-avatar-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: inherit;
        }
        
        /* 未登录头像样式 */
        .profile-avatar.guest-avatar {
            background: rgba(255,255,255,0.1);
        }
        
        /* 会员天数 - 右上角显示 */
        .profile-days-corner {
            text-align: right;
        }
        .profile-days-num {
            font-size: 24px;
            font-weight: 700;
            color: var(--text-inverse);
            line-height: 1;
            letter-spacing: -1px;
        }
        .profile-days-label {
            font-size: 11px;
            color: rgba(255,255,255,0.6);
            margin-top: 2px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        
        /* 底部状态栏 */
        .profile-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: var(--space-sm);
            border-top: 1px solid rgba(255,255,255,0.1);
        }
        .profile-stat-item {
            text-align: left;
        }
        .profile-stat-label {
            font-size: 11px;
            color: rgba(255,255,255,0.5);
            margin-bottom: 2px;
            text-transform: uppercase;
            letter-spacing: 0.3px;
        }
        .profile-stat-value {
            font-size: 12px;
            font-weight: 500;
            color: rgba(255,255,255,0.9);
        }
        .profile-action-btn {
            padding: 6px 14px;
            background: rgba(255,255,255,0.15);
            border: none;
            border-radius: 100px;
            color: rgba(255,255,255,0.9);
            font-size: 11px;
            font-weight: 500;
            cursor: pointer;
            text-decoration: none;
            transition: all 0.2s;
        }
        .profile-action-btn:active {
            background: rgba(255,255,255,0.25);
        }
        
        /* 登录按钮 */
        .auth-buttons {
            display: flex;
            gap: var(--card-gap);
            margin-top: auto;
        }
        .auth-btn {
            flex: 1;
            padding: 10px;
            border-radius: var(--radius-sm);
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            text-align: center;
            transition: all 0.2s;
        }
        .auth-btn.login {
            background: rgba(255,255,255,0.12);
            color: #fff;
        }
        .auth-btn.register {
            background: #fff;
            color: var(--primary);
        }
        .auth-btn:active { transform: scale(0.98); }
        
        /* 高级菜单列表 - 统一圆角 */
        .menu-list {
            background: var(--bg-card);
            border: none;
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .menu-item {
            display: flex;
            align-items: center;
            padding: var(--section-gap);
            text-decoration: none;
            color: var(--text-primary);
            border-bottom: 1px solid rgba(0,0,0,0.04);
            transition: all 0.2s ease;
        }
        .menu-item:last-child {
            border-bottom: none;
        }
        .menu-item:active {
            background: var(--bg-secondary);
        }
        .menu-icon {
            width: 44px;
            height: 44px;
            border-radius: var(--radius-md);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: var(--text-inverse);
            margin-right: var(--card-gap);
            flex-shrink: 0;
            box-shadow: 0 3px 10px rgba(0,0,0,0.12);
        }
        .menu-text h4 {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 3px;
            color: var(--text-primary);
        }
        .menu-text p {
            font-size: 12px;
            color: var(--text-muted);
        }
        .menu-arrow {
            color: #d1d5db;
            font-size: 14px;
            margin-left: auto;
        }

        /* ========== 「我的」Tab — 高级深色渐变风格 ========== */
        /* 整页滚动 + 固定底栏（勿 flex:1+min-height:0，部分 WebView 会把主区压成 0 高白屏） */
        body.page-tab-mine #mainContent.main-content,
        body.page-tab-mine #mainContent {
            flex: none !important;
            min-height: auto !important;
            height: auto !important;
            max-height: none !important;
            overflow: visible !important;
            display: block !important;
        }
        body.page-tab-template #mainContent {
            min-height: 0;
        }
        .mine-layout {
            padding: 0;
            padding-bottom: 0;
            max-width: 100%;
            margin: 0;
            background: transparent;
        }
        /* 顶部深色区域：头像居中 + 会员徽章 - 紧凑版 */
        .mine-hero {
            position: relative;
            padding: 10px 12px 16px;
            text-align: center;
            overflow: hidden;
            background: linear-gradient(180deg, var(--ink) 0%, var(--accent-slate-900) 100%);
            border-radius: 12px;
        }
        .mine-hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 80% 60% at 50% 20%, rgba(99, 102, 241, 0.12) 0%, transparent 60%);
            pointer-events: none;
        }
        .mine-hero-avatar {
            position: relative;
            width: 40px;
            height: 40px;
            margin: 0 auto 8px;
        }
        .mine-hero-avatar img,
        .mine-hero-avatar .mine-avatar-guest {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid rgba(255,255,255,0.12);
            box-shadow: 0 4px 16px rgba(0,0,0,0.25), 0 0 0 1px rgba(255,255,255,0.06);
        }
        .mine-hero-avatar .mine-avatar-guest {
            background: var(--gradient-emphasis-short);
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(255,255,255,0.5);
        }
        .mine-hero-name {
            font-size: 17px;
            font-weight: 700;
            color: #fff;
            margin-bottom: 6px;
            letter-spacing: -0.02em;
        }
        .mine-hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 8px 18px;
            border-radius: 100px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.01em;
        }
        .mine-hero-badge--vip {
            background: linear-gradient(135deg, #f59e0b, #d97706);
            color: #fff;
            box-shadow: 0 4px 16px rgba(245, 158, 11, 0.35);
        }
        .mine-hero-badge--vip i {
            font-size: 14px;
        }
        .mine-hero-badge--free {
            background: rgba(255,255,255,0.12);
            color: rgba(255,255,255,0.85);
            border: 1px solid rgba(255,255,255,0.15);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }
        .mine-hero-sub {
            margin-top: 6px;
            font-size: 11px;
            color: rgba(255,255,255,0.5);
        }
        .mine-guest-btns {
            display: flex;
            gap: 8px;
            justify-content: center;
            margin-top: 10px;
        }
        .mine-guest-btns a {
            padding: 6px 16px;
            border-radius: 100px;
            font-size: 12px;
            font-weight: 600;
            height: 32px;
            line-height: 20px;
            text-decoration: none;
            transition: transform 0.15s;
        }
        .mine-guest-btns a:active { transform: scale(0.97); }
        .mine-guest-btns .mine-btn-ghost {
            background: rgba(255,255,255,0.1);
            color: #fff;
            border: 1px solid rgba(255,255,255,0.2);
        }
        .mine-guest-btns .mine-btn-solid {
            background: #fff;
            color: var(--primary);
        }
        /* 星空清晰风格（无模糊） */
        .mine-card {
            background: transparent;
            border-radius: 0;
            box-shadow: none;
            overflow: visible;
        }
        .mine-body {
            position: relative;
            background: rgba(255, 255, 255, 0.1);
            padding: 0;
        }
        /* 常用功能网格 */
        .mine-func-title {
            padding: 12px 12px 8px;
            font-size: 13px;
            font-weight: 700;
            color: #ffffff;
            letter-spacing: -0.01em;
        }
        .mine-func-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 8px;
            padding: 0 12px 12px;
        }
        .mine-func-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 14px 16px;
            background: rgba(255, 255, 255, 0.18);
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: var(--radius-lg);
            text-decoration: none;
            color: #ffffff;
            transition: background 0.15s, transform 0.15s, border-color 0.15s;
            -webkit-tap-highlight-color: transparent;
            box-shadow: 0 2px 8px rgba(60, 90, 180, 0.1);
        }
        .mine-func-item:active {
            background: rgba(255, 255, 255, 0.25);
            border-color: rgba(255, 255, 255, 0.4);
            transform: scale(0.98);
        }
        .mine-func-ico {
            width: 28px;
            height: 28px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .mine-func-ico svg {
            width: 16px;
            height: 16px;
            stroke-width: 2;
        }
        .mine-func-ico--purple { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: #fff; }
        .mine-func-ico--pink { background: linear-gradient(135deg, #ec4899, #db2777); color: #fff; }
        .mine-func-ico--blue { background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff; }
        .mine-func-ico--orange { background: linear-gradient(135deg, #f59e0b, #d97706); color: #fff; }
        .mine-func-ico--teal { background: linear-gradient(135deg, #14b8a6, #0d9488); color: #fff; }
        .mine-func-ico--red { background: linear-gradient(135deg, #ef4444, #dc2626); color: #fff; }
        .mine-func-ico--slate { background: linear-gradient(135deg, #64748b, #475569); color: #fff; }
        .mine-func-ico--indigo { background: linear-gradient(135deg, #6366f1, #4f46e5); color: #fff; }
        .mine-func-label {
            font-size: 13px;
            font-weight: 600;
            color: #ffffff;
        }
        .mine-stats-panel {
            display: flex;
            align-items: center;
            justify-content: space-around;
            padding: 12px 10px;
            background: rgba(255, 255, 255, 0.08);
            border-top: 1px solid rgba(255, 255, 255, 0.15);
        }
        .mine-stats-item {
            flex: 1;
            text-align: center;
        }
        .mine-stats-value {
            font-size: 16px;
            font-weight: 700;
            color: #60d0ff;
            font-variant-numeric: tabular-nums;
            line-height: 1.15;
        }
        .mine-stats-label {
            font-size: 11px;
            color: rgba(255, 255, 255, 0.65);
            margin-top: 2px;
        }
        .mine-stats-divider {
            width: 1px;
            height: 32px;
            background: var(--border-light);
        }
        /* 页脚 */
        .mine-footer {
            text-align: center;
            padding: 8px 12px 10px;
            border-top: 1px solid rgba(148, 163, 184, 0.08);
        }
        body.page-tab-mine .menu-list {
            background: rgba(30, 35, 48, 0.48);
            border: 1px solid rgba(148, 163, 184, 0.12);
            box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
        }
        body.page-tab-mine .menu-item {
            border-bottom-color: rgba(148, 163, 184, 0.1);
        }
        body.page-tab-mine .menu-arrow {
            color: rgba(148, 163, 184, 0.45);
        }
        body.page-tab-template .template-page .page-header p {
            color: var(--text-muted) !important;
        }
        body.page-tab-template .sub-tab-switch {
            background: rgba(30, 35, 48, 0.55);
            border-color: rgba(148, 163, 184, 0.14);
        }
        body.page-tab-template .sub-tab-btn:not(.active) {
            color: #94a3b8;
        }
        body.page-tab-template .sub-tab-btn.active {
            background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
            color: #f8fafc;
            box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.22);
        }
        body.page-tab-template .prompt-card {
            background: rgba(30, 35, 48, 0.5);
            border-color: rgba(148, 163, 184, 0.12);
        }
        .mine-footer-brand {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 0;
            background: transparent;
            border-radius: 0;
            font-size: 12px;
            color: var(--text-muted);
            margin-bottom: 6px;
        }
        .mine-footer-brand span {
            color: var(--h5-accent-cyan);
            font-weight: 600;
        }
        .mine-footer-tagline {
            margin: 0 auto 8px;
            padding: 0 12px;
            max-width: 22rem;
            font-size: 11px;
            line-height: 1.45;
            color: var(--text-muted);
            letter-spacing: 0.02em;
        }
        .mine-footer-links {
            font-size: 12px;
            color: var(--text-muted);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 3px;
        }
        .mine-footer-links a,
        .mine-footer-links .mine-footer-link-a {
            color: var(--text-secondary);
            text-decoration: underline;
            text-underline-offset: 2px;
            cursor: pointer;
            position: relative;
            z-index: 1;
        }
        .mine-footer-dot { color: var(--text-muted); }
        .mine-footer-link-btn {
            background: none;
            border: none;
            padding: 0;
            margin: 0;
            font: inherit;
            font-size: 12px;
            color: var(--text-secondary);
            text-decoration: underline;
            text-underline-offset: 2px;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent;
        }

        /* ===============================================================
           灵涵速推 · 创作页
           品牌工具工作台 - 从 Logo 气质长出来的产品界面
           =============================================================== */
        /* 创作货架首页（lh-home-shelf）自建深色底，此处勿覆写 */
        body.page-tab-create:not(.lh-home-shelf),
        body.page-tab-create:not(.lh-home-shelf) .main-content {
            background: var(--bg-page) !important;
        }
        body.page-tab-create .main-content {
            padding: calc(env(safe-area-inset-top, 0px) + 12px) var(--page-padding) calc(var(--tab-height) + env(safe-area-inset-bottom, 0px) + 20px) var(--page-padding) !important;
        }
        body.page-tab-create .create-page-bg {
            display: none !important;
        }
        body.page-tab-create .page-create-zoom.create-page {
            padding-bottom: 16px;
        }

        /* 顶部品牌区：白底圆角卡片 + 竖线分隔（与「我的」信息层次一致、偏产品头图） */
        body.page-tab-create.home-create-ui .cr-header.home-brand-head {
            display: flex;
            align-items: center;
            gap: 0;
            padding: 15px 16px 15px 15px;
            margin: 0 0 20px;
            background: #ffffff;
            border: 1px solid rgba(15, 23, 42, 0.12);
            border-radius: 12px;
            box-shadow: none;
        }
        body.page-tab-create.home-create-ui .cr-header__logo,
        body.page-tab-create.home-create-ui .home-brand-head__logo {
            width: 40px;
            height: 40px;
            border-radius: 10px;
            border: 1px solid rgba(15, 23, 42, 0.12);
            box-shadow: none;
            flex-shrink: 0;
        }
        /* 独立竖线，避免全局 border 重置导致 border-left 不显示 */
        body.page-tab-create.home-create-ui .h5-brand-head__rule {
            flex-shrink: 0;
            width: 1px;
            align-self: stretch;
            min-height: 44px;
            margin: 0 12px 0 14px;
            background: rgba(15, 23, 42, 0.12);
            border-radius: 1px;
        }
        body.page-tab-create.home-create-ui .cr-header__text,
        body.page-tab-create.home-create-ui .home-brand-head__text {
            flex: 1;
            min-width: 0;
            border-left: none;
            padding-left: 0;
            min-height: 44px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        body.page-tab-create.home-create-ui .cr-header__title,
        body.page-tab-create.home-create-ui .home-brand-head__title {
            margin: 0 0 3px;
            font-size: 22px;
            font-weight: 800;
            color: #0f172a;
            letter-spacing: -0.03em;
            line-height: 1.15;
        }
        body.page-tab-create.home-create-ui .cr-header__sub,
        body.page-tab-create.home-create-ui .home-brand-head__tagline {
            margin: 0;
            font-size: 13px;
            line-height: 1.4;
            font-weight: 500;
            color: #475569;
            letter-spacing: 0;
        }
        body.page-tab-create.home-create-ui .home-brand-head__position {
            margin: 0 0 2px;
            font-size: 13px;
            line-height: 1.3;
            font-weight: 600;
            color: #334155;
            letter-spacing: -0.012em;
        }
        body.page-tab-create.home-create-ui .home-brand-head__value {
            margin: 0;
            font-size: 12px;
            line-height: 1.42;
            font-weight: 400;
            color: #64748b;
            letter-spacing: 0;
        }
        /* 隐藏旧的 Banner 结构 */
        body.page-tab-create .create-poster-slot,
        body.page-tab-create .cr-banner,
        body.page-tab-create .cr-banner__tags,
        body.page-tab-create .cr-banner__hint {
            display: none !important;
        }

        /* Tabs - 产品导航风格 */
        body.page-tab-create .cr-tabs-wrap {
            margin: 0 0 24px;
        }
        body.page-tab-create .cr-tabs {
            display: flex;
            align-items: center;
            gap: 0;
            padding: 0;
            background: transparent;
            border: none;
            border-bottom: 1px solid rgba(16, 24, 40, 0.08);
        }
        body.page-tab-create .cr-tab {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 40px;
            padding: 0 20px 0 0;
            border: none;
            border-radius: 0;
            background: transparent;
            cursor: pointer;
            color: var(--text-muted);
            font-size: 15px;
            font-weight: 600;
            transition: color 0.15s ease;
            -webkit-tap-highlight-color: transparent;
            position: relative;
        }
        body.page-tab-create .cr-tab__label {
            position: relative;
            white-space: nowrap;
            padding-bottom: 10px;
        }
        body.page-tab-create .cr-tab__label::after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 2px;
            background: transparent;
            border-radius: 1px;
            transition: background 0.15s ease;
        }
        body.page-tab-create .cr-tab.is-active {
            color: var(--text-primary);
            font-weight: 700;
            background: transparent;
            box-shadow: none;
        }
        body.page-tab-create .cr-tab.is-active .cr-tab__label::after {
            background: var(--primary-light, #1e3a44);
            border-radius: 1px;
        }

        /* 隐藏引导文字 */
        body.page-tab-create .tw-wall__lead {
            display: none;
        }

        /* 工具区 - 无分组标题，干净的卡片网格 */
        body.page-tab-create .create-main {
            padding: 0;
        }
        body.page-tab-create .cr-grid,
        body.page-tab-create .page-create-zoom .cr-grid.create-hub-grid {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 10px !important;
        }

        /* 工具卡片 - 产品功能卡风格，不是图标块 */
        body.page-tab-create .tw-tool.cr-tile {
            position: relative;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 12px;
            text-align: left;
            padding: 14px 12px;
            min-height: 82px;
            border: 1px solid rgba(15, 23, 42, 0.11);
            border-radius: 12px;
            text-decoration: none;
            color: inherit;
            box-sizing: border-box;
            background: #ffffff;
            box-shadow: none;
            transition: transform 0.12s ease, border-color 0.12s ease;
            -webkit-tap-highlight-color: transparent;
        }
        body.page-tab-create a.tw-tool.cr-tile:active {
            transform: scale(0.99);
        }
        
        /* Icon - 产品图标风格 */
        body.page-tab-create .tw-tool__ico {
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            margin: 0;
            padding: 0;
            background: #ffffff;
            border: 1px solid rgba(15, 23, 42, 0.14);
            border-radius: 11px;
            box-shadow: none;
        }
        body.page-tab-create .tw-tool__ico-inner {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 22px;
            height: 22px;
        }
        body.page-tab-create .tw-tool__ico-inner > svg {
            width: 22px;
            height: 22px;
            display: block;
            color: #0f172a;
        }
        body.page-tab-create .tw-tool__ico-inner > svg.create-hub-line-ico {
            stroke: #0f172a;
            stroke-width: 2.1;
        }
        /* 与智能体 Tab 同款：FA / 上传图 + 浅灰底块（数据来自同一 features 合并行） */
        body.page-tab-create .tw-tool__ico.create-hub-ico--fa {
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
        }
        body.page-tab-create .tw-tool__ico-inner--fa {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        body.page-tab-create .create-hub-fa-ico {
            width: 100%;
            height: 100%;
            min-width: 0;
            border-radius: 11px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f8fafc !important;
            border: 1px solid rgba(15, 23, 42, 0.1) !important;
            box-shadow: none !important;
        }
        body.page-tab-create .create-hub-fa-ico i {
            font-size: 18px;
            line-height: 1;
            color: #0f172a;
        }
        body.page-tab-create .create-hub-fa-ico .lh-lucide svg.lucide,
        body.page-tab-create .create-hub-fa-ico svg.lucide {
            width: 18px;
            height: 18px;
            color: #0f172a;
        }
        body.page-tab-create .create-hub-fa-ico--img img {
            width: 22px;
            height: 22px;
            object-fit: contain;
        }
        
        /* 标题区 */
        body.page-tab-create .tw-tool__mid {
            flex: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 2px;
        }
        body.page-tab-create .tw-tool__title {
            font-size: 15px;
            font-weight: 700;
            color: var(--text-primary);
            line-height: 1.3;
            margin: 0;
            letter-spacing: -0.02em;
        }
        body.page-tab-create .tw-tool__desc {
            font-size: 12px;
            color: #475569;
            line-height: 1.4;
        }
        
        /* 隐藏箭头和推荐 */
        body.page-tab-create .tw-tool__trail,
        body.page-tab-create .tw-tool__chev,
        body.page-tab-create .tw-tool__rec {
            display: none !important;
        }
        
        body.page-tab-create .create-hub-grid--title-only .tw-tool__ico,
        body.page-tab-create .create-hub-grid--title-only .tw-tool__desc {
            display: none !important;
        }

        body.page-tab-create .create-hub-grid--title-only .tw-tool.cr-tile {
            min-height: 56px;
        }

        /* 能力卡：展示图标、副文案与轻箭头 */
        body.page-tab-create .create-hub-grid--capability .tw-tool__ico {
            display: flex !important;
        }
        body.page-tab-create .create-hub-grid--capability .tw-tool__desc {
            display: -webkit-box !important;
        }
        body.page-tab-create .create-hub-grid--capability .tw-tool__trail,
        body.page-tab-create .create-hub-grid--capability .tw-tool__chev {
            display: flex !important;
        }

        body.page-tab-create .tw-tool--soon.cr-tile {
            opacity: 0.4;
            pointer-events: none;
        }
        body.page-tab-create .create-main {
            gap: 0;
        }

        /* 底部 Tab 栏（与创作页深色主界面一致） */
        body.page-tab-create .tab-bar {
            background: #ffffff !important;
            border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
            box-shadow: 0 -2px 12px rgba(15, 23, 42, 0.04) !important;
            border-radius: 0 !important;
            padding-top: 8px !important;
            padding-bottom: var(--safe-bottom) !important;
        }
        body.page-tab-create .tab-item {
            color: #64748b !important;
        }
        body.page-tab-create .tab-item .tab-icon,
        body.page-tab-create .tab-item svg {
            color: #64748b !important;
        }
        body.page-tab-create .tab-item.active {
            color: #1a365d !important;
        }
        body.page-tab-create .tab-item.active .tab-label {
            color: #1a365d !important;
            font-weight: 700 !important;
        }
        body.page-tab-create .tab-item.active .tab-icon {
            color: #1a365d !important;
        }
        body.page-tab-create .tab-bar .tab-label {
            font-size: 12px !important;
            font-weight: 600 !important;
        }

        /* ===============================================================
           灵涵速推 · 智能体页
           能力大厅 - 不是图标墙，而是有节奏的能力入口
           =============================================================== */
        body.page-tab-agent,
        body.page-tab-agent .main-content {
            background: var(--bg-page) !important;
        }
        body.page-tab-agent .main-content {
            padding: calc(env(safe-area-inset-top, 0px) + 12px) var(--page-padding) calc(var(--tab-height) + env(safe-area-inset-bottom, 0px) + 20px) var(--page-padding) !important;
        }

        /* 智能体中心顶栏：更薄头图 */
        body.page-tab-agent .ag-header {
            display: flex;
            align-items: center;
            gap: 0;
            padding: 8px 13px;
            margin: 0 0 12px;
            background: #ffffff;
            border: 1px solid rgba(15, 23, 42, 0.11);
            border-radius: 12px;
            box-shadow: none;
        }
        body.page-tab-agent .ag-header::before {
            display: none;
        }
        body.page-tab-agent .ag-header__logo {
            width: 36px;
            height: 36px;
            border-radius: 9px;
            border: 1px solid rgba(15, 23, 42, 0.1);
            box-shadow: none;
            flex-shrink: 0;
        }
        body.page-tab-agent .h5-brand-head__rule {
            flex-shrink: 0;
            width: 1px;
            align-self: stretch;
            min-height: 32px;
            margin: 0 10px 0 11px;
            background: rgba(15, 23, 42, 0.1);
            border-radius: 1px;
        }
        body.page-tab-agent .ag-header__text {
            flex: 1;
            min-width: 0;
            border-left: none;
            padding-left: 0;
            min-height: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        body.page-tab-agent .ag-header__title {
            margin: 0 0 1px;
            font-size: 17px;
            font-weight: 800;
            color: var(--text-primary);
            letter-spacing: -0.028em;
            line-height: 1.18;
        }
        body.page-tab-agent .ag-header__sub {
            margin: 0;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.32;
            color: var(--text-secondary);
            letter-spacing: 0;
        }
        /* 隐藏旧结构 */
        body.page-tab-agent .ag-header__brand-row,
        body.page-tab-agent .ag-header__mark,
        body.page-tab-agent .ag-header__copy {
            display: none !important;
        }

        /* 分组：模块标题 + 短说明，无粗竖条 */
        body.page-tab-agent .agent-section {
            padding: 0;
            margin-bottom: 22px;
        }
        body.page-tab-agent .agent-section:last-child {
            margin-bottom: 0;
        }
        body.page-tab-agent .agent-section-header {
            margin-bottom: 4px !important;
            padding-bottom: 0;
            border-bottom: none;
        }
        body.page-tab-agent .agent-section-title {
            color: #1a365d !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            letter-spacing: 0 !important;
            margin: 0;
            padding: 0;
            line-height: 1.3;
        }
        body.page-tab-agent .agent-section-title::before {
            display: none !important;
        }
        body.page-tab-agent .agent-section-lead {
            display: none;
        }

        /* 智能体：设置式纵向列表（小图标 + 同行标题，非大宫格） */
        body.page-tab-agent .agent-grid {
            display: flex !important;
            flex-direction: column !important;
            gap: 0 !important;
            padding: 0 !important;
            perspective: none !important;
        }

        body.page-tab-agent .agent-grid.agent-grid--cols-2,
        body.page-tab-agent .agent-grid.agent-grid--cols-3 {
            display: flex !important;
            flex-direction: column !important;
        }

        body.page-tab-agent .agent-section {
            transform: none !important;
            will-change: auto !important;
        }

        body.page-tab-agent .agent-card {
            position: relative;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            text-align: left;
            gap: 12px;
            padding: 11px 12px;
            min-height: 52px;
            background: var(--bg-card, #ffffff);
            border: none;
            border-bottom: 0.5px solid rgba(60, 60, 67, 0.22);
            border-radius: 0;
            box-shadow: none;
            text-decoration: none;
            -webkit-tap-highlight-color: transparent;
            transform-style: flat;
            will-change: auto;
        }

        body.page-tab-agent .agent-grid .agent-card:last-child {
            border-bottom: none;
        }

        body.page-tab-agent .agent-card--featured .agent-name {
            font-weight: 600 !important;
        }

        body.page-tab-agent .agent-card:active {
            transform: none;
            opacity: 1;
        }

        body.page-tab-agent .agent-icon,
        body.page-tab-agent .agent-card--sheet .agent-card__sheet-thumb {
            width: 28px !important;
            height: 28px !important;
            min-width: 28px !important;
            border-radius: 0 !important;
            margin: 0 !important;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent !important;
            box-shadow: none !important;
            border: none !important;
        }

        body.page-tab-agent .agent-icon i {
            font-size: 17px !important;
            line-height: 1 !important;
            color: #007aff !important;
        }

        body.page-tab-agent .agent-icon--image {
            background: transparent !important;
        }

        body.page-tab-agent .agent-icon--image img {
            width: 20px !important;
            height: 20px !important;
            object-fit: contain;
        }

        body.page-tab-agent .agent-icon--svg svg {
            width: 17px !important;
            height: 17px !important;
            color: #007aff !important;
            stroke-width: 1.65 !important;
        }

        body.page-tab-agent .agent-card--sheet {
            flex-direction: row !important;
            align-items: center !important;
            gap: 12px !important;
            padding: 11px 12px !important;
        }

        body.page-tab-agent .agent-card--sheet .agent-card__sheet-thumb {
            overflow: hidden;
        }

        body.page-tab-agent .agent-card--sheet .agent-card__sheet-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
        }

        body.page-tab-agent .agent-card--sheet .agent-info {
            padding: 0 !important;
        }

        body.page-tab-agent .agent-info {
            text-align: left;
            flex: 1 1 auto;
            min-width: 0;
            width: auto;
        }

        body.page-tab-agent .agent-name {
            color: #000000 !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            line-height: 1.25 !important;
            text-align: left !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden !important;
            letter-spacing: -0.02em !important;
            word-break: break-word;
        }

        body.page-tab-agent .agent-desc {
            display: block !important;
            margin-top: 2px;
            font-size: 13px !important;
            font-weight: 400 !important;
            line-height: 1.3 !important;
            color: rgba(60, 60, 67, 0.6) !important;
            text-align: left !important;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        body.page-tab-agent .agent-tag.new {
            position: absolute;
            top: 7px;
            right: 7px;
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 0.04em;
            padding: 2px 5px;
            border-radius: 4px;
            color: #fff;
            background: var(--primary-light, #1e3a44);
        }

        /* 底部 Tab 栏 */
        body.page-tab-agent .tab-bar {
            background: #ffffff !important;
            border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
            box-shadow: 0 -2px 12px rgba(15, 23, 42, 0.04) !important;
            border-radius: 0 !important;
        }
        body.page-tab-agent .tab-item {
            color: #64748b !important;
        }
        body.page-tab-agent .tab-item.active {
            color: #1a365d !important;
        }
        body.page-tab-agent .tab-item.active .tab-icon {
            color: #1a365d !important;
        }

        /* ===============================================================
           灵涵速推 · 我的页
           账号中心 - 基于真实 Logo 的品牌头像，卡密兑换作为重要入口
           =============================================================== */
        body.page-tab-mine,
        body.page-tab-mine .main-content {
            background-color: #f1f5f9 !important;
            /* 顶部与会员卡同冷色倾向，向下渐淡，减轻与下方白卡的割裂感 */
            background-image:
                radial-gradient(ellipse 100% 58% at 50% -6%, rgba(79, 70, 229, 0.1) 0%, transparent 56%),
                linear-gradient(180deg, #e6edf9 0%, #eef2fa min(28vh, 240px), #f1f5f9 min(52vh, 420px), #f1f5f9 100%) !important;
        }
        body.page-tab-mine .main-content {
            /* 底栏占位已由 body.page-tab-mine 的 padding-bottom(~68px) 处理，此处勿再垫 110px 造成大块空白 */
            padding: calc(env(safe-area-inset-top, 0px) + 12px) var(--page-padding) 12px var(--page-padding) !important;
            scroll-padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
        }
        /* —— 我的页：身份卡与信息架构（灵涵蓝黑，非后台风） —— */
        body.page-tab-mine .mine-id-shell { margin: 0; }
        body.page-tab-mine .mine-id-row {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 12px;
            position: relative;
            min-height: 88px;
            max-height: 96px;
        }
        body.page-tab-mine .mine-id-row--guest { align-items: center; min-height: auto; max-height: none; }
        body.page-tab-mine .mine-id-avatar-wrap { flex-shrink: 0; }
        body.page-tab-mine .mine-id-avatar {
            width: 64px;
            height: 64px;
            border-radius: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #07111F 0%, #123B9A 55%, #2F5BFF 100%);
            box-shadow: 0 4px 14px rgba(29, 79, 255, 0.2);
            overflow: hidden;
        }
        body.page-tab-mine .mine-id-avatar--has-photo {
            background: #fff;
            border: 2px solid rgba(47, 91, 255, 0.2);
            box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
        }
        body.page-tab-mine .mine-id-avatar--brand { padding: 0; }
        body.page-tab-mine .mine-id-avatar--guest { background: linear-gradient(135deg, #07111F 0%, #123B9A 55%, #2F5BFF 100%); }
        body.page-tab-mine .mine-id-userpic {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 16px;
            display: block;
        }
        body.page-tab-mine .mine-id-logo {
            width: 72%;
            height: 72%;
            object-fit: contain;
            display: block;
            filter: brightness(0) invert(1);
            opacity: 0.96;
        }
        body.page-tab-mine .mine-id-avatar--brand .mine-id-logo { filter: none; opacity: 1; }
        body.page-tab-mine .mine-id-meta {
            flex: 1;
            min-width: 0;
            text-align: left !important;
        }
        body.page-tab-mine .mine-id-name {
            font-size: 16px;
            font-weight: 800;
            color: #0F172A;
            letter-spacing: -0.02em;
            line-height: 1.2;
            margin: 0 0 2px;
        }
        body.page-tab-mine .mine-id-subid {
            font-size: 11px;
            font-weight: 600;
            color: #64748B;
            margin: 0 0 4px;
        }
        body.page-tab-mine .mine-id-role-line {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 4px 6px;
            font-size: 11px;
            line-height: 1.3;
        }
        body.page-tab-mine .mine-id-sep { color: #94A3B8; font-weight: 700; }
        body.page-tab-mine .mine-id-valid { color: #64748B; font-weight: 500; }
        body.page-tab-mine .mine-id-guest-tip {
            margin-top: 6px;
            font-size: 13px;
            color: #64748B;
            line-height: 1.45;
        }
        body.page-tab-mine .mine-id-toolbar {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            align-self: flex-start;
            gap: 6px;
            flex-shrink: 0;
            padding-top: 2px;
        }
        body.page-tab-mine .mine-id-ico-btn {
            width: 34px;
            height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            background: #F1F5F9;
            color: #64748B;
            border: 1px solid rgba(15, 23, 42, 0.06);
            text-decoration: none;
            -webkit-tap-highlight-color: transparent;
            transition: background 0.15s ease, transform 0.12s ease;
        }
        body.page-tab-mine .mine-id-ico-btn:active { transform: scale(0.96); opacity: 0.92; }
        body.page-tab-mine .mine-id-ico-btn .mine-id-ico-svg.lh-lucide svg.lucide {
            width: 18px;
            height: 18px;
            stroke-width: 2;
        }
        body.page-tab-mine .mine-id-ico-btn--logout { color: #64748B; }
        body.page-tab-mine .mine-hero-row:has(.mine-hero-logout),
        body.page-tab-mine .mine-hero-logout { display: none !important; }

        body.page-tab-mine .mine-layout {
            padding: 0 !important;
        }
        body.page-tab-mine .mine-profile-card {
            margin: 0;
        }
        body.page-tab-mine .mine-body.mine-body-stack {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: 10px;
            padding: 0 !important;
        }

        /* 顶部账号区：白卡账号状态条，与全页白卡体系统一 */
        body.page-tab-mine .mine-hero.mine-hero--account:not(.mine-id-card) {
            position: relative;
            background: var(--bg-card) !important;
            border: 1px solid rgba(15, 23, 42, 0.08) !important;
            box-shadow: none;
            border-radius: 12px;
            padding: 12px 12px 11px !important;
            text-align: left !important;
            overflow: hidden;
        }
        body.page-tab-mine .mine-hero.mine-hero--account.mine-id-card.user-card-wrap {
            padding: 0 !important;
            min-height: 0 !important;
            max-height: none !important;
        }
        body.page-tab-mine .mine-hero.mine-hero--account.mine-id-card {
            position: relative;
            background: #fff !important;
            border: 1px solid rgba(15, 23, 42, 0.06) !important;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05) !important;
            border-radius: 20px !important;
            padding: 12px 14px !important;
            text-align: left !important;
            overflow: visible !important;
            min-height: 116px;
            max-height: 128px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
        }
        body.page-tab-mine .mine-hero.mine-hero--account::before,
        body.page-tab-mine .mine-hero.mine-hero--account::after {
            display: none;
        }
        body.page-tab-mine .mine-hero-row {
            display: flex;
            align-items: center;
            gap: 10px;
            position: relative;
            z-index: 1;
        }
        /* 头像双环 + 内圆（同行布局） */
        body.page-tab-mine .mine-hero-avatar-wrap {
            position: relative;
            width: 56px;
            height: 56px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        body.page-tab-mine .mine-hero-avatar-ring {
            display: none;
        }
        body.page-tab-mine .mine-hero-avatar {
            position: relative;
            z-index: 1;
            width: 44px !important;
            height: 44px !important;
            margin: 0 !important;
            flex-shrink: 0;
            border-radius: 50%;
            overflow: hidden;
            background: rgba(15, 23, 42, 0.04);
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(15, 23, 42, 0.08);
            box-shadow: none;
        }
        body.page-tab-mine .mine-hero-avatar--guest-fallback {
            color: var(--text-muted);
            font-size: 20px;
        }
        body.page-tab-mine .mine-hero-avatar img.mine-avatar-logo {
            width: 78%;
            height: 78%;
            border-radius: 8px;
            border: none !important;
            box-shadow: none !important;
            object-fit: contain;
        }
        body.page-tab-mine .mine-hero-avatar--brand {
            padding: 0;
            background: #fff;
        }
        body.page-tab-mine .mine-hero-avatar img.mine-avatar-user {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: none !important;
            box-shadow: none !important;
            object-fit: cover;
        }
        body.page-tab-mine .mine-hero-meta {
            flex: 1;
            min-width: 0;
            text-align: left;
        }
        body.page-tab-mine .mine-hero-name {
            color: var(--text-primary) !important;
            margin: 0 0 2px !important;
            font-size: clamp(17px, 3.2vw + 0.45rem, 20px) !important;
            font-weight: 700 !important;
            letter-spacing: -0.03em !important;
            display: block;
            line-height: 1.25;
        }
        body.page-tab-mine .mine-hero-name--guest {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 0 2px;
            margin-bottom: 6px !important;
        }
        body.page-tab-mine .mine-hero-name--guest a {
            color: var(--text-primary) !important;
            text-decoration: none;
            font-weight: 700;
            -webkit-tap-highlight-color: transparent;
        }
        body.page-tab-mine .mine-hero-name--guest a:active {
            opacity: 0.75;
        }
        body.page-tab-mine .mine-hero-name-slash {
            color: var(--text-muted);
            font-weight: 600;
            margin: 0 2px;
        }
        body.page-tab-mine .mine-hero-id {
            font-size: 13px !important;
            font-weight: 500;
            color: var(--text-secondary) !important;
            margin: 0 0 4px !important;
            letter-spacing: 0.01em;
            line-height: 1.35;
        }
        body.page-tab-mine .mine-hero-badge-row {
            display: flex;
            flex-wrap: wrap;
            gap: 5px 8px;
            align-items: center;
            margin: 0 0 3px;
        }
        body.page-tab-mine .mine-hero-tag {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            min-height: 26px;
            padding: 0 11px;
            font-size: 12px;
            font-weight: 600;
            line-height: 1;
            letter-spacing: 0.01em;
            border-radius: 999px;
            border: 1px solid transparent;
            box-shadow: none;
        }
        body.page-tab-mine .mine-hero-tag--role-none {
            background: #F8FAFC;
            color: #64748B;
            border-color: #E2E8F0;
        }
        body.page-tab-mine .mine-hero-tag--role-month {
            background: #EEF4FF;
            color: #1D4FFF;
            border-color: rgba(47, 91, 255, 0.16);
        }
        body.page-tab-mine .mine-hero-tag--role-year {
            background: #EEF4FF;
            color: #1D4FFF;
            border-color: rgba(47, 91, 255, 0.16);
        }
        body.page-tab-mine .mine-hero-tag--role-forever {
            background: #FFF8E6;
            color: #92400E;
            border-color: #FCD34D;
        }
        body.page-tab-mine .mine-hero-status {
            margin: 0;
            padding: 0;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.45;
            color: var(--text-secondary);
        }
        body.page-tab-mine .mine-hero-sub {
            color: var(--text-secondary) !important;
            margin-top: 0 !important;
            font-size: 14px !important;
            font-weight: 500;
            line-height: 1.55;
        }
        body.page-tab-mine .mine-hero-actions {
            display: none !important;
        }
        body.page-tab-mine .mine-hero-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 10px 16px;
            font-size: 13px;
            font-weight: 700;
            border-radius: 10px;
            text-decoration: none;
            transition: transform 0.12s ease, opacity 0.12s ease;
            -webkit-tap-highlight-color: transparent;
        }
        body.page-tab-mine .mine-hero-btn:active {
            transform: scale(0.96);
            opacity: 0.9;
        }
        body.page-tab-mine .mine-hero-btn--primary {
            background: var(--brand-grad);
            color: #fff;
            box-shadow: 0 4px 12px rgba(30, 58, 68, 0.2);
        }
        body.page-tab-mine .mine-hero-btn--ghost {
            background: rgba(16, 24, 40, 0.04);
            color: var(--text-primary);
            border: 1px solid rgba(16, 24, 40, 0.08);
        }
        /* 隐藏旧的按钮结构 */
        body.page-tab-mine .mine-guest-btns,
        body.page-tab-mine .mine-hero-cta {
            display: none !important;
        }
        body.page-tab-mine .mine-body {
            background: transparent !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        /* 常用功能区 */
        body.page-tab-mine .mine-func-title {
            padding: 18px 0 12px !important;
            font-size: clamp(17px, 2.8vw + 0.55rem, 20px) !important;
            font-weight: 700 !important;
            color: var(--zen-ink) !important;
            letter-spacing: -0.03em !important;
            position: relative;
            padding-left: 12px !important;
        }
        body.page-tab-mine .mine-func-title::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 3px;
            height: 16px;
            background: var(--brand-grad);
            border-radius: 2px;
        }
        body.page-tab-mine .mine-func-grid--tiles {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 10px !important;
            padding: 0 !important;
        }
        body.page-tab-mine .mine-func-grid--tiles .mine-func-item {
            min-height: 56px !important;
            max-height: none !important;
            padding: 8px 10px !important;
            border-radius: 14px !important;
            border: 1px solid rgba(15, 23, 42, 0.06) !important;
            background: #fff !important;
            box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03) !important;
            position: relative;
            gap: 8px !important;
        }
        /* 创作记录内快捷入口：主层级已由「全部创作记录」承担，格内不再叠 › 以免重复、显挤 */
        body.page-tab-mine .mine-func-grid--tiles .mine-func-item::after {
            content: none !important;
        }
        body.page-tab-mine .mine-func-grid--tiles .mine-func-bench .mine-func-bench-ico.cd-bench-ico,
        body.page-tab-mine .mine-func-grid--tiles .mine-func-bench-ico.cd-bench-ico {
            width: 32px !important;
            height: 32px !important;
            min-width: 32px !important;
            min-height: 32px !important;
            border-radius: 10px !important;
            background: linear-gradient(135deg, #07111F 0%, #123B9A 55%, #2F5BFF 100%) !important;
            border: none !important;
            box-shadow: 0 4px 12px rgba(29, 79, 255, 0.14) !important;
        }
        body.page-tab-mine .mine-func-grid--tiles .mine-func-bench .mine-func-bench-ico.cd-bench-ico svg,
        body.page-tab-mine .mine-func-grid--tiles .mine-func-bench-ico.cd-bench-ico svg {
            width: 16px !important;
            height: 16px !important;
            color: #fff !important;
            stroke: #fff !important;
        }
        body.page-tab-mine .mine-func-grid--tiles .mine-func-label {
            font-size: 12px !important;
            font-weight: 700 !important;
            color: var(--zen-ink) !important;
            letter-spacing: -0.02em !important;
            line-height: 1.3 !important;
        }

        body.page-tab-mine .mine-func-grid {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 8px !important;
            padding: 0 0 16px !important;
        }
        body.page-tab-mine .mine-func-item {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            min-height: 52px !important;
            max-height: none !important;
            padding: 10px 12px !important;
            border-radius: 12px !important;
            gap: 10px !important;
            background: var(--bg-card) !important;
            border: 1px solid rgba(15, 23, 42, 0.08) !important;
            box-shadow: none !important;
            text-decoration: none;
            transition: transform 0.12s ease, opacity 0.12s ease;
        }
        body.page-tab-mine .mine-func-label {
            font-size: 15px !important;
            font-weight: 700 !important;
            color: var(--zen-ink) !important;
            letter-spacing: -0.02em !important;
        }
        body.page-tab-mine .mine-func-ico {
            width: 32px !important;
            height: 32px !important;
            border-radius: 8px !important;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff !important;
            border: 1px solid rgba(15, 23, 42, 0.08) !important;
            box-shadow: none !important;
        }
        body.page-tab-mine .mine-func-ico svg {
            width: 17px !important;
            height: 17px !important;
            color: var(--brand-deep) !important;
        }
        body.page-tab-mine .mine-func-item:active {
            transform: scale(0.98);
            opacity: 0.92;
        }

        body.page-tab-mine .mine-section-card--stats-soft {
            padding: 10px 12px 12px !important;
        }
        body.page-tab-mine .mine-stats-heading {
            margin: 0 0 10px;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: -0.02em;
            color: var(--zen-ink);
        }
        
        /* 数据条 */
        body.page-tab-mine .mine-stats-grid {
            display: flex;
            align-items: stretch;
            gap: 0;
            padding: 0;
            background: #fff;
            border: 1px solid rgba(15, 23, 42, 0.06);
            border-radius: 16px;
            box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
            overflow: hidden;
        }
        body.page-tab-mine .mine-stats-cell {
            flex: 1;
            background: transparent;
            border: none;
            border-radius: 0;
            box-shadow: none;
            padding: 12px 6px;
            text-align: center;
            position: relative;
        }
        body.page-tab-mine .mine-stats-cell:not(:last-child)::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 28px;
            background: rgba(15, 23, 42, 0.06);
        }
        body.page-tab-mine .mine-stats-cell .mine-stats-value {
            font-size: clamp(16px, 2.8vw + 0.5rem, 18px) !important;
            font-weight: 700 !important;
            color: var(--zen-ink) !important;
            line-height: 1.2 !important;
            font-variant-numeric: tabular-nums;
            letter-spacing: -0.02em;
        }
        body.page-tab-mine .mine-stats-cell .mine-stats-label {
            font-size: 12px !important;
            color: var(--text-secondary) !important;
            margin-top: 3px !important;
            line-height: 1.3 !important;
            font-weight: 500;
        }

        /* 底部品牌区 */
        body.page-tab-mine .mine-footer {
            padding: 16px 0 8px !important;
            border-top: none !important;
            margin-top: 14px !important;
            text-align: center;
        }
        body.page-tab-mine .mine-footer-brand {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 6px;
        }
        body.page-tab-mine .mine-footer-brand img {
            width: 24px;
            height: 24px;
            border-radius: 6px;
            box-shadow: none;
        }
        body.page-tab-mine .mine-footer-brand span {
            color: #475569 !important;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: -0.01em;
        }
        body.page-tab-mine .mine-footer-links {
            font-size: 13px;
            color: #64748b;
            position: relative;
            z-index: 2;
        }
        body.page-tab-mine .mine-footer-links a,
        body.page-tab-mine .mine-footer-links .mine-footer-link-a,
        body.page-tab-mine .mine-footer-link-btn {
            color: #475569;
            font-size: 13px;
        }
        body.page-tab-mine .mine-footer-tagline {
            color: #64748b !important;
            font-size: 13px !important;
            line-height: 1.45 !important;
            margin-bottom: 8px !important;
            padding: 0 16px;
        }
        body.page-tab-mine .mine-footer.mine-footer--compact {
            padding: 14px 0 8px !important;
            margin-top: 10px !important;
        }
        body.page-tab-mine .mine-footer.mine-footer--compact .mine-footer-brand {
            margin-bottom: 4px;
            padding: 2px 0;
        }
        body.page-tab-mine .mine-footer.mine-footer--compact .mine-footer-brand span {
            font-size: 14px !important;
        }
        body.page-tab-mine .mine-footer.mine-footer--compact .mine-footer-brand img {
            width: 24px;
            height: 24px;
        }
        body.page-tab-mine .mine-footer.mine-footer--compact .mine-footer-links {
            font-size: 13px;
            margin-top: 4px;
        }
        body.page-tab-mine .mine-footer.mine-footer--compact .mine-footer-link-btn {
            font-size: 13px;
        }

        /* 底部 Tab 栏 */
        body.page-tab-mine .tab-bar {
            background: #ffffff !important;
            border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
            box-shadow: 0 -2px 12px rgba(15, 23, 42, 0.04) !important;
            border-radius: 0 !important;
        }
        body.page-tab-mine .tab-item {
            color: #64748b !important;
        }
        body.page-tab-mine .tab-item.active {
            color: #1a365d !important;
        }
        body.page-tab-mine .tab-item.active .tab-icon {
            color: #1a365d !important;
        }

        body.page-tab-mine .mine-hero-row:has(.mine-hero-logout) {
            position: relative;
            padding-right: 40px;
        }
        body.page-tab-mine .mine-hero-logout {
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            color: var(--text-muted);
            background: rgba(15, 23, 42, 0.04);
            border: 1px solid rgba(15, 23, 42, 0.06);
            text-decoration: none;
            z-index: 3;
            font-size: 14px;
            -webkit-tap-highlight-color: transparent;
        }
        body.page-tab-mine .mine-hero-logout:active {
            opacity: 0.85;
            background: rgba(15, 23, 42, 0.07);
            transform: translateY(-50%) scale(0.96);
        }
        body.page-tab-mine .mine-section-card {
            margin: 0;
            padding: 15px 15px 16px;
            background-color: #ffffff !important;
            background-image: linear-gradient(180deg, #f8fafc 0%, #ffffff 44px) !important;
            border: 1px solid rgba(15, 23, 42, 0.06) !important;
            border-radius: 18px !important;
            box-shadow:
                0 1px 2px rgba(15, 23, 42, 0.04),
                0 8px 24px rgba(15, 23, 42, 0.06),
                inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
        }
        body.page-tab-mine .mine-section-card__title {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 15px;
            font-weight: 600;
            margin: 0 0 8px;
            color: #0f172a;
            letter-spacing: -0.02em;
        }
        body.page-tab-mine .mine-section-card__icon {
            width: 28px;
            height: 28px;
            border-radius: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #475569;
            background: #f1f5f9;
            border: 1px solid rgba(15, 23, 42, 0.06);
            box-shadow: none;
        }
        body.page-tab-mine .mine-section-card__icon .lh-lucide svg.lucide {
            width: 15px;
            height: 15px;
            stroke-width: 2;
            color: #475569;
            stroke: #475569;
        }
        body.page-tab-mine .mine-section-card__lead {
            margin: 0 0 12px;
            font-size: 13px;
            line-height: 1.5;
            font-weight: 500;
            color: var(--text-secondary);
        }
        body.page-tab-mine .mine-section-card__hint {
            margin: 10px 0 0;
            font-size: 12px;
            line-height: 1.5;
            font-weight: 500;
            color: var(--text-muted);
            opacity: 1;
        }
        body.page-tab-mine .mine-section-card__hint--muted {
            color: #64748B;
            opacity: 1;
        }
        body.page-tab-mine .mine-section-card__lead--compact,
        body.page-tab-mine .mine-section-card__lead--pkg {
            margin: 0 0 10px;
            font-size: 13px;
            line-height: 1.55;
            color: var(--text-secondary);
        }
        body.page-tab-mine .mine-section-card--redeem-light .mine-section-card__title {
            margin-bottom: 4px;
        }
        body.page-tab-mine .mine-redeem-inner--tight {
            padding: 0;
            background: transparent;
            border: none;
        }
        body.page-tab-mine .mine-redeem-inner--tight .mine-redeem-input {
            padding: 12px 14px;
            font-size: 15px;
            font-weight: 600;
            border-radius: 14px;
            border: 1px solid rgba(15, 23, 42, 0.08);
            background: rgba(248, 250, 252, 0.95);
            box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
        }
        body.page-tab-mine .mine-redeem-inner--tight .mine-redeem-btn {
            padding: 11px 14px;
            font-size: 14px;
            font-weight: 600;
            border-radius: 10px;
            background: #0f172a;
            color: #fff !important;
            box-shadow: none;
        }
        body.page-tab-mine .mine-id-role-line .mine-hero-tag--role-none {
            background: #F8FAFC !important;
            color: #64748B !important;
            border-color: #E2E8F0 !important;
        }
        body.page-tab-mine .mine-id-role-line .mine-hero-tag--role-month,
        body.page-tab-mine .mine-id-role-line .mine-hero-tag--role-year,
        body.page-tab-mine .mine-id-role-line .mine-hero-tag--role-forever {
            background: #EEF4FF !important;
            color: #1D4FFF !important;
            border-color: rgba(47, 91, 255, 0.16) !important;
        }

        body.page-tab-mine .mine-benefits-lead {
            margin: 0 0 12px;
            font-size: 13px;
            line-height: 1.5;
            font-weight: 500;
            color: #64748B;
        }
        body.page-tab-mine .mine-benefits-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin: 0 0 4px;
        }
        body.page-tab-mine .mine-benefits-chip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 6px 10px;
            font-size: 12px;
            font-weight: 600;
            color: #334155;
            background: #F8FAFF;
            border: 1px solid rgba(15, 23, 42, 0.06);
            border-radius: 10px;
            line-height: 1.2;
        }
        body.page-tab-mine .mine-benefits-forever-note {
            margin: 10px 0 0;
            font-size: 12px;
            color: #64748B;
            text-align: center;
        }
        body.page-tab-mine .mine-section-card__icon--pkg {
            background: #f1f5f9 !important;
            color: #475569 !important;
            border: 1px solid rgba(15, 23, 42, 0.06) !important;
            box-shadow: none !important;
        }
        body.page-tab-mine .mine-section-card__icon--pkg .lh-lucide svg.lucide {
            color: #475569 !important;
            stroke: #475569 !important;
            stroke-width: 2;
        }
        body.page-tab-mine .mine-redeem-inner {
            padding: 10px;
            border-radius: 12px;
            background: var(--bg-page, #f8fafc);
            border: 1px solid rgba(16, 24, 40, 0.05);
        }
        body.page-tab-mine .mine-redeem-inner .mine-redeem-input {
            background: var(--bg-card);
        }
        body.page-tab-mine .mine-redeem-form {
            margin: 0;
        }
        body.page-tab-mine .mine-redeem-row {
            display: flex;
            align-items: stretch;
            gap: 8px;
        }
        body.page-tab-mine .mine-redeem-input {
            flex: 1;
            min-width: 0;
            padding: 12px 14px;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 0.04em;
            border: 1px solid rgba(16, 24, 40, 0.1);
            border-radius: 12px;
            background: var(--bg-page, #f8fafc);
            color: var(--text-primary);
            font-family: inherit;
        }
        body.page-tab-mine .mine-redeem-input::placeholder {
            color: var(--text-muted);
            font-weight: 500;
            letter-spacing: normal;
        }
        body.page-tab-mine .mine-redeem-btn {
            flex-shrink: 0;
            padding: 11px 16px;
            font-size: 14px;
            font-weight: 600;
            border: none;
            border-radius: 10px;
            color: #fff !important;
            background: #0f172a;
            box-shadow: none;
            cursor: pointer;
            font-family: inherit;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            -webkit-tap-highlight-color: transparent;
        }
        body.page-tab-mine .mine-redeem-btn:active {
            transform: scale(0.98);
            opacity: 0.95;
        }
        body.page-tab-mine .mine-redeem-btn .lh-lucide svg.lucide {
            width: 17px;
            height: 17px;
            stroke-width: 2.1;
        }
        body.page-tab-mine .mine-section-card--vip-pay {
            padding: 16px 14px 16px;
        }
        body.page-tab-mine .mine-section-card--vip-pay .mine-section-card__title--vip-pay {
            margin-bottom: 4px;
            font-size: 16px;
            font-weight: 800;
            letter-spacing: -0.03em;
        }
        body.page-tab-mine .mine-wx-pay-shell {
            display: flex;
            flex-direction: column;
            gap: 0;
            min-width: 0;
            width: 100%;
        }
        body.page-tab-mine .mine-wx-pay-grid--scroll,
        body.page-tab-mine .plan-scroll {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            gap: 12px;
            align-items: stretch;
            min-width: 0;
            width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-x: contain;
            scrollbar-width: none;
            -ms-overflow-style: none;
            padding: 0 12px 8px;
            scroll-snap-type: x mandatory;
            box-sizing: border-box;
        }
        body.page-tab-mine .mine-wx-pay-grid--scroll::-webkit-scrollbar,
        body.page-tab-mine .plan-scroll::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0;
        }
        body.page-tab-mine .mine-wx-plan-card {
            position: relative;
            flex: 0 0 156px;
            width: 156px;
            min-width: 156px;
            max-width: 156px;
            scroll-snap-align: start;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            gap: 4px;
            min-height: 118px;
            height: auto;
            padding: 12px 10px 12px;
            box-sizing: border-box;
            border-radius: 18px;
            border: 1px solid rgba(15, 23, 42, 0.08);
            background: #fff;
            color: var(--text-primary);
            font-family: inherit;
            cursor: pointer;
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
            transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.12s ease;
            -webkit-tap-highlight-color: transparent;
        }
        body.page-tab-mine .mine-wx-plan-card--month,
        body.page-tab-mine .mine-wx-plan-card--year,
        body.page-tab-mine .mine-wx-plan-card--forever {
            background: #fff;
        }
        body.page-tab-mine .mine-wx-plan-card.is-selected {
            background: #EEF4FF !important;
            border-color: rgba(47, 91, 255, 0.3) !important;
            box-shadow: 0 8px 24px rgba(47, 91, 255, 0.12);
        }
        body.page-tab-mine .mine-wx-plan-card.is-disabled,
        body.page-tab-mine .mine-wx-plan-card:disabled {
            opacity: 0.42;
            cursor: not-allowed;
            filter: grayscale(0.12);
        }
        body.page-tab-mine .mine-wx-plan-card:not(:disabled):active {
            transform: scale(0.98);
        }
        body.page-tab-mine .mine-wx-rec {
            position: absolute;
            top: 8px;
            right: 8px;
            font-size: 9px;
            font-weight: 800;
            color: #FFFFFF !important;
            background: #1D4FFF !important;
            border: none !important;
            padding: 3px 7px;
            border-radius: 6px;
            line-height: 1.2;
            letter-spacing: 0.02em;
        }
        body.page-tab-mine .mine-wx-pay-plan {
            font-size: 13px;
            font-weight: 800;
            color: #0F172A;
            line-height: 1.2;
        }
        body.page-tab-mine .mine-wx-duration {
            font-size: 11px;
            font-weight: 500;
            color: #64748B;
            line-height: 1.25;
        }
        body.page-tab-mine .mine-wx-plan-card .mine-wx-yuan {
            color: #1D4FFF !important;
        }
        body.page-tab-mine .mine-wx-yuan {
            font-size: 18px;
            font-weight: 800;
            font-variant-numeric: tabular-nums;
            letter-spacing: -0.03em;
            line-height: 1.15;
        }
        body.page-tab-mine .mine-wx-methods-label {
            margin: 16px 0 8px;
            font-size: 12px;
            font-weight: 600;
            color: #64748B;
            letter-spacing: 0.04em;
        }
        body.page-tab-mine .mine-wx-pay-methods {
            display: flex;
            gap: 10px;
            padding: 4px;
            border-radius: 14px;
            background: rgba(248, 250, 252, 0.9);
            border: 1px solid rgba(15, 23, 42, 0.06);
        }
        body.page-tab-mine .mine-wx-method {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-height: 46px;
            padding: 0 10px;
            border-radius: 11px;
            border: 1px solid transparent;
            background: #F1F5F9;
            color: #94A3B8;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            font-family: inherit;
            transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
            -webkit-tap-highlight-color: transparent;
        }
        body.page-tab-mine .mine-wx-method.is-active {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border-color: rgba(47, 91, 255, 0.18) !important;
            box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
        }
        body.page-tab-mine .mine-wx-method.is-active .mine-wx-method__ico.lh-lucide svg.lucide {
            color: #64748B !important;
            stroke: #64748B !important;
            opacity: 1 !important;
        }
        body.page-tab-mine .mine-wx-method:not(.is-active) .mine-wx-method__ico.lh-lucide svg.lucide {
            color: #94A3B8 !important;
            stroke: #94A3B8 !important;
            opacity: 1 !important;
        }
        body.page-tab-mine .mine-wx-method:disabled {
            opacity: 0.35;
            cursor: not-allowed;
        }
        /* 非微信内：微信支付可点，用于查看说明（不再用 disabled 导致「点不了」） */
        body.page-tab-mine .mine-wx-method--outside-wx {
            opacity: 0.78;
            cursor: pointer;
        }
        body.page-tab-mine .mine-wx-method--outside-wx:active {
            opacity: 1;
        }
        body.page-tab-mine .mine-wx-method:not(.is-active):not(:disabled) i {
            opacity: 0.75;
        }
        body.page-tab-mine .mine-wx-compact-tip {
            margin: 10px 0 0;
            padding: 0 4px;
            font-size: 11px;
            line-height: 1.45;
            color: #64748B;
            text-align: center;
        }
        body.page-tab-mine .mine-wx-footnote {
            margin: 12px 0 0;
            font-size: 11px;
            line-height: 1.45;
            color: #64748B;
            text-align: center;
        }
        body.page-tab-mine .mine-wx-submit-pay {
            width: 100%;
            margin-top: 14px;
            padding: 14px 16px;
            border: none;
            border-radius: 16px;
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            cursor: pointer;
            font-family: inherit;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            -webkit-tap-highlight-color: transparent;
            letter-spacing: 0.02em;
            background: linear-gradient(135deg, #07111F 0%, #123B9A 55%, #2F5BFF 100%);
            box-shadow: 0 12px 28px rgba(29, 79, 255, 0.22);
        }
        body.page-tab-mine .mine-wx-submit-pay--jsapi,
        body.page-tab-mine .mine-wx-submit-pay--native {
            background: linear-gradient(135deg, #07111F 0%, #123B9A 55%, #2F5BFF 100%);
            box-shadow: 0 12px 28px rgba(29, 79, 255, 0.22);
        }
        body.page-tab-mine .mine-wx-submit-pay:disabled {
            opacity: 0.55;
            cursor: wait;
        }
        body.page-tab-mine .mine-wx-submit-pay:active:not(:disabled) {
            transform: scale(0.99);
        }
        body.page-tab-mine .mine-wx-modal-mask {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 100500;
            background: rgba(15, 23, 42, 0.55);
            align-items: center;
            justify-content: center;
            padding: 24px;
            box-sizing: border-box;
        }
        body.page-tab-mine .mine-wx-modal-mask.is-open {
            display: flex;
        }
        body.page-tab-mine .mine-wx-modal {
            background: var(--bg-card);
            border-radius: 20px;
            padding: 22px 20px 18px;
            max-width: 300px;
            width: 100%;
            text-align: center;
            box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2);
        }
        body.page-tab-mine .mine-wx-modal h4 {
            margin: 0 0 6px;
            font-size: 17px;
            color: var(--text-primary);
        }
        body.page-tab-mine .mine-wx-modal > p {
            margin: 0 0 14px;
            font-size: 13px;
            color: var(--text-muted);
        }
        body.page-tab-mine #mineWxNativeQr {
            display: flex;
            justify-content: center;
            margin: 8px 0 12px;
            min-height: 200px;
            align-items: center;
        }
        body.page-tab-mine .mine-wx-modal-actions {
            display: flex;
            gap: 10px;
            margin-top: 8px;
        }
        body.page-tab-mine .mine-wx-modal-actions button {
            flex: 1;
            padding: 12px;
            border-radius: 12px;
            border: none;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            font-family: inherit;
        }
        body.page-tab-mine .mine-wx-cancel {
            background: rgba(16, 24, 40, 0.06);
            color: var(--text-primary);
        }
        body.page-tab-mine .mine-wx-done {
            background: linear-gradient(135deg, #07111F 0%, #123B9A 55%, #2F5BFF 100%);
            color: #fff;
        }
        body.page-tab-mine .mine-benefits-list {
            margin: 0;
            padding: 0 0 0 16px;
            font-size: 13px;
            line-height: 1.55;
            color: var(--text-secondary);
        }
        body.page-tab-mine .mine-benefits-list li {
            margin-bottom: 6px;
        }
        body.page-tab-mine .mine-benefits-list li:last-child {
            margin-bottom: 0;
        }
        body.page-tab-mine .mine-section-card__lead--benefits {
            margin: -2px 0 10px;
            font-size: 13px;
            line-height: 1.5;
            font-weight: 500;
            color: #64748B;
        }
        body.page-tab-mine .mine-benefits-cta {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 16px;
            padding: 13px 18px;
            min-height: 48px;
            font-size: 15px;
            font-weight: 700;
            color: #fff !important;
            background: linear-gradient(135deg, #07111F 0%, #123B9A 55%, #2F5BFF 100%);
            border-radius: 14px;
            box-shadow: 0 12px 28px rgba(29, 79, 255, 0.22);
            border: none;
            width: 100%;
            cursor: pointer;
            font-family: inherit;
            text-decoration: none;
            -webkit-tap-highlight-color: transparent;
        }
        body.page-tab-mine .mine-benefits-cta:active {
            opacity: 0.9;
            transform: scale(0.99);
        }
        body.page-tab-mine .mine-section-card--benefits {
            margin-bottom: 0;
        }
        body.page-tab-mine .mine-section-card--services > .mine-func-grid {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        body.page-tab-mine .mine-section-card--stats .mine-stats-grid {
            border: none;
            box-shadow: none;
            background: rgba(16, 24, 40, 0.025);
        }
        body.page-tab-mine .mine-func-grid--compact {
            display: flex !important;
            flex-direction: column !important;
            gap: 0 !important;
            padding: 0 !important;
            border-radius: 10px !important;
            overflow: hidden !important;
            border: 0.5px solid rgba(60, 60, 67, 0.16) !important;
        }

        body.page-tab-mine .mine-func-grid--compact .mine-func-item {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            justify-content: flex-start !important;
            text-align: left !important;
            min-height: 54px !important;
            padding: 10px 14px !important;
            gap: 12px !important;
            border-radius: 0 !important;
            border: none !important;
            border-bottom: 0.5px solid rgba(60, 60, 67, 0.18) !important;
            background: var(--bg-card, #ffffff) !important;
        }

        body.page-tab-mine .mine-func-grid--compact .mine-func-item:last-child {
            border-bottom: none !important;
        }

        body.page-tab-mine .mine-func-grid--compact .mine-func-bench {
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        body.page-tab-mine .mine-func-grid--compact .mine-func-bench .mine-func-bench-ico.cd-bench-ico {
            width: 42px !important;
            height: 42px !important;
            min-width: 42px !important;
            min-height: 42px !important;
            border-radius: 12px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-size: 16px !important;
            color: #fff !important;
            box-shadow: 0 1px 4px rgba(15, 23, 42, 0.07) !important;
        }

        body.page-tab-mine .mine-func-grid--compact .mine-func-bench .mine-func-bench-ico.cd-bench-ico svg {
            width: 18px !important;
            height: 18px !important;
            color: #fff !important;
            stroke: #fff !important;
        }

        body.page-tab-mine .mine-func-grid--compact .mine-func-label {
            font-size: 15px !important;
            font-weight: 700 !important;
            line-height: 1.3;
            letter-spacing: -0.02em;
            color: var(--zen-ink) !important;
            text-align: left !important;
            flex: 1 1 auto;
            min-width: 0;
        }

        /* 兼容旧样式 */
        body.page-tab-mine .profile-card.vip-none {
            background: var(--bg-card) !important;
            border: var(--border-card);
            box-shadow: var(--shadow-card);
            border-radius: var(--r-card);
        }
        body.page-tab-mine .profile-card.vip-none::before,
        body.page-tab-mine .profile-card.vip-none::after {
            display: none !important;
        }
        body.page-tab-mine .vip-none .profile-name {
            color: var(--text-primary) !important;
        }
        body.page-tab-mine .vip-none .profile-avatar {
            background: var(--icon-bg-gray) !important;
            border: var(--border-card) !important;
            box-shadow: var(--shadow-sm) !important;
        }
        body.page-tab-mine .vip-none .vip-badge {
            background: var(--icon-bg-gray) !important;
            color: var(--text-secondary) !important;
        }
        body.page-tab-mine .vip-none .profile-footer {
            border-top-color: rgba(15, 23, 42, 0.06) !important;
        }
        body.page-tab-mine .vip-none .profile-stat-label {
            color: var(--lh-text-muted) !important;
        }
        body.page-tab-mine .vip-none .profile-stat-value {
            color: var(--lh-text) !important;
        }
        body.page-tab-mine .vip-none .profile-action-btn {
            background: rgba(15, 23, 42, 0.06) !important;
            color: var(--lh-text) !important;
            border: var(--lh-border) !important;
        }
        body.page-tab-template .template-hero-card .hero-highlight,
        body.page-tab-template .template-hero-card .hero-desc {
            color: var(--lh-text-secondary) !important;
        }
        body.page-tab-template .sub-tab-btn.active {
            background: var(--lh-brand-grad);
            color: #fff;
        }
        body.page-tab-template .sub-tab-btn:not(.active) {
            color: var(--lh-text-secondary);
        }
        body.page-tab-template .sub-tab-switch {
            background: rgba(15, 23, 42, 0.04) !important;
            border: var(--lh-border) !important;
            border-radius: var(--lh-r-btn) !important;
        }

        /* ============================================
           特色推荐卡片 - 灵感金句卡
           ============================================ */
        .agent-featured-card {
            margin: 0 0 14px;
            border-radius: 16px;
            overflow: hidden;
            position: relative;
        }

        .agent-featured-link {
            display: flex;
            align-items: center;
            padding: 12px 14px;
            min-height: 0;
            text-decoration: none;
            position: relative;
            overflow: hidden;
            border-radius: 16px;
            background: linear-gradient(135deg, 
                #1a365d 0%, 
                #152951 50%, 
                #0f172a 100%);
            background-size: 200% 200%;
            animation: agent-featured-gradient 6s ease infinite;
            box-shadow: 
                0 8px 32px rgba(15, 23, 42, 0.25),
                0 4px 16px rgba(26, 54, 93, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        .agent-featured-link:active {
            transform: scale(0.98);
        }

        @keyframes agent-featured-gradient {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }

        .agent-featured-bg {
            position: absolute;
            inset: 0;
            overflow: hidden;
            pointer-events: none;
        }

        .agent-featured-bg::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: conic-gradient(from 0deg, transparent, rgba(255,255,255,0.15), transparent 30%);
            animation: agent-featured-rotate 10s linear infinite;
        }

        .agent-featured-bg::after {
            content: '';
            position: absolute;
            inset: 0;
            background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
            opacity: 0.04;
            mix-blend-mode: overlay;
        }

        @keyframes agent-featured-rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        .agent-featured-content {
            position: relative;
            z-index: 2;
            flex: 1;
            min-width: 0;
        }

        .agent-featured-badge {
            display: inline-flex;
            align-items: center;
            padding: 3px 8px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 999px;
            font-size: 10px;
            font-weight: 600;
            color: #fff;
            margin-bottom: 5px;
            backdrop-filter: blur(4px);
            border: 1px solid rgba(255, 255, 255, 0.15);
        }

        .agent-featured-title {
            margin: 0 0 4px;
            font-size: clamp(16px, 4vw, 17px);
            font-weight: 800;
            color: #fff;
            letter-spacing: -0.02em;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            line-height: 1.2;
        }

        .agent-featured-desc {
            margin: 0 0 8px;
            font-size: 12px;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.82);
            line-height: 1.4;
        }

        .agent-featured-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 4px;
        }

        .agent-featured-tags span {
            display: inline-block;
            padding: 3px 8px;
            background: rgba(255, 255, 255, 0.15);
            border-radius: 999px;
            font-size: 10px;
            font-weight: 600;
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .agent-featured-icon {
            position: relative;
            z-index: 2;
            width: 52px;
            height: 52px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(8px);
            border-radius: 14px;
            margin-left: 10px;
            border: 1px solid rgba(255, 255, 255, 0.25);
            box-shadow: 
                0 8px 24px rgba(0, 0, 0, 0.1),
                inset 0 1px 0 rgba(255, 255, 255, 0.3);
            animation: agent-featured-icon-pulse 3s ease-in-out infinite;
        }

        .agent-featured-icon i {
            font-size: 22px;
            color: #fff;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

        @keyframes agent-featured-icon-pulse {
            0%, 100% {
                transform: scale(1) rotate(0deg);
                box-shadow: 
                    0 8px 24px rgba(0, 0, 0, 0.1),
                    inset 0 1px 0 rgba(255, 255, 255, 0.3);
            }
            50% {
                transform: scale(1.05) rotate(3deg);
                box-shadow: 
                    0 12px 32px rgba(0, 0, 0, 0.15),
                    inset 0 1px 0 rgba(255, 255, 255, 0.4);
            }
        }

        /* h5-appstore-shell.css 异步加载后会覆盖「我的」卡片变量色，提高优先级保持灵涵规范 */
        html body.page-tab-mine .mine-section-card {
            background-color: #ffffff !important;
            background-image: linear-gradient(180deg, #f8fafc 0%, #ffffff 44px) !important;
            border: 1px solid rgba(15, 23, 42, 0.06) !important;
            border-radius: 18px !important;
            box-shadow:
                0 1px 2px rgba(15, 23, 42, 0.04),
                0 8px 24px rgba(15, 23, 42, 0.06),
                inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
        }
        html body.page-tab-mine,
        html body.page-tab-mine .main-content {
            background-color: #f1f5f9 !important;
            background-image:
                radial-gradient(ellipse 100% 58% at 50% -6%, rgba(79, 70, 229, 0.1) 0%, transparent 56%),
                linear-gradient(180deg, #e6edf9 0%, #eef2fa min(28vh, 240px), #f1f5f9 min(52vh, 420px), #f1f5f9 100%) !important;
        }
        /* Soft UI 内联清背景时：仍保留「我的」顶区衔接渐变 */
        html body.page-tab-mine.lh-create-songyun,
        html body.page-tab-mine.lh-create-songyun .main-content {
            background-color: #f1f5f9 !important;
            background-image:
                radial-gradient(ellipse 100% 58% at 50% -6%, rgba(79, 70, 229, 0.1) 0%, transparent 56%),
                linear-gradient(180deg, #e6edf9 0%, #eef2fa min(28vh, 240px), #f1f5f9 min(52vh, 420px), #f1f5f9 100%) !important;
        }
        body.page-tab-mine .mine-wx-submit-pay .mine-wx-submit-ico.lh-lucide svg.lucide {
            color: #fff !important;
            stroke: #fff !important;
        }

        /* 覆盖 App Store Shell 与页面内粉/橙：我的页硬规范 */
        html body.page-tab-mine .mine-wx-plan-card {
            border: 1px solid rgba(15, 23, 42, 0.08) !important;
        }
        html body.page-tab-mine .mine-wx-plan-card:not(.is-selected):not(:disabled) {
            background: #ffffff !important;
            border: 1px solid rgba(15, 23, 42, 0.08) !important;
            color: #0f172a !important;
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04) !important;
        }
        html body.page-tab-mine .mine-wx-plan-card.is-selected:not(:disabled) {
            background: #eef4ff !important;
            border: 1px solid rgba(47, 91, 255, 0.3) !important;
            box-shadow: 0 10px 24px rgba(29, 79, 255, 0.1) !important;
            color: #0f172a !important;
        }
        html body.page-tab-mine .mine-wx-plan-card .mine-wx-yuan,
        html body.page-tab-mine .mine-wx-plan-card--month .mine-wx-yuan,
        html body.page-tab-mine .mine-wx-plan-card--year .mine-wx-yuan,
        html body.page-tab-mine .mine-wx-plan-card--forever .mine-wx-yuan {
            color: #1d4fff !important;
        }
        html body.page-tab-mine .mine-wx-rec {
            background: #1d4fff !important;
            color: #ffffff !important;
        }
        /* 「我的」快捷栈：开始创作 / 全部记录 / 意见反馈 — 色块图标与创作页一致 */
        html body.page-tab-mine #mineQuickStack .mine-creations-hub__bench.cd-bench-ico,
        html body.page-tab-mine.lh-create-songyun #mineQuickStack .mine-creations-hub__bench[class*='cd-bench-ico--'] {
            width: 40px !important;
            height: 40px !important;
            min-width: 40px !important;
            min-height: 40px !important;
            border-radius: 12px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-shrink: 0 !important;
            position: relative !important;
            z-index: 0 !important;
            background: #f1f5f9 !important;
            color: #334155 !important;
            border: 1px solid rgba(15, 23, 42, 0.06) !important;
            box-shadow: none !important;
        }
        html body.page-tab-mine #mineQuickStack .mine-creations-hub__bench svg,
        html body.page-tab-mine.lh-create-songyun #mineQuickStack .mine-creations-hub__bench svg {
            display: block !important;
            position: relative !important;
            z-index: 1 !important;
            width: 20px !important;
            height: 20px !important;
            flex-shrink: 0 !important;
            color: #334155 !important;
            stroke: #334155 !important;
            opacity: 1 !important;
        }
        html body.page-tab-mine #mineQuickStack .mine-creations-hub__bench svg [fill='currentColor'] {
            fill: #334155 !important;
        }
        /* 用户身份卡：横向 .user-card */
        html body.page-tab-mine .user-card-wrap {
            padding: 0 !important;
            min-height: 0 !important;
            max-height: none !important;
        }
        html body.page-tab-mine .user-card {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 14px;
            min-height: 118px;
            padding: 20px;
            width: 100%;
            box-sizing: border-box;
        }
        html body.page-tab-mine .user-card__avatar { flex-shrink: 0; }
        html body.page-tab-mine .user-card__avatar-inner {
            width: 64px;
            height: 64px;
            border-radius: 18px;
            background: #ffffff;
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            box-sizing: border-box;
        }
        html body.page-tab-mine .user-card__avatar-inner--photo {
            padding: 0;
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
        }
        html body.page-tab-mine .user-card__userpic {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 18px;
            display: block;
        }
        html body.page-tab-mine .user-card__logo {
            width: 44px;
            height: 44px;
            object-fit: contain;
            display: block;
        }
        html body.page-tab-mine .user-card__main {
            flex: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
            gap: 2px;
            justify-content: center;
        }
        html body.page-tab-mine .user-card__name {
            font-size: 20px;
            font-weight: 800;
            color: #0f172a;
            line-height: 1.2;
            margin: 0;
        }
        html body.page-tab-mine .user-card__id {
            font-size: 14px;
            font-weight: 500;
            color: #64748b;
            margin: 0;
            line-height: 1.3;
        }
        html body.page-tab-mine .user-card__identity {
            margin: 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
            min-width: 0;
            width: 100%;
        }
        html body.page-tab-mine .user-card__badges-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
        }
        html body.page-tab-mine .user-card__valid-line {
            margin: 0;
            font-size: 13px;
            font-weight: 500;
            line-height: 1.45;
            color: #64748b;
            max-width: 100%;
        }
        html body.page-tab-mine .user-card__tag {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            padding: 0 11px;
            height: 26px;
            font-size: 12px;
            font-weight: 600;
            border-radius: 999px;
            background: #eef4ff !important;
            color: #1d4fff !important;
            border: 1px solid rgba(47, 91, 255, 0.16) !important;
            box-sizing: border-box;
        }
        html body.page-tab-mine .user-card__tag .user-card__tag-ico.lh-lucide svg.lucide {
            width: 14px;
            height: 14px;
        }
        html body.page-tab-mine .user-card__tag--vip-month,
        html body.page-tab-mine .user-card__tag--vip-year {
            background: #eef4ff !important;
            color: #1d4fff !important;
            border-color: rgba(47, 91, 255, 0.2) !important;
        }
        html body.page-tab-mine .user-card__tag--vip-forever {
            background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
            color: #92400e !important;
            border: 1px solid rgba(245, 158, 11, 0.35) !important;
        }
        html body.page-tab-mine .user-card__tag--vip-none {
            background: #f1f5f9 !important;
            color: #475569 !important;
            border: 1px solid rgba(148, 163, 184, 0.35) !important;
        }
        html body.page-tab-mine .user-card__tag--agent {
            background: #ecfdf5 !important;
            color: #047857 !important;
            border: 1px solid rgba(16, 185, 129, 0.28) !important;
        }
        html body.page-tab-mine .user-card__dot { color: #94a3b8; font-weight: 700; }
        html body.page-tab-mine .user-card__aside {
            flex-shrink: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 8px;
        }
        html body.page-tab-mine .user-card__icon-btn {
            width: 40px;
            height: 40px;
            border-radius: 12px;
            background: #f1f5f9;
            border: 1px solid rgba(15, 23, 42, 0.06);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #64748b;
            text-decoration: none;
            -webkit-tap-highlight-color: transparent;
        }
        html body.page-tab-mine .user-card__icon-btn .user-card__ico.lh-lucide svg.lucide {
            width: 18px;
            height: 18px;
            color: #64748b !important;
            stroke: #64748b !important;
        }
        html body.page-tab-mine .user-card--guest .user-card__guest-tip {
            font-size: 14px;
            color: #64748b;
            margin-top: 4px;
        }
        /* 会员权益：标签药丸 */
        html body.page-tab-mine .mine-benefits-chip {
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            background: #f8faff !important;
            border: 1px solid rgba(15, 23, 42, 0.06) !important;
            color: #334155 !important;
            border-radius: 999px !important;
            padding: 6px 10px !important;
            font-size: 12px !important;
            font-weight: 600 !important;
        }
        html body.page-tab-mine .mine-benefits-cta {
            border-radius: 14px !important;
            background: linear-gradient(135deg, #07111f 0%, #123b9a 55%, #2f5bff 100%) !important;
            color: #ffffff !important;
        }
        html body.page-tab-mine .mine-redeem-btn {
            background: #0f172a !important;
            color: #ffffff !important;
            box-shadow: none !important;
        }
        html body.page-tab-mine .mine-wx-pay-methods .mine-wx-method:not(.is-active):not(:disabled) {
            background: #f1f5f9 !important;
            color: #94a3b8 !important;
            border-color: transparent !important;
        }
        html body.page-tab-mine .mine-wx-pay-methods .mine-wx-method.is-active {
            background: #ffffff !important;
            border: 1px solid rgba(47, 91, 255, 0.18) !important;
            color: #0f172a !important;
            box-shadow: none !important;
        }
        html body.page-tab-mine .mine-wx-submit-pay {
            background: linear-gradient(135deg, #07111f 0%, #123b9a 55%, #2f5bff 100%) !important;
            color: #ffffff !important;
        }
        html body.page-tab-mine .mine-section-card__title .lh-lucide svg.lucide {
            color: #64748b !important;
            stroke: #64748b !important;
            stroke-width: 2 !important;
        }

        /* 会员身份卡（已登录 · mine-vip-card）与下方账号与安全条 */
        html body.page-tab-mine .mine-hero.mine-hero--account.mine-id-card.user-card-wrap {
            display: block !important;
            flex-direction: unset !important;
            flex-wrap: unset !important;
            align-items: unset !important;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            padding: 0 !important;
            margin: 0 !important;
            overflow: visible !important;
        }
        html body.page-tab-mine .mine-hero.user-card-wrap > .user-card.user-card--guest {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            align-items: center !important;
            gap: 14px !important;
            min-height: 116px !important;
            padding: 20px !important;
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }
        html body.page-tab-mine .mine-hero.user-card-wrap > .mine-vip-card {
            margin: 14px 0 0 !important;
        }
        html body.page-tab-mine .mine-vip-card {
            position: relative !important;
            box-sizing: border-box !important;
            isolation: isolate !important;
            width: 100% !important;
            max-width: 100% !important;
            min-height: 168px !important;
            padding: 24px !important;
            border-radius: 26px !important;
            overflow: hidden !important;
            background-color: #050816 !important;
            background-image:
                radial-gradient(ellipse 90% 70% at 18% 12%, rgba(56, 189, 248, 0.16) 0%, transparent 52%),
                radial-gradient(ellipse 70% 55% at 92% 28%, rgba(129, 140, 248, 0.2) 0%, transparent 48%),
                linear-gradient(180deg, rgba(3, 7, 18, 0.52) 0%, rgba(3, 7, 18, 0.06) 38%, rgba(3, 7, 18, 0.58) 100%),
                linear-gradient(90deg, rgba(3, 7, 18, 0.28) 0%, transparent 28%, transparent 72%, rgba(3, 7, 18, 0.22) 100%),
                url('mine-vip-card-cosmos-bg.png') !important;
            background-size: auto, auto, auto, auto, cover !important;
            background-position: 0 0, 0 0, 0 0, 0 0, center 22% !important;
            background-repeat: no-repeat !important;
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
            box-shadow:
                0 22px 48px rgba(2, 6, 23, 0.38),
                0 40px 72px -28px rgba(37, 99, 235, 0.18),
                0 0 0 1px rgba(255, 255, 255, 0.12) inset,
                0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
            border: none !important;
        }
        html body.page-tab-mine .mine-vip-card::before {
            content: '' !important;
            position: absolute !important;
            inset: 0 !important;
            z-index: 0 !important;
            pointer-events: none !important;
            background:
                linear-gradient(165deg, rgba(255, 255, 255, 0.1) 0%, transparent 38%),
                radial-gradient(ellipse 120% 95% at 50% 38%, transparent 0%, rgba(3, 7, 18, 0.22) 78%, rgba(3, 7, 18, 0.45) 100%) !important;
            opacity: 1 !important;
        }
        html body.page-tab-mine .mine-vip-card::after {
            content: none !important;
            display: none !important;
        }
        html body.page-tab-mine .mine-vip-card__decor {
            display: none !important;
        }
        html body.page-tab-mine .mine-vip-card__settings {
            position: absolute !important;
            top: 20px !important;
            right: 20px !important;
            z-index: 8 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 6px !important;
            height: 36px !important;
            padding: 0 14px !important;
            border-radius: 999px !important;
            background: rgba(255, 255, 255, 0.18) !important;
            -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.35) !important;
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            text-decoration: none !important;
            letter-spacing: -0.02em !important;
            -webkit-tap-highlight-color: transparent !important;
            box-sizing: border-box !important;
            max-width: calc(100% - 48px) !important;
            white-space: nowrap !important;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
        }
        html body.page-tab-mine .mine-vip-card a,
        html body.page-tab-mine .mine-vip-card a:visited {
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
        }
        html body.page-tab-mine .mine-vip-card a.mine-vip-card__link--danger,
        html body.page-tab-mine .mine-vip-card .mine-vip-card__logout {
            color: #fecaca !important;
            -webkit-text-fill-color: #fecaca !important;
        }
        html body.page-tab-mine .mine-vip-card__settings:active {
            opacity: 0.9 !important;
            transform: scale(0.99) !important;
        }
        html body.page-tab-mine .mine-vip-card__settings-ico.lh-lucide svg.lucide {
            width: 16px !important;
            height: 16px !important;
            stroke: #ffffff !important;
            color: #ffffff !important;
            flex-shrink: 0 !important;
            stroke-width: 2.1 !important;
        }
        html body.page-tab-mine .mine-vip-card__settings-text {
            letter-spacing: -0.02em !important;
        }
        html body.page-tab-mine .mine-vip-card__inner {
            position: relative !important;
            z-index: 1 !important;
            display: flex !important;
            flex-direction: row !important;
            align-items: flex-start !important;
            gap: 16px !important;
            width: 100% !important;
            min-width: 0 !important;
            padding-right: 108px !important;
            box-sizing: border-box !important;
        }
        @media (max-width: 390px) {
            html body.page-tab-mine .mine-vip-card__inner {
                padding-right: 100px !important;
            }
            html body.page-tab-mine .mine-vip-card__settings {
                padding: 0 10px !important;
                font-size: 12px !important;
            }
        }
        html body.page-tab-mine .mine-vip-card__avatar {
            flex-shrink: 0 !important;
        }
        html body.page-tab-mine .mine-vip-card__avatar-box {
            width: 72px !important;
            height: 72px !important;
            box-sizing: border-box !important;
            padding: 8px !important;
            border-radius: 20px !important;
            background: rgba(255, 255, 255, 0.14) !important;
            border: 1px solid rgba(255, 255, 255, 0.2) !important;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            overflow: hidden !important;
        }
        html body.page-tab-mine .mine-vip-card__avatar-box--photo {
            padding: 0 !important;
        }
        html body.page-tab-mine .mine-vip-card__userpic {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            border-radius: 18px !important;
            display: block !important;
        }
        html body.page-tab-mine .mine-vip-card__logo {
            width: 40px !important;
            height: 40px !important;
            object-fit: contain !important;
            display: block !important;
        }
        html body.page-tab-mine .mine-vip-card__body {
            flex: 1 1 auto !important;
            min-width: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            gap: 6px !important;
            padding-top: 2px !important;
        }
        html body.page-tab-mine .mine-vip-card__name {
            margin: 0 !important;
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
            font-size: clamp(18px, 4vw + 0.45rem, 22px) !important;
            font-weight: 700 !important;
            line-height: 1.2 !important;
            letter-spacing: -0.03em !important;
            max-width: 100% !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            white-space: nowrap !important;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55), 0 0 18px rgba(0, 0, 0, 0.35) !important;
        }
        html body.page-tab-mine .mine-vip-card__id {
            margin: 0 !important;
            color: rgba(255, 255, 255, 0.88) !important;
            -webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            line-height: 1.35 !important;
            letter-spacing: 0 !important;
            text-transform: none !important;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
        }
        html body.page-tab-mine .mine-vip-card__tags {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 8px !important;
            margin-top: 2px !important;
            width: 100% !important;
        }
        html body.page-tab-mine .mine-vip-card__tag {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 6px !important;
            height: 28px !important;
            padding: 0 12px !important;
            border-radius: 999px !important;
            background: rgba(255, 255, 255, 0.14) !important;
            border: 1px solid rgba(255, 255, 255, 0.22) !important;
            color: #ffffff !important;
            font-size: 12px !important;
            font-weight: 600 !important;
            box-sizing: border-box !important;
            max-width: 100% !important;
            min-height: 0 !important;
        }
        html body.page-tab-mine .mine-vip-card__tag-ico.lh-lucide svg.lucide {
            width: 14px !important;
            height: 14px !important;
            stroke: currentColor !important;
            flex-shrink: 0 !important;
        }
        html body.page-tab-mine .mine-vip-card__tag-text {
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            white-space: nowrap !important;
            max-width: 200px !important;
        }
        html body.page-tab-mine .mine-vip-card__status {
            margin: 4px 0 0 !important;
            padding: 0 !important;
            color: rgba(255, 255, 255, 0.88) !important;
            -webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            line-height: 1.55 !important;
            max-width: 100% !important;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
        }

        /* 会员权益：标签容器换行 */
        html body.page-tab-mine .mine-benefits-tags {
            display: flex !important;
            flex-wrap: wrap !important;
            align-items: center !important;
            margin-top: 4px !important;
        }
        html body.page-tab-mine .mine-benefits-tags .mine-benefits-chip {
            margin-right: 8px !important;
            margin-top: 8px !important;
            font-size: 12px !important;
            font-weight: 600 !important;
        }

        /* 会员套餐横滑：避免父级裁切、保证尾卡可完整滚入视区 */
        html body.page-tab-mine #mineWxPayCard.mine-section-card--vip-pay {
            overflow-x: visible !important;
        }
        html body.page-tab-mine #mineWxPayCard .mine-wx-pay-shell {
            overflow-x: visible !important;
            min-width: 0 !important;
        }
        html body.page-tab-mine #mineWxPayCard .mine-wx-pay-grid--scroll.plan-scroll {
            box-sizing: border-box !important;
        }

        /* ============================================================
           我的 Tab · 灵涵个人中心 UI 收口（层级：身份卡 > 权益 > 其余）
           ============================================================ */
        html body.page-tab-mine .main-content {
            padding-left: 14px !important;
            padding-right: 14px !important;
            padding-bottom: 12px !important;
            scroll-padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
        }
        html body.page-tab-mine .mine-layout {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        html body.page-tab-mine .mine-body.mine-body-stack {
            gap: 10px !important;
        }
        html body.page-tab-mine .mine-profile-card {
            margin: 0 !important;
            padding: 0 !important;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
        }
        html body.page-tab-mine .mine-hero.mine-hero--account.mine-id-card {
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            min-height: 0 !important;
            max-height: none !important;
            padding: 0 !important;
        }

        /* 暗黑模式：一行紧凑切换，不占版面 */
        html body.page-tab-mine #mineAppearanceCard {
            padding: 12px 14px !important;
        }
        html body.page-tab-mine #mineAppearanceCard .mine-appearance-bar--compact .mine-appearance-bar__row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
        }
        html body.page-tab-mine #mineAppearanceCard .mine-appearance-bar--compact .mine-section-card__title--skin-inline {
            margin: 0 !important;
            flex: 0 1 auto;
            min-width: 0;
        }
        html body.page-tab-mine #mineAppearanceCard .mine-appearance-seg {
            display: flex;
            flex: 0 0 auto;
            width: auto;
            max-width: 58%;
            padding: 3px;
            gap: 2px;
            border-radius: 10px;
            background: #f1f5f9;
            border: 1px solid rgba(15, 23, 42, 0.06);
            box-sizing: border-box;
        }
        html body.page-tab-mine #mineAppearanceCard .mine-appearance-seg__btn {
            flex: 0 0 auto;
            min-width: 0;
            margin: 0;
            padding: 7px 10px;
            border: 0;
            border-radius: 8px;
            background: transparent;
            color: #64748b;
            font-size: 12px;
            font-weight: 600;
            line-height: 1.2;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent;
            white-space: nowrap;
        }
        html body.page-tab-mine #mineAppearanceCard .mine-appearance-seg__btn.is-active {
            background: #ffffff;
            color: #0f172a;
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
        }
        html[data-h5-appearance='dark'] body.page-tab-mine #mineAppearanceCard .mine-appearance-seg {
            background: rgba(255, 255, 255, 0.06);
            border-color: rgba(255, 255, 255, 0.1);
        }
        html[data-h5-appearance='dark'] body.page-tab-mine #mineAppearanceCard .mine-appearance-seg__btn {
            color: rgba(235, 235, 245, 0.55);
        }
        html[data-h5-appearance='dark'] body.page-tab-mine #mineAppearanceCard .mine-appearance-seg__btn.is-active {
            background: #2c2c2e;
            color: #ffffff;
            box-shadow: none;
        }

        /* 「界面主题」：与「创作记录」同一套 — services 白卡片 + 标题行 mine-section-card__icon（小灰底方标） */
        html body.page-tab-mine #mineSkinCard .mine-details-skin__panel {
            padding: 0 !important;
            margin: 0 !important;
        }
        html body.page-tab-mine #mineSkinCard.mine-details-skin--open .mine-details-skin__panel--expandable {
            padding-top: 12px !important;
        }
        html body.page-tab-mine #mineSkinCard .mine-skin-panel-inner {
            gap: 16px !important;
        }
        html body.page-tab-mine #mineSkinCard .mine-skin-group__title {
            font-size: 12px !important;
            font-weight: 700 !important;
            color: #64748b !important;
            margin: 0 2px 8px !important;
        }
        html body.page-tab-mine #mineSkinCard .mine-skin-grid {
            gap: 11px !important;
            margin-top: 0 !important;
        }
        html body.page-tab-mine #mineSkinCard .mine-skin-chip {
            border-radius: 15px !important;
            box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
        }
        html body.page-tab-mine #mineSkinCard .mine-section-card__title--skin-inline {
            font-size: 15px !important;
            font-weight: 600 !important;
            letter-spacing: -0.02em !important;
            margin-bottom: 4px !important;
        }
        html body.page-tab-mine #mineSkinCard .mine-section-card__lead--skin-inline {
            font-size: 12px !important;
            line-height: 1.4 !important;
            font-weight: 400 !important;
        }
        html body.page-tab-mine #mineSkinCard .mine-skin-expand-btn {
            border-radius: 10px !important;
            padding: 8px 10px !important;
            background: #f8fafc !important;
            -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
            border: 1px solid rgba(15, 23, 42, 0.08) !important;
            box-shadow: none !important;
        }
        html body.page-tab-mine #mineSkinCard .mine-skin-expand-btn__cur {
            font-size: 12px !important;
            font-weight: 600 !important;
        }
        html body.page-tab-mine #mineSkinCard .mine-skin-expand-btn__dot.mine-skin-chip__preview {
            width: 30px !important;
            max-width: 30px !important;
            height: 30px !important;
            border-radius: 10px !important;
        }
        html body.page-tab-mine .user-card--guest {
            margin: 8px 0 0 !important;
            padding: 20px !important;
            min-height: 112px !important;
            border-radius: 16px !important;
            background: linear-gradient(160deg, #1e293b 0%, #0f172a 100%) !important;
            color: #FFFFFF !important;
            box-shadow: none !important;
            position: relative !important;
            overflow: hidden !important;
            border: 1px solid rgba(255, 255, 255, 0.08) !important;
        }
        html body.page-tab-mine .user-card--guest .user-card__avatar-inner {
            background: rgba(255, 255, 255, 0.12) !important;
            border: 1px solid rgba(255, 255, 255, 0.18) !important;
            box-shadow: none !important;
        }
        html body.page-tab-mine .user-card--guest .mine-hero-name--guest a {
            color: #FFFFFF !important;
        }
        html body.page-tab-mine .user-card--guest .mine-hero-name-slash {
            color: rgba(255, 255, 255, 0.55) !important;
        }
        html body.page-tab-mine .user-card--guest .user-card__guest-tip {
            color: rgba(255, 255, 255, 0.72) !important;
        }

        html body.page-tab-mine #mineQuickStack.mine-section-card--quick-stack {
            padding: 4px 6px 6px !important;
        }
        html body.page-tab-mine #mineQuickStack .mine-creations-hub--stack {
            margin: 0 !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding: 14px 10px !important;
            border-radius: 0 !important;
            background: transparent !important;
            border: none !important;
            border-left: 0 !important;
            border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
            box-shadow: none !important;
            border-left-width: 0 !important;
            align-items: center !important;
            gap: 12px !important;
            transition: background 0.15s ease !important;
        }
        html body.page-tab-mine #mineQuickStack .mine-creations-hub--stack:active {
            background: rgba(15, 23, 42, 0.04) !important;
            transform: none !important;
            opacity: 1 !important;
        }
        html body.page-tab-mine #mineQuickStack .mine-creations-hub--last {
            margin-bottom: 0 !important;
            border-bottom: none !important;
        }
        html body.page-tab-mine #mineQuickStack button.mine-creations-hub--share {
            width: 100% !important;
            display: flex !important;
            text-align: left !important;
            font: inherit !important;
            color: inherit !important;
            cursor: pointer !important;
            appearance: none !important;
            -webkit-appearance: none !important;
        }
        html body.page-tab-mine #mineQuickStack .mine-creations-hub__t {
            font-size: 16px !important;
            font-weight: 600 !important;
            letter-spacing: -0.02em !important;
            line-height: 1.25 !important;
            color: #0f172a !important;
        }
        html body.page-tab-mine #mineQuickStack .mine-creations-hub__s {
            font-size: 12px !important;
            font-weight: 400 !important;
            line-height: 1.4 !important;
            color: #64748b !important;
            margin-top: 1px !important;
        }
        html body.page-tab-mine #mineQuickStack .mine-creations-hub__ico.lh-lucide svg.lucide {
            width: 20px !important;
            height: 20px !important;
            color: #334155 !important;
            stroke: #334155 !important;
            stroke-width: 2 !important;
        }
        html body.page-tab-mine #mineQuickStack .mine-creations-hub__chev.lh-lucide svg.lucide {
            width: 20px !important;
            height: 20px !important;
            color: #94a3b8 !important;
            stroke: #94a3b8 !important;
            opacity: 0.85 !important;
        }
        html body.page-tab-mine #mineQuickStack .mine-creations-hub__ico--bench {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 40px !important;
            height: 40px !important;
            flex-shrink: 0 !important;
        }

        html body.page-tab-mine .mine-section-card--benefits {
            padding: 14px 14px 14px !important;
            border-radius: 22px !important;
            box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
        }
        html body.page-tab-mine .mine-section-card--benefits .mine-section-card__title {
            margin-bottom: 6px !important;
            font-size: clamp(16px, 2.5vw + 0.55rem, 19px) !important;
            font-weight: 700 !important;
            letter-spacing: -0.03em !important;
        }
        html body.page-tab-mine .mine-benefits-lead {
            margin: 0 0 12px !important;
            font-size: 14px !important;
            line-height: 1.55 !important;
            color: var(--text-secondary) !important;
            font-weight: 500 !important;
        }
        html body.page-tab-mine .mine-benefits-grid {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 8px !important;
            margin: 0 0 12px !important;
        }
        html body.page-tab-mine .mine-benefits-tile {
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            justify-content: center !important;
            gap: 6px !important;
            min-height: 64px !important;
            padding: 10px !important;
            border-radius: 14px !important;
            background: #F8FAFF !important;
            border: 1px solid rgba(15, 23, 42, 0.06) !important;
            box-sizing: border-box !important;
        }
        html body.page-tab-mine .mine-benefits-tile__ico {
            width: 28px !important;
            height: 28px !important;
            border-radius: 9px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: linear-gradient(135deg, #07111F 0%, #123B9A 55%, #2F5BFF 100%) !important;
            flex-shrink: 0 !important;
        }
        html body.page-tab-mine .mine-benefits-tile__ico .lh-lucide svg.lucide,
        html body.page-tab-mine .mine-benefits-tile__ico svg {
            width: 15px !important;
            height: 15px !important;
            color: #FFFFFF !important;
            stroke: #FFFFFF !important;
        }
        html body.page-tab-mine .mine-benefits-tile__txt {
            font-size: 14px !important;
            font-weight: 700 !important;
            color: #0F172A !important;
            line-height: 1.25 !important;
            letter-spacing: -0.02em !important;
        }
        html body.page-tab-mine .mine-benefits-cta {
            width: 100% !important;
            margin-top: 0 !important;
            min-height: 52px !important;
            padding: 12px 16px !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            border: none !important;
            border-radius: 14px !important;
            box-sizing: border-box !important;
            background: linear-gradient(135deg, #07111F 0%, #123B9A 55%, #2F5BFF 100%) !important;
            color: #FFFFFF !important;
        }
        html body.page-tab-mine .mine-benefits-forever-note {
            margin: 8px 0 0 !important;
            font-size: 13px !important;
            color: #64748B !important;
            text-align: center !important;
        }

        html body.page-tab-mine .mine-section-card--redeem-light {
            padding: 14px 14px 14px !important;
            border-radius: 14px !important;
            box-shadow: none !important;
        }
        html body.page-tab-mine .mine-section-card__title--redeem-row {
            margin-bottom: 8px !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            letter-spacing: -0.02em !important;
        }
        html body.page-tab-mine .mine-section-card__lead--redeem {
            margin: 0 0 10px !important;
            font-size: 12px !important;
            line-height: 1.45 !important;
            color: #94A3B8 !important;
        }
        html body.page-tab-mine .mine-section-card--redeem-light .mine-redeem-inner--tight .mine-redeem-input {
            padding: 12px 14px !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            border-radius: 14px !important;
            background: rgba(248, 250, 252, 0.95) !important;
            border: 1px solid rgba(15, 23, 42, 0.08) !important;
            box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
        }
        html body.page-tab-mine .mine-section-card--redeem-light .mine-redeem-btn {
            background: #0f172a !important;
            box-shadow: none !important;
            border-radius: 10px !important;
            font-weight: 600 !important;
        }

        html body.page-tab-mine .mine-redeem-guest-hint {
            margin: 0 0 12px !important;
        }
        html body.page-tab-mine .mine-redeem-guest-actions {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 10px !important;
            align-items: center !important;
        }
        html body.page-tab-mine .mine-redeem-guest-btn {
            flex: 1 1 120px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 44px !important;
            padding: 0 14px !important;
            border-radius: 12px !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            text-decoration: none !important;
            box-sizing: border-box !important;
        }
        html body.page-tab-mine .mine-redeem-guest-btn--primary {
            background: linear-gradient(135deg, #07111F 0%, #123B9A 55%, #2F5BFF 100%) !important;
            color: #fff !important;
        }
        html body.page-tab-mine .mine-redeem-guest-btn--ghost {
            background: #f8fafc !important;
            color: #0f172a !important;
            border: 1px solid rgba(15, 23, 42, 0.1) !important;
        }

        html body.page-tab-mine .mine-wx-plan-card {
            flex: 0 0 160px !important;
            width: 160px !important;
            min-width: 160px !important;
            max-width: 160px !important;
        }
        html body.page-tab-mine .mine-wx-plan-card.is-selected:not(:disabled) {
            background: linear-gradient(180deg, #EEF4FF 0%, #FFFFFF 100%) !important;
            border: 1px solid rgba(47, 91, 255, 0.32) !important;
            box-shadow: 0 12px 28px rgba(29, 79, 255, 0.12) !important;
        }

        html body.page-tab-mine .mine-wx-pay-methods {
            background: #F1F5F9 !important;
            border-radius: 16px !important;
            padding: 4px !important;
            border: none !important;
            gap: 6px !important;
        }
        html body.page-tab-mine .mine-wx-method.is-active {
            box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06) !important;
        }
        html body.page-tab-mine .mine-wx-submit-pay {
            min-height: 54px !important;
            border-radius: 16px !important;
            font-size: 16px !important;
            font-weight: 700 !important;
        }
        html body.page-tab-mine .mine-wx-compact-tip {
            font-size: 13px !important;
            text-align: center !important;
            color: #64748B !important;
            margin-top: 12px !important;
            padding: 0 8px !important;
            line-height: 1.5 !important;
        }

        html body.page-tab-mine #mineSkinCard .mine-section-card__title {
            font-size: 16px !important;
            font-weight: 700 !important;
            letter-spacing: -0.02em !important;
        }
        html body.page-tab-mine #mineSkinCard .mine-section-card__title--skin-inline {
            font-size: 15px !important;
            margin: 0 0 2px !important;
        }
        html body.page-tab-mine #mineSkinCard .mine-section-card__lead--skin-inline {
            font-size: 11px !important;
            line-height: 1.45 !important;
            margin: 0 !important;
            font-weight: 400 !important;
            color: #94a3b8 !important;
        }
        html body.page-tab-mine .mine-section-card--stats-soft {
            padding: 14px 14px 16px !important;
            background: rgba(255, 255, 255, 0.82) !important;
            backdrop-filter: blur(10px) !important;
            -webkit-backdrop-filter: blur(10px) !important;
        }
        html body.page-tab-mine .mine-stats-heading {
            font-size: 13px !important;
            font-weight: 700 !important;
            color: #64748B !important;
            margin-bottom: 10px !important;
        }
        html body.page-tab-mine .mine-stats-grid {
            background: rgba(255, 255, 255, 0.72) !important;
            border-radius: 18px !important;
            border: 1px solid rgba(15, 23, 42, 0.05) !important;
            box-shadow: none !important;
        }
        html body.page-tab-mine .mine-stats-cell .mine-stats-value {
            font-size: 20px !important;
            font-weight: 800 !important;
        }
        html body.page-tab-mine .mine-stats-cell .mine-stats-label {
            font-size: 12px !important;
            color: #64748B !important;
        }

        /* ========== 「我的」Tab 布局收口（文件末尾，压过 html/body overflow:hidden 与 flex 锁视口） ========== */
        html:has(body.page-tab-mine),
        html body.page-tab-mine {
            height: auto !important;
            min-height: 100% !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
        }
        body.page-tab-mine {
            display: block !important;
            height: auto !important;
            min-height: 100vh !important;
            min-height: 100dvh !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
        }
        body.page-tab-mine .app-container,
        body.page-tab-mine #mainContent,
        body.page-tab-mine #mainContent.main-content,
        body.page-tab-mine .main-content,
        body.page-tab-mine .mine-page-zoom,
        body.page-tab-mine .mine-layout {
            display: block !important;
            flex: none !important;
            height: auto !important;
            min-height: auto !important;
            max-height: none !important;
            overflow: visible !important;
            visibility: visible !important;
            opacity: 1 !important;
        }
        body.page-tab-mine::before,
        body.page-tab-mine::after {
            display: none !important;
            content: none !important;
        }

        /* 「我的」分享宝藏网站弹层 */
        body.mine-share-sheet-open {
            overflow: hidden !important;
        }
        .mine-share-sheet[hidden] {
            display: none !important;
        }
        .mine-share-sheet:not([hidden]) {
            display: block;
            position: fixed;
            inset: 0;
            z-index: 30000;
        }
        .mine-share-sheet__mask {
            position: absolute;
            inset: 0;
            background: rgba(15, 23, 42, 0.45);
        }
        .mine-share-sheet__panel {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            max-height: min(88vh, 780px);
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            background: #fff;
            border-radius: 18px 18px 0 0;
            padding: 16px 18px calc(18px + env(safe-area-inset-bottom, 0px));
            box-shadow: 0 -8px 28px rgba(15, 23, 42, 0.12);
        }
        .mine-share-sheet__sec-label {
            margin: 0 0 10px;
            font-size: 13px;
            font-weight: 650;
            color: #334155;
        }
        .mine-share-sheet__sec-hint {
            font-weight: 500;
            color: #0f766e;
            margin-left: 4px;
        }
        .mine-share-carousel {
            display: flex;
            gap: 12px;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            scroll-snap-type: x mandatory;
            padding: 4px 2px 14px;
            margin: 0 -4px 4px;
            scrollbar-width: none;
        }
        .mine-share-carousel::-webkit-scrollbar {
            display: none;
        }
        .mine-share-poster {
            flex: 0 0 46%;
            max-width: 200px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding: 8px;
            border: 2px solid rgba(15, 23, 42, 0.08);
            border-radius: 14px;
            background: #fff;
            cursor: pointer;
            text-align: center;
            scroll-snap-align: center;
            box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
        }
        .mine-share-poster.is-active {
            border-color: #0f766e;
            background: #f0fdfa;
            box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.18);
        }
        .mine-share-poster img {
            width: 100%;
            aspect-ratio: 9 / 16;
            object-fit: cover;
            border-radius: 10px;
            display: block;
            background: #e2e8f0;
        }
        .mine-share-poster__name {
            font-size: 13px;
            font-weight: 700;
            color: #0f172a;
            line-height: 1.25;
        }
        .mine-share-poster.is-active .mine-share-poster__name {
            color: #0f766e;
        }
        .mine-share-sheet__cap-box {
            margin-bottom: 12px;
            padding: 12px;
            border-radius: 12px;
            background: #f8fafc;
            border: 1px solid rgba(15, 23, 42, 0.06);
        }
        .mine-share-sheet__cap-label {
            font-size: 12px;
            font-weight: 650;
            color: #64748b;
            margin-bottom: 6px;
        }
        .mine-share-sheet__cap-label strong {
            color: #0f766e;
            font-weight: 750;
        }
        .mine-share-sheet__cap {
            margin: 0;
            font-size: 13px;
            color: #0f172a;
            line-height: 1.55;
            white-space: pre-wrap;
            max-height: 7.5em;
            overflow: auto;
        }
        .mine-share-sheet__head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 14px;
        }
        .mine-share-sheet__title {
            margin: 0;
            font-size: 17px;
            font-weight: 700;
            color: #0f172a;
        }
        .mine-share-sheet__close {
            width: 36px;
            height: 36px;
            border: 0;
            border-radius: 999px;
            background: #f1f5f9;
            color: #475569;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        .mine-share-sheet__close svg {
            width: 18px;
            height: 18px;
        }
        .mine-share-sheet__preview {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px;
            border-radius: 14px;
            background: #f8fafc;
            border: 1px solid rgba(15, 23, 42, 0.06);
            margin-bottom: 12px;
        }
        .mine-share-sheet__preview img {
            width: 72px;
            height: 72px;
            border-radius: 10px;
            object-fit: cover;
            flex-shrink: 0;
        }
        .mine-share-sheet__preview-t {
            font-size: 15px;
            font-weight: 650;
            color: #0f172a;
            line-height: 1.3;
        }
        .mine-share-sheet__preview-d {
            margin-top: 4px;
            font-size: 12px;
            color: #64748b;
            line-height: 1.45;
        }
        .mine-share-sheet__guide {
            margin: 0 0 14px;
            font-size: 13px;
            color: #64748b;
            line-height: 1.5;
        }
        .mine-share-sheet__actions {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }
        .mine-share-sheet__btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            border-radius: 12px;
            border: 0;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            text-decoration: none;
            box-sizing: border-box;
        }
        .mine-share-sheet__btn--primary {
            background: #0f766e;
            color: #fff;
        }
        .mine-share-sheet__btn--ghost {
            background: #f1f5f9;
            color: #0f172a;
        }