:root{font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#102626;background-color:#f6f2e8;--ink: #102626;--muted: #425658;--accent: #1e8f6b;--accent-soft: rgba(30, 143, 107, .12);--sun: #f4b552;--paper: #f6f2e8;--paper-strong: #efe7d7;--border: rgba(16, 38, 38, .12);--shadow: 0 24px 60px rgba(10, 30, 30, .12);--radius: 20px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 12%,rgba(30,143,107,.22),transparent 45%),radial-gradient(circle at 86% 18%,rgba(244,181,82,.2),transparent 46%),linear-gradient(160deg,#f7f1e6,#f0e6d6 45%,#f8f1e2);position:relative;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(16,38,38,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,38,38,.06) 1px,transparent 1px);background-size:48px 48px;opacity:.2;pointer-events:none;z-index:0}img{display:block;max-width:100%}a{color:var(--accent);text-decoration:none;font-weight:600}a:hover{color:#147157}#app{width:100%;position:relative;z-index:1}.page{max-width:1200px;margin:0 auto;padding:clamp(28px,4vw,56px) clamp(20px,7vw,96px) 80px;display:flex;flex-direction:column;gap:56px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center;background:#ffffffd1;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(24px,4vw,42px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:rise .6s ease both}.hero-text{display:flex;flex-direction:column;gap:16px}.brand-line{display:flex;gap:16px;align-items:center}.brand-mark{width:56px;height:56px}.eyebrow{margin:0;color:var(--accent);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}h1{margin:8px 0 0;font-size:clamp(28px,3vw,44px);font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,SimSun,serif;color:var(--ink)}.subtitle{margin:0;color:var(--muted);font-size:1.02rem}.highlights{display:flex;flex-wrap:wrap;gap:10px}.highlights span{padding:6px 14px;border-radius:999px;border:1px solid rgba(30,143,107,.25);background:var(--accent-soft);font-size:.9rem;color:var(--ink)}.hero-card{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;padding:20px;border-radius:18px;background:linear-gradient(160deg,#0f3b33,#1a5a49);color:#f9f2e6;box-shadow:0 20px 40px #08141259;animation:rise .6s ease both;animation-delay:.1s}.qr{width:min(240px,72vw);height:auto;object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#fff;padding:10px;box-shadow:0 18px 30px #0000004d}.qr-title{margin:0;font-size:1.1rem;font-weight:700}.qr-sub{margin:0;font-size:.9rem;opacity:.78}.products{display:flex;flex-direction:column;gap:24px}.section-head h2{margin:0 0 6px;font-size:clamp(22px,2.5vw,32px);font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,SimSun,serif}.section-head p{margin:0;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.product-card{position:relative;background:#ffffffe0;border:1px solid var(--border);border-radius:16px;padding:26px 22px 22px;box-shadow:0 18px 36px #1026261a;opacity:0;animation:rise .6s ease forwards;animation-delay:var(--delay)}.product-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--accent),var(--sun))}.card-head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.card-head h3{margin:0;font-size:1.05rem;color:var(--ink)}.domain{font-size:.9rem;font-weight:600}.product-card p{margin:0;color:var(--muted)}.cta{background:linear-gradient(130deg,#1e8f6b24,#f4b5521f);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(20px,4vw,36px)}.cta h2{margin:0 0 10px;font-size:clamp(20px,2.3vw,30px);font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,SimSun,serif}.cta p{margin:0;color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero{grid-template-columns:1fr}.brand-line{align-items:flex-start}.hero-card{width:100%}}@media(max-width:600px){.page{padding:24px 18px 64px}.hero{padding:22px}.brand-line{flex-direction:column}}