/** * 跨境电商365Agent · v1.3 重设计前端样式 * * 设计系统: * 主色橙: #f97316 (品牌色 / CTA / 推荐徽章) * 辅色蓝: #0ea5e9 (专业感 / 数据 / 链接) * 深色标题: #0f172a * 中色正文: #475569 * 浅色说明: #94a3b8 * 背景白: #ffffff * 背景柔白: #f8fafc * 背景柔蓝: #f0f9ff * 边框: #e2e8f0 * * 字号梯度: * H1 hero: 60px / 700 * H2 章节: 36px / 700 * H3 模块: 22px / 600 * H4 卡片: 18px / 600 * 正文: 16px / 1.65 * * 兼容性: * - 保留 v1.1 命名的 .aips-pricing-card / .aips-coupon-bar 等 ID/class（JS 依赖） * - 仅作用于 .aips-v13-page / .aips-pricing-wrap / .aips-account-wrap，不污染主题 */ /* ============ 设计变量 ============ */ .aips-v13-page, .aips-pricing-wrap, .aips-account-wrap { --aips-pri: #f97316; --aips-pri-dark: #ea580c; --aips-pri-soft: #fff7ed; --aips-acc: #0ea5e9; --aips-acc-dark: #0284c7; --aips-acc-soft: #f0f9ff; --aips-h: #0f172a; --aips-text: #475569; --aips-muted: #94a3b8; --aips-bg: #ffffff; --aips-bg-soft: #f8fafc; --aips-border: #e2e8f0; --aips-success: #10b981; --aips-error: #dc2626; --aips-radius: 12px; --aips-radius-lg: 16px; --aips-shadow: 0 1px 3px rgba(15,23,42,.06); --aips-shadow-md: 0 4px 12px rgba(15,23,42,.08); --aips-shadow-lg: 0 12px 32px rgba(15,23,42,.10); color: var(--aips-text); font-family: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; box-sizing: border-box; } .aips-v13-page *, .aips-v13-page *::before, .aips-v13-page *::after, .aips-pricing-wrap *, .aips-pricing-wrap *::before, .aips-pricing-wrap *::after, .aips-account-wrap *, .aips-account-wrap *::before, .aips-account-wrap *::after { box-sizing: inherit; } /* ============ 隐藏主题渲染的冗余 H1 + entry-header ============ */ body:has(.aips-v13-page) .entry-header, body:has(.aips-v13-page) header.entry-header, body:has(.aips-v13-page) .page-header, body:has(.aips-v13-page) .entry-title, body:has(.aips-v13-page) .page-title, body:has(.aips-v13-page) .wp-block-post-title, body:has(.aips-pricing-wrap) .entry-header, body:has(.aips-pricing-wrap) header.entry-header, body:has(.aips-pricing-wrap) .page-header, body:has(.aips-pricing-wrap) .entry-title, body:has(.aips-pricing-wrap) .page-title, body:has(.aips-pricing-wrap) .wp-block-post-title, body:has(.aips-account-wrap) .entry-header, body:has(.aips-account-wrap) header.entry-header, body:has(.aips-account-wrap) .page-header, body:has(.aips-account-wrap) .entry-title, body:has(.aips-account-wrap) .page-title, body:has(.aips-account-wrap) .wp-block-post-title { display: none !important; } /* ============ v1.3 通用容器 ============ */ /* v1.3.0-beta2: 终极全宽修复 —— 三板斧。 * beta1 失败原因（用户截图反馈）： * 1. 内容仍偏右：主题用 flex/grid 把 main + sidebar 横排，仅给 main width:100% 不会撑开 * flex 容器；sidebar 还在占位，main 被挤到右半边。 * 2. 浅绿色背景没被覆盖：主题给设置了 background-color，body 白底覆盖不到 * 在 body 之外的边缘（视口边距 / overscroll 区域）。 * 3. 还有更深层的容器没在 beta1 选择器里（#main / #wrap / #page / .site-inner / .body-wrap 等）。 * 三板斧： * ① + 一起白底，padding/margin 全 0； * ② 把所有可能的父级（含 flex item）一锅端 width:100% + flex:1 1 100%，padding/margin 归零； * ③ 把侧边栏 display:none 掉，让 flex/grid 容器没有兄弟元素抢空间。 */ html:has(.aips-v13-page), body:has(.aips-v13-page) { background: var(--aips-bg, #fff) !important; margin: 0 !important; padding: 0 !important; } body:has(.aips-v13-page) #content, body:has(.aips-v13-page) #primary, body:has(.aips-v13-page) #main, body:has(.aips-v13-page) #wrap, body:has(.aips-v13-page) #page, body:has(.aips-v13-page) .site, body:has(.aips-v13-page) .site-content, body:has(.aips-v13-page) .site-main, body:has(.aips-v13-page) .site-inner, body:has(.aips-v13-page) main.site-main, body:has(.aips-v13-page) main, body:has(.aips-v13-page) article, body:has(.aips-v13-page) .post, body:has(.aips-v13-page) .single, body:has(.aips-v13-page) .entry-content, body:has(.aips-v13-page) .post-content, body:has(.aips-v13-page) .single-content, body:has(.aips-v13-page) .page-content, body:has(.aips-v13-page) .container, body:has(.aips-v13-page) .container-fluid, body:has(.aips-v13-page) .wrap, body:has(.aips-v13-page) .body-wrap, body:has(.aips-v13-page) .main-wrap, body:has(.aips-v13-page) .outer-wrap, body:has(.aips-v13-page) .inner-wrap, body:has(.aips-v13-page) .row, body:has(.aips-v13-page) .col, body:has(.aips-v13-page) [class*="col-"], body:has(.aips-v13-page) .has-sidebar, body:has(.aips-v13-page) .layout-default, body:has(.aips-v13-page) .layout-content { max-width: 100% !important; width: 100% !important; flex: 1 1 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; } /* 销售页/会员页隐藏主题侧边栏，让 main 独占整个 flex/grid 行 */ body:has(.aips-v13-page) .sidebar, body:has(.aips-v13-page) #sidebar, body:has(.aips-v13-page) aside.sidebar, body:has(.aips-v13-page) aside.widget-area, body:has(.aips-v13-page) .widget-area, body:has(.aips-v13-page) #secondary, body:has(.aips-v13-page) .secondary, body:has(.aips-v13-page) .sidebar-wrap, body:has(.aips-v13-page) .site-sidebar { display: none !important; } /* 销售页隐藏主题原生 footer（"自豪地采用 WordPress" / 主题 powered by 等）， * 因为我们已经在 .aips-v13-footer 里写了自己的 footer */ body:has(.aips-v13-page) .site-info, body:has(.aips-v13-page) #colophon, body:has(.aips-v13-page) footer#colophon, body:has(.aips-v13-page) footer.site-footer, body:has(.aips-v13-page) .site-footer, body:has(.aips-v13-page) .powered-by, body:has(.aips-v13-page) .imprint { display: none !important; } .aips-v13-page { background: var(--aips-bg); color: var(--aips-text); width: 100%; } .aips-v13-container { max-width: 1440px; margin: 0 auto; padding: 0 24px; } .aips-v13-container-narrow { max-width: 800px; } /* ============ 法律文件 page (terms / privacy) 简洁阅读模式 ============ */ .aips-v13-doc-page { background: #fff; } .aips-v13-doc-section { padding: 80px 0 60px; } .aips-v13-doc-title { font-size: 32px; font-weight: 700; color: var(--aips-h); margin: 0 0 8px; letter-spacing: -0.5px; } .aips-v13-doc-meta { font-size: 13px; color: var(--aips-muted); margin: 0 0 40px; } .aips-v13-doc-body { font-size: 15px; line-height: 1.85; color: var(--aips-text); } .aips-v13-doc-body h2 { font-size: 20px; font-weight: 700; color: var(--aips-h); margin: 36px 0 14px; padding-top: 12px; border-top: 1px solid var(--aips-border); } .aips-v13-doc-body h2:first-of-type { border-top: 0; padding-top: 0; } .aips-v13-doc-body h3 { font-size: 16px; font-weight: 600; color: var(--aips-h); margin: 20px 0 10px; } .aips-v13-doc-body p { margin: 0 0 12px; } .aips-v13-doc-body ul { margin: 8px 0 16px; padding-left: 24px; } .aips-v13-doc-body li { margin: 4px 0; } .aips-v13-doc-body a { color: var(--aips-acc); text-decoration: underline; text-underline-offset: 2px; } .aips-v13-doc-body a:hover { color: var(--aips-acc-dark); } .aips-v13-doc-body hr { border: 0; border-top: 1px solid var(--aips-border); margin: 28px 0 16px; } .aips-v13-doc-body strong { color: var(--aips-h); } /* ============ 内测期优惠 banner（v1.3.0-beta17） ============ */ .aips-v13-beta-banner { text-align: center; background: linear-gradient(135deg, #fff7ed 0%, #fef3c7 100%); border: 1px solid #fed7aa; border-radius: var(--aips-radius); padding: 14px 20px; margin: 0 auto 24px; max-width: 760px; color: var(--aips-h); font-size: 16px; box-shadow: 0 4px 12px rgba(249,115,22,.08); } .aips-v13-beta-banner strong { color: var(--aips-pri-dark); font-weight: 700; } .aips-v13-beta-banner-sub { display: inline-block; margin-left: 8px; color: var(--aips-text); font-size: 13px; } @media (max-width: 768px) { .aips-v13-beta-banner-sub { display: block; margin-left: 0; margin-top: 4px; } } /* 章节标题 */ .aips-v13-section-head { text-align: center; margin: 0 auto 56px; max-width: 760px; } .aips-v13-section-title { font-size: 36px; font-weight: 700; color: var(--aips-h); margin: 0 0 12px; line-height: 1.3; letter-spacing: -0.5px; } .aips-v13-section-subtitle { font-size: 17px; color: var(--aips-text); margin: 0; line-height: 1.6; } /* 通用按钮 */ .aips-v13-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 28px; border-radius: 10px; font-size: 15px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none !important; cursor: pointer; border: 1px solid transparent; transition: all .18s ease; } .aips-v13-btn-lg { padding: 16px 36px; font-size: 16px; } .aips-v13-btn-primary { background: var(--aips-pri); color: #fff !important; border-color: var(--aips-pri); box-shadow: 0 4px 12px rgba(249,115,22,.25); } .aips-v13-btn-primary:hover { background: var(--aips-pri-dark); border-color: var(--aips-pri-dark); transform: translateY(-1px); box-shadow: 0 8px 20px rgba(249,115,22,.35); } .aips-v13-btn-ghost { background: transparent; color: var(--aips-h) !important; border-color: var(--aips-border); } .aips-v13-btn-ghost:hover { background: var(--aips-bg-soft); border-color: var(--aips-h); } /* 激活成功横幅 */ .aips-v13-activated-banner { max-width: 1440px; margin: 24px auto 0; padding: 14px 24px; background: #ecfdf5; border: 1px solid #6ee7b7; border-left: 4px solid var(--aips-success); border-radius: var(--aips-radius); color: #065f46; font-size: 15px; } /* ============ 模块 1: HERO ============ */ .aips-v13-hero { padding: 100px 0 80px; text-align: center; background: radial-gradient(ellipse 800px 400px at 50% 0%, rgba(14,165,233,.08), transparent 70%), radial-gradient(ellipse 600px 300px at 30% 50%, rgba(249,115,22,.06), transparent 70%); position: relative; overflow: hidden; } .aips-v13-hero-tag { display: inline-block; padding: 6px 16px; background: var(--aips-acc-soft); color: var(--aips-acc-dark); border: 1px solid #bae6fd; border-radius: 999px; font-size: 13px; font-weight: 600; margin-bottom: 24px; letter-spacing: .5px; } .aips-v13-hero-title { font-size: 60px; font-weight: 700; color: var(--aips-h); margin: 0 0 24px; line-height: 1.15; letter-spacing: -1.5px; } .aips-v13-hero-subtitle { font-size: 19px; color: var(--aips-text); margin: 0 0 40px; max-width: 680px; margin-left: auto; margin-right: auto; line-height: 1.6; } .aips-v13-hero-cta { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 32px; } .aips-v13-hero-meta { color: var(--aips-muted); font-size: 14px; } /* ============ 模块 2: 痛点 ============ */ .aips-v13-pains { padding: 80px 0; background: var(--aips-bg-soft); } .aips-v13-pains-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .aips-v13-pain-card { background: #fff; border: 1px solid var(--aips-border); border-radius: var(--aips-radius-lg); padding: 32px 28px; transition: all .2s ease; } .aips-v13-pain-card:hover { border-color: var(--aips-pri); transform: translateY(-2px); box-shadow: var(--aips-shadow-md); } .aips-v13-pain-icon { font-size: 36px; margin-bottom: 16px; line-height: 1; } .aips-v13-pain-card h3 { font-size: 20px; font-weight: 600; color: var(--aips-h); margin: 0 0 12px; } .aips-v13-pain-card p { color: var(--aips-text); font-size: 15px; line-height: 1.65; margin: 0; } /* ============ 模块 3: 核心功能 ============ */ .aips-v13-features { padding: 80px 0; } .aips-v13-features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .aips-v13-feature-card { position: relative; padding: 32px; background: #fff; border: 1px solid var(--aips-border); border-radius: var(--aips-radius-lg); transition: all .2s ease; } .aips-v13-feature-card:hover { border-color: var(--aips-acc); box-shadow: var(--aips-shadow-md); } .aips-v13-feature-icon { width: 56px; height: 56px; border-radius: 14px; background: var(--icon-bg, #f8fafc); color: var(--icon-fg, #0ea5e9); font-size: 28px; display: grid; place-items: center; margin-bottom: 20px; } .aips-v13-feature-card h3 { font-size: 19px; font-weight: 600; color: var(--aips-h); margin: 0 0 10px; } .aips-v13-feature-card p { color: var(--aips-text); font-size: 15px; line-height: 1.65; margin: 0 0 12px; } .aips-v13-feature-tag { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; } .aips-v13-tag-live { background: #dcfce7; color: #15803d; } .aips-v13-tag-soon { background: #fef3c7; color: #b45309; } .aips-v13-tag-plan { background: #f1f5f9; color: #64748b; } /* ============ 模块 4: 演示截图 ============ */ .aips-v13-demo { padding: 80px 0; background: var(--aips-bg-soft); } .aips-v13-demo-frame { max-width: 900px; margin: 0 auto; background: #fff; border: 1px solid var(--aips-border); border-radius: var(--aips-radius-lg); overflow: hidden; box-shadow: var(--aips-shadow-lg); } .aips-v13-demo-tabs { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: #f1f5f9; border-bottom: 1px solid var(--aips-border); } .aips-v13-demo-dot { width: 12px; height: 12px; border-radius: 999px; } .aips-v13-demo-url { margin-left: 8px; font-size: 13px; color: var(--aips-muted); font-family: ui-monospace, "SF Mono", monospace; } .aips-v13-demo-body { padding: 32px 36px; font-size: 15px; line-height: 1.7; } .aips-v13-demo-body p { margin: 0 0 12px; } .aips-v13-demo-h { font-weight: 600; color: var(--aips-h); font-size: 16px; margin-top: 24px !important; } .aips-v13-demo-body ul { margin: 8px 0 16px; padding-left: 20px; } .aips-v13-demo-body li { margin: 4px 0; } .aips-v13-demo-body code { background: var(--aips-acc-soft); color: var(--aips-acc-dark); padding: 2px 6px; border-radius: 4px; font-size: 13px; } .aips-v13-demo-fade { color: var(--aips-muted); font-size: 13px; text-align: center; margin-top: 16px !important; } /* ============ 模块 5: 信任墙 ============ */ .aips-v13-trust { padding: 56px 0; } .aips-v13-trust-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; text-align: center; } .aips-v13-trust-stat { padding: 24px 8px; } .aips-v13-trust-num { font-size: 42px; font-weight: 700; color: var(--aips-pri); line-height: 1; margin-bottom: 8px; letter-spacing: -1px; } .aips-v13-trust-label { font-size: 14px; color: var(--aips-muted); } /* ============ 模块 6: 套餐（保留 v1.1 ID/class 兼容 JS）============ */ .aips-v13-pricing { padding: 80px 0; background: var(--aips-bg-soft); } .aips-coupon-bar { display: flex; align-items: center; gap: 16px; max-width: 760px; margin: 0 auto 40px; padding: 18px 24px; background: #fff; border: 1px solid #fed7aa; border-radius: var(--aips-radius); flex-wrap: wrap; box-shadow: var(--aips-shadow); } .aips-coupon-label { font-size: 14px; color: var(--aips-pri-dark); font-weight: 600; flex-shrink: 0; } .aips-coupon-input-wrap { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 240px; flex-wrap: wrap; } .aips-coupon-input { flex: 1; min-width: 160px; padding: 10px 14px; font-size: 15px; font-family: ui-monospace, "SF Mono", monospace; letter-spacing: 0.05em; text-transform: uppercase; border: 1px solid var(--aips-border); border-radius: 8px; background: var(--aips-bg-soft); transition: border-color .15s, box-shadow .15s, background .15s; } .aips-coupon-input:focus { outline: none; border-color: var(--aips-pri); background: #fff; box-shadow: 0 0 0 3px rgba(249,115,22,.12); } .aips-coupon-status { font-size: 14px; line-height: 1.4; flex-shrink: 0; } .aips-coupon-status-pending { color: var(--aips-muted); } .aips-coupon-status-ok { color: var(--aips-success); font-weight: 600; } .aips-coupon-status-fail { color: var(--aips-error); } .aips-pricing-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1440px; margin: 0 auto; } .aips-pricing-card { position: relative; background: #fff; border: 1px solid var(--aips-border); border-radius: var(--aips-radius-lg); padding: 32px 24px; display: flex; flex-direction: column; box-shadow: var(--aips-shadow); transition: all .2s ease; } .aips-pricing-card:hover { transform: translateY(-4px); box-shadow: var(--aips-shadow-lg); border-color: var(--aips-acc); } .aips-pricing-card-highlight { border: 2px solid var(--aips-pri); box-shadow: 0 0 0 4px rgba(249,115,22,.08), var(--aips-shadow-md); } .aips-pricing-badge { position: absolute; top: -12px; right: 24px; background: var(--aips-pri); color: #fff; font-size: 12px; font-weight: 700; padding: 5px 14px; border-radius: 999px; letter-spacing: .5px; box-shadow: 0 4px 8px rgba(249,115,22,.3); } .aips-pricing-name { font-size: 18px; font-weight: 700; margin: 0 0 8px; color: var(--aips-h); } .aips-pricing-desc { font-size: 13px; color: var(--aips-muted); margin: 0 0 20px; min-height: 42px; line-height: 1.5; } .aips-pricing-price { margin: 0 0 24px; display: flex; align-items: baseline; flex-wrap: wrap; } .aips-pricing-price-symbol { font-size: 18px; color: var(--aips-h); font-weight: 600; } .aips-pricing-price-amount { font-size: 40px; font-weight: 700; color: var(--aips-h); margin: 0 4px; line-height: 1; letter-spacing: -1px; } .aips-pricing-price-period { font-size: 14px; color: var(--aips-muted); } .aips-pricing-features { list-style: none; padding: 0; margin: 0 0 24px; flex-grow: 1; } .aips-pricing-features li { font-size: 14px; padding: 7px 0; color: var(--aips-text); display: flex; align-items: flex-start; line-height: 1.5; } .aips-pricing-check { color: var(--aips-pri); font-weight: 700; margin-right: 8px; flex-shrink: 0; } /* 折扣展示 */ .aips-pricing-price-discounted .aips-pricing-price-original { display: inline-block; margin-right: 6px; color: var(--aips-muted); text-decoration: line-through; font-size: 18px; font-weight: normal; } .aips-pricing-price-discounted .aips-pricing-price-symbol, .aips-pricing-price-discounted .aips-pricing-price-amount { color: var(--aips-error) !important; } .aips-pricing-savings { display: inline-block; margin-left: 8px; padding: 3px 10px; background: #dcfce7; color: #15803d; border-radius: 6px; font-size: 12px; font-weight: 600; vertical-align: middle; } /* ============ 模块 7: FAQ ============ */ .aips-v13-faq { padding: 80px 0; } .aips-v13-faq-list { display: flex; flex-direction: column; gap: 12px; } .aips-v13-faq-item { background: #fff; border: 1px solid var(--aips-border); border-radius: var(--aips-radius); overflow: hidden; transition: border-color .15s ease; } .aips-v13-faq-item[open] { border-color: var(--aips-pri); } .aips-v13-faq-item summary { list-style: none; cursor: pointer; padding: 18px 24px; font-weight: 600; color: var(--aips-h); font-size: 16px; position: relative; padding-right: 56px; } .aips-v13-faq-item summary::-webkit-details-marker { display: none; } .aips-v13-faq-item summary::after { content: "+"; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 24px; color: var(--aips-muted); font-weight: 300; transition: transform .2s ease; } .aips-v13-faq-item[open] summary::after { content: "−"; color: var(--aips-pri); } .aips-v13-faq-body { padding: 0 24px 18px; color: var(--aips-text); font-size: 15px; line-height: 1.7; } /* ============ 模块 8: Footer ============ */ .aips-v13-footer { padding: 56px 0 32px; background: var(--aips-h); color: #cbd5e1; } .aips-v13-footer-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; margin-bottom: 40px; } .aips-v13-footer-brand { font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 8px; } .aips-v13-footer-tag { color: #94a3b8; margin: 0; font-size: 14px; } .aips-v13-footer-h { color: #fff; font-weight: 600; margin-bottom: 12px; font-size: 14px; } .aips-v13-footer-block p { margin: 6px 0; font-size: 14px; } .aips-v13-footer-block a { color: #cbd5e1; text-decoration: none; } .aips-v13-footer-block a:hover { color: var(--aips-pri); } .aips-v13-footer-bottom { padding-top: 24px; border-top: 1px solid #1e293b; text-align: center; color: #64748b; font-size: 13px; } .aips-v13-footer-bottom a { color: inherit; text-decoration: underline; text-underline-offset: 2px; transition: color .15s; } .aips-v13-footer-bottom a:hover { color: #cbd5e1; } /* ============ v1.1 buttons (兼容 .aips-btn-primary 在卡片里的用法) ============ */ .aips-btn { display: inline-block !important; padding: 12px 28px !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 600 !important; text-align: center !important; text-decoration: none !important; cursor: pointer !important; border: 1px solid transparent !important; transition: all .18s ease !important; line-height: 1.4 !important; } .aips-btn-primary { background: var(--aips-pri) !important; background-color: var(--aips-pri) !important; color: #fff !important; border-color: var(--aips-pri) !important; box-shadow: 0 4px 12px rgba(249,115,22,.25); } .aips-btn-primary:hover { background: var(--aips-pri-dark) !important; background-color: var(--aips-pri-dark) !important; color: #fff !important; border-color: var(--aips-pri-dark) !important; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(249,115,22,.35); } .aips-btn-secondary { background: var(--aips-bg-soft) !important; background-color: var(--aips-bg-soft) !important; color: var(--aips-h) !important; border: 1px solid var(--aips-border) !important; } .aips-btn-secondary:hover { background: #fff !important; background-color: #fff !important; border-color: var(--aips-pri) !important; color: var(--aips-pri) !important; } .aips-btn-buy { width: 100% !important; display: block !important; white-space: nowrap !important; } .aips-pricing-card-disabled { opacity: 0.55; filter: grayscale(0.4); } .aips-pricing-card-disabled:hover { transform: none !important; box-shadow: none !important; } .aips-btn-disabled, .aips-btn-disabled:hover { background: #d1d5db !important; color: #6b7280 !important; cursor: not-allowed !important; border-color: #d1d5db !important; box-shadow: none !important; transform: none !important; } /* ============ 会员中心（v1.3 升级仪表盘风格，下一轮再大改） ============ */ .aips-account-wrap { max-width: 800px; margin: 0 auto; padding: 56px 24px; background: var(--aips-bg); } .aips-account-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; flex-wrap: wrap; gap: 16px; } .aips-account-greet { font-size: 17px; color: var(--aips-text); margin: 0; } .aips-account-greet strong { color: var(--aips-h); } .aips-account-card { background: #fff; border: 1px solid var(--aips-border); border-radius: var(--aips-radius-lg); padding: 32px; box-shadow: var(--aips-shadow); } .aips-account-empty { text-align: center; padding: 64px 32px; } .aips-account-empty-title { font-size: 20px; margin: 0 0 8px; color: var(--aips-h); font-weight: 600; } .aips-account-empty-desc { font-size: 15px; color: var(--aips-muted); margin: 0 0 28px; } .aips-account-row { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--aips-border); font-size: 15px; } .aips-account-row:last-of-type { border-bottom: none; } .aips-account-row-label { color: var(--aips-muted); } .aips-account-row-value { text-align: right; color: var(--aips-h); } .aips-account-progress { height: 8px; background: var(--aips-bg-soft); border-radius: 999px; overflow: hidden; margin: -6px 0 8px; } .aips-account-progress-fill { height: 100%; background: linear-gradient(90deg, var(--aips-pri), var(--aips-pri-dark)); transition: width .3s ease; } .aips-account-days-left { color: var(--aips-muted); font-size: 13px; } .aips-account-actions { margin-top: 28px; text-align: center; } .aips-account-anon { text-align: center; padding: 80px 24px; } .aips-account-paid-banner { background: #ecfdf5; border: 1px solid #6ee7b7; border-left: 4px solid var(--aips-success); border-radius: var(--aips-radius); padding: 16px 20px; margin-bottom: 24px; font-size: 14px; color: #065f46; } .aips-account-paid-banner p { margin: 0; } .aips-account-paid-banner code { background: rgba(16,185,129,.12); padding: 2px 6px; border-radius: 4px; font-size: 12.5px; } .aips-account-paid-hint { margin-top: 6px !important; font-size: 12.5px; color: #047857; opacity: .85; } .aips-account-foot-note { text-align: center; margin-top: 24px; font-size: 13px; color: var(--aips-muted); } /* ============ 响应式 ============ */ /* 超大屏 (≥1920px，2K/4K)：把内容铺得更宽，避免在大显示器上挤在中央显空 */ @media (min-width: 1920px) { .aips-v13-container, .aips-pricing-grid, .aips-v13-activated-banner { max-width: 1680px; } } @media (max-width: 1024px) { .aips-v13-hero-title { font-size: 48px; } .aips-pricing-grid { grid-template-columns: repeat(2, 1fr); } .aips-v13-trust-stats { grid-template-columns: repeat(2, 1fr); gap: 24px; } .aips-v13-footer-grid { grid-template-columns: 1fr; gap: 28px; } } @media (max-width: 768px) { .aips-v13-section-title { font-size: 28px; } .aips-v13-hero { padding: 64px 0 48px; } .aips-v13-hero-title { font-size: 36px; letter-spacing: -1px; } .aips-v13-hero-subtitle { font-size: 16px; } .aips-v13-pains, .aips-v13-features, .aips-v13-demo, .aips-v13-pricing, .aips-v13-faq { padding: 56px 0; } .aips-v13-pains-grid { grid-template-columns: 1fr; } .aips-v13-features-grid { grid-template-columns: 1fr; } .aips-pricing-grid { grid-template-columns: 1fr; gap: 16px; } .aips-v13-trust-num { font-size: 32px; } .aips-account-row { flex-direction: column; align-items: flex-start; gap: 4px; } .aips-account-row-value { text-align: left; } .aips-coupon-bar { flex-direction: column; align-items: stretch; padding: 14px 16px; } .aips-coupon-input-wrap { flex-direction: column; align-items: stretch; gap: 8px; } .aips-v13-demo-body { padding: 24px 20px; font-size: 14px; } }