:root{--bg: #f7f2eb;--bg-soft: #fbf6f0;--ink: #2b2118;--muted: #6f5f50;--accent: #d98a3f;--accent-dark: #b66a2a;--accent-soft: #f2dcc4;--line: #ead9c9;--card: #fffaf4;--shadow: 0 20px 60px rgba(43, 33, 24, .12);--radius: 22px}*{box-sizing:border-box}body{margin:0;font-family:Manrope,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}h1,h2,h3,h4{font-family:Fraunces,Songti SC,STSong,serif;margin:0 0 12px}p{margin:0 0 16px}a{color:inherit;text-decoration:none}.page{min-height:100vh;background:radial-gradient(1100px 700px at 15% -10%,#fff7ef 0%,transparent 60%),radial-gradient(900px 600px at 85% 0%,#f6e6d4 0%,transparent 58%),linear-gradient(180deg,#f8f1e8,#fbf6f0)}.container{max-width:1120px;margin:0 auto;width:100%}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf4ecd9;border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 72px}.logo{display:flex;align-items:center;gap:12px;font-weight:600}.logo-mark{width:32px;height:32px;border-radius:8px;object-fit:contain;box-shadow:0 10px 22px #d98a3f33}.nav{display:flex;gap:24px;color:var(--muted);font-size:14px}.topbar-cta{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:10px 22px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn.primary{background:#21160f;color:#fff;box-shadow:0 16px 30px #2b211833}.btn.primary:hover{transform:translateY(-2px);background:#140c08}.btn.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn.secondary:hover{border-color:#d98a3f66;transform:translateY(-2px)}.btn.ghost{background:#ffffffb3;border-color:var(--line);color:var(--muted)}main{position:relative;z-index:1}.hero{padding:80px 0 70px}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;align-items:center;padding:0 72px}.hero-badges{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.badge{font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1px solid var(--accent-soft);background:#fff5ea;color:var(--accent-dark)}.badge.safe{border-color:#c7ead5;background:#eefaf3;color:#1f7a52}.hero-content h1{font-size:clamp(36px,4vw,60px);line-height:1.1}.hero-sub{font-size:clamp(28px,3.4vw,46px);color:var(--accent);font-weight:600;margin-bottom:18px}.lead{color:var(--muted);max-width:520px}.hero-actions{display:flex;gap:16px;margin:26px 0 20px}.hero-features{display:grid;gap:10px;color:var(--muted);font-size:14px}.hero-features span:before{content:"✓";color:#1f7a52;margin-right:10px;font-weight:700}.hero-visual{display:flex;justify-content:center}.status-card{width:100%;max-width:380px;padding:24px 26px;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.status-head{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:#1f7a52;box-shadow:0 0 0 6px #1f7a5226;animation:pulse 2.2s ease-in-out infinite}.status-card h4{margin-bottom:18px}.status-body{display:grid;gap:16px}.status-row{display:flex;justify-content:space-between;color:var(--muted);font-size:15px}.status-row strong{color:var(--ink);font-size:18px}section{padding:70px 0}.section-title{max-width:640px;margin-bottom:36px}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.advantages{padding-top:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature{background:#fffaf4;border:1px solid var(--line);border-radius:22px;padding:26px 24px;box-shadow:0 16px 40px #2b211814}.icon-circle{width:44px;height:44px;border-radius:14px;background:#fff3e6;border:1px solid #f0d3b6;display:grid;place-items:center;margin-bottom:16px}.icon-circle svg{width:26px;height:26px;stroke:var(--accent);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.flow{padding-top:10px}.flow-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:0 72px}.steps{display:grid;gap:18px;margin-top:20px}.step{display:flex;gap:16px;align-items:flex-start}.step-number{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-weight:700;color:var(--accent);background:#fff7ef}.flow-visual{display:flex;justify-content:center}.flow-demo{width:100%;max-width:420px}.flow-tabs{display:flex;gap:10px;background:#fff6ee;padding:8px;border-radius:999px;border:1px solid var(--line);margin-bottom:16px}.flow-tab{flex:1;border:none;background:transparent;font-weight:600;font-size:13px;color:var(--muted);padding:8px 10px;border-radius:999px;cursor:pointer;transition:all .2s ease}.flow-tab.is-active{background:#21160f;color:#fff}.flow-panel{display:none}.flow-panel.is-active{display:block}.panel-card{border-radius:22px;border:1px solid var(--line);background:#fffaf4;box-shadow:var(--shadow);padding:22px}.panel-card h4{margin-bottom:14px}.panel-card label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.panel-card .input{border:1px solid #f0d3b6;border-radius:12px;padding:12px 14px;color:#a47b55;background:#fff;margin-bottom:10px}.panel-tip{color:var(--muted);font-size:13px;margin-bottom:16px}.panel-btn{text-align:center;background:var(--accent);color:#fff;padding:12px 16px;border-radius:12px;font-weight:600}.panel-alert{padding:10px 12px;border-radius:10px;background:#eef9f2;color:#1f7a52;font-size:13px;margin-bottom:12px}.panel-grid{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:start;margin-bottom:14px}.panel-sidebar{display:grid;gap:10px}.chip{padding:6px 10px;border-radius:10px;background:#f4ebe1;color:var(--muted);font-size:12px}.chip.is-active{background:#fdf1e3;color:var(--accent);font-weight:600}.panel-main{background:#fff;border-radius:14px;border:1px solid var(--line);padding:12px}.panel-label{font-size:12px;color:var(--muted);margin-bottom:8px}.panel-id{font-size:13px;color:var(--ink);background:#fff7ef;border:1px dashed #f0d3b6;border-radius:10px;padding:10px;margin-bottom:10px;word-break:break-all}.panel-copy{border:none;background:#21160f;color:#fff;border-radius:10px;padding:8px 12px;font-size:12px;cursor:pointer}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.price-card{position:relative;background:#fff;border-radius:26px;padding:28px;box-shadow:0 20px 50px #2b211814;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.price-card.highlight{box-shadow:0 26px 60px #d98a3f33}.price-card.is-selected{box-shadow:0 28px 64px #d98a3f38}.price-card:hover{transform:translateY(-6px);box-shadow:0 28px 64px #d98a3f38}.price-tag{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#21160f;color:#fff;font-size:12px;padding:6px 14px;border-radius:999px}.price-tag.ghost{background:#fff1e3;color:var(--accent);border:1px solid #f0d3b6}.price{font-size:32px;font-weight:700;margin:12px 0 16px}.price span{font-size:14px;color:var(--muted)}.card-list{padding-left:18px;color:var(--muted);margin:18px 0 26px}.notice{margin-top:24px;padding:16px 20px;border-radius:16px;background:#fff6e6;border:1px solid #f5d9a6;color:#b45309;font-size:14px}.reviews,.more-products{padding-top:10px}.more-card{background:#fffaf4;border-radius:24px;border:1px solid var(--line);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 18px 40px #2b211814}.more-card .eyebrow{color:var(--accent)}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.review{background:#fffaf4;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 18px 40px #2b211814}.stars{color:#f59e0b;font-size:16px;margin-bottom:14px}.reviewer{display:flex;align-items:center;gap:12px;margin-top:18px;color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;background:#f59e0b;color:#fff;display:grid;place-items:center;font-weight:700}.avatar.alt{background:#d97706}.review-tag{margin-left:auto;background:#fff1e3;color:var(--accent);padding:4px 10px;border-radius:999px;font-size:12px}.faq-list{display:grid;gap:16px}.faq-item{display:grid;grid-template-columns:32px 1fr;gap:16px;padding:18px 22px;border-radius:18px;background:#fffaf4;border:1px solid var(--line)}.faq-icon{width:32px;height:32px;border-radius:50%;background:#fdebd6;color:var(--accent);display:grid;place-items:center;font-weight:700}.support{padding-bottom:90px}.support-panel{background:#231a13;color:#f0e6da;border-radius:32px;padding:42px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;box-shadow:0 30px 80px #2b211861}.support-main h2{color:#fff;margin-bottom:12px}.support-meta{display:grid;gap:8px;margin-top:18px;color:#e1cdb8;font-size:14px}.support-actions{display:grid;gap:16px}.wechat-panel{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px;display:grid;gap:12px}.wechat-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f3cfa6}.wechat-field{background:#ffffff1f;border-radius:12px;padding:10px 12px;display:inline-flex;align-items:center;gap:10px;font-weight:600}.wechat-full{display:inline}.wechat-mask{display:none}.wechat-buttons{display:flex;gap:10px}.support-note{color:#e1cdb8;font-size:14px}.footer{padding:30px 0 50px;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;align-items:center;padding:0 72px}.footer-links{display:flex;gap:20px}[data-animate]{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}[data-animate].in-view{opacity:1;transform:translateY(0)}@keyframes pulse{0%{box-shadow:0 0 #1f7a5240}60%{box-shadow:0 0 0 10px #1f7a5200}to{box-shadow:0 0 #1f7a5200}}@media (max-width: 1100px){.hero-grid,.flow-grid{grid-template-columns:1fr;padding:0 48px}.feature-grid,.pricing-grid,.review-grid{grid-template-columns:1fr}.topbar-inner{flex-direction:column}.support-panel{grid-template-columns:1fr}}@media (max-width: 720px){.topbar-inner,.hero-grid,.flow-grid,.footer-inner{padding:0 24px}section{padding:60px 0}.hero-actions{flex-direction:column}.hero-features{font-size:13px}.status-card,.flow-demo{max-width:100%}.pricing-grid,.review-grid{gap:18px}.price-card,.review{padding:22px}.support-actions{gap:12px}.support-panel{padding:32px 24px}.footer-inner{flex-direction:column;gap:12px}.more-card{flex-direction:column;align-items:flex-start;padding:24px}.flow-tabs{flex-direction:column}.panel-grid{grid-template-columns:1fr}}
