:root{--font: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Segoe UI", sans-serif;--radius: 14px;--header-h: 64px}[data-site=hub]{--bg: #f4f4f5;--bg-elev: #ffffff;--bg-hero: linear-gradient(180deg, #1c2d4a 0%, #243656 58%, #2a3d5c 100%);--hero-ink: #eef3fb;--hero-muted: #b7c4d8;--ink: #1a2436;--muted: #666;--faint: #999;--line: rgba(0, 0, 0, .08);--accent: #243656;--accent-ink: #fff;--accent-soft: #e8eef6;--header-bg: rgba(28, 45, 74, .88);--header-ink: #eef3fb;--shadow: 0 16px 40px rgba(28, 45, 74, .1)}[data-site=finance]{--bg: #f5f5f5;--bg-elev: #ffffff;--bg-hero: linear-gradient(180deg, #eff6ff 0%, #f5f5f5 72%);--hero-ink: #1a1a1a;--hero-muted: #666;--ink: #1a1a1a;--muted: #666;--faint: #999;--line: rgba(0, 0, 0, .08);--accent: #3b82f6;--accent-ink: #fff;--accent-soft: #eff6ff;--header-bg: rgba(255, 255, 255, .92);--header-ink: #1a1a1a;--shadow: 0 18px 40px rgba(59, 130, 246, .08)}[data-site=merchant]{--bg: #f3f5f4;--bg-elev: #ffffff;--bg-hero: linear-gradient(180deg, #15241f 0%, #1a2e27 100%);--hero-ink: #e8eee9;--hero-muted: #b7c4be;--ink: #15241f;--muted: #5b6b64;--faint: #8a9892;--line: rgba(21, 36, 31, .1);--accent: #1f7a5c;--accent-ink: #fff;--accent-soft: #e4f3ec;--header-bg: rgba(21, 36, 31, .94);--header-ink: #e8eee9;--shadow: 0 18px 40px rgba(21, 36, 31, .12)}[data-site=media]{--bg: #f4f1ea;--bg-elev: #fffdf8;--bg-hero: linear-gradient(180deg, #f8e6d6 0%, #f4f1ea 70%);--hero-ink: #2b2118;--hero-muted: #6b5846;--ink: #2b2118;--muted: #6b5846;--faint: #9a8774;--line: rgba(92, 58, 26, .1);--accent: #c45c26;--accent-ink: #fff;--accent-soft: #f8e6d6;--header-bg: rgba(255, 253, 248, .92);--header-ink: #2b2118;--shadow: 0 18px 40px rgba(196, 92, 38, .1)}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100vh}#app{display:flex;flex-direction:column}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}.wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}.site{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink)}.site main{flex:1}.header{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;background:var(--header-bg);color:var(--header-ink);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;gap:28px;width:min(1120px,calc(100% - 40px));margin:0 auto}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em}.mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:13px}.nav{display:flex;align-items:center;gap:6px;flex:1}.nav .drop{position:relative}.nav .drop>span{display:inline-block;padding:8px 10px;border-radius:8px}.nav>a{padding:8px 10px;border-radius:8px}.nav a,.nav .drop>span{color:var(--header-ink);opacity:.86}.nav a:hover,.nav .drop:hover>span{opacity:1}.nav .mis-drop>span{opacity:1;font-weight:700;padding:7px 12px;background:var(--accent-soft);color:var(--accent)}.nav .mis-drop .menu{min-width:240px}.menu{display:none;position:absolute;top:100%;left:0;min-width:220px;z-index:30;padding-top:8px}.menu-panel{background:var(--bg-elev);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:var(--shadow)}.menu a{display:block;padding:8px 10px;border-radius:8px;opacity:1;color:var(--ink)}.menu a:hover{background:var(--accent-soft)}.nav .drop:hover .menu,.nav .drop:focus-within .menu{display:block}.header-actions{display:flex;align-items:center;gap:8px}.switch{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.switch a{padding:5px 10px;font-size:12px;opacity:.75}.switch a.on{background:var(--accent);color:var(--accent-ink);opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:600}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-ghost{background:transparent;color:var(--header-ink);border:1px solid color-mix(in srgb,var(--header-ink) 22%,transparent)}.hero .btn-ghost{color:var(--hero-ink);border-color:color-mix(in srgb,var(--hero-ink) 24%,transparent)}.btn-line{background:transparent;border:1px solid var(--line);color:var(--ink)}.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--bg-hero);padding:72px 0 56px;color:var(--hero-ink)}.hero>.wrap{position:relative;z-index:1}[data-site=merchant] .hero{padding-bottom:72px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.kicker{color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.08em}[data-site=merchant] .hero .kicker{color:#8fd4b6}.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.15;letter-spacing:-.03em;margin:10px 0 16px}.hero .lead{color:var(--hero-muted);font-size:17px;max-width:36em}.hero-cta{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.preview{border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--bg-elev);color:var(--ink);min-height:320px}.preview-side{width:148px;padding:14px;display:flex;flex-direction:column;gap:6px;font-size:12px}.preview-main{flex:1;padding:16px}.preview-top{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.chip{padding:6px 8px;border-radius:8px;background:transparent}.chip.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.preview-row{display:flex;min-height:300px}[data-site=finance] .preview-side{background:#f3f4f6}[data-site=merchant] .preview-side{background:#15241f;color:#e8eee9}[data-site=merchant] .chip.on{background:#1f7a5c;color:#fff}[data-site=media] .preview-side{background:#efe8dc}.fake-chat{display:flex;flex-direction:column;gap:10px;margin-top:18px}.bubble{max-width:86%;padding:10px 12px;border-radius:12px;background:var(--accent-soft);font-size:13px}.bubble.me{align-self:flex-end;background:var(--bg);border:1px solid var(--line)}.section{padding:72px 0}.section h2{font-size:28px;letter-spacing:-.03em;margin-bottom:10px}.section .sub{color:var(--muted);margin-bottom:28px;max-width:40em}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 1px 2px #00000008}.card h3{font-size:17px;margin-bottom:8px}.card p,.card li{color:var(--muted);font-size:14px}.card a.more{color:var(--accent);font-weight:600;display:inline-block;margin-top:12px}.tag{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);margin-bottom:8px}.cta-band{margin:20px 0 80px;padding:36px;border-radius:20px;background:var(--accent);color:var(--accent-ink);display:flex;justify-content:space-between;align-items:center;gap:20px}.cta-band p{opacity:.86}.cta-band .btn-ghost{color:#fff;border-color:#ffffff4d}.footer{margin-top:auto;border-top:1px solid var(--line);padding:48px 0 24px;background:var(--bg-elev)}.foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.foot-grid-5{grid-template-columns:repeat(5,1fr)}.footer h4{font-size:13px;margin-bottom:12px}.footer a,.footer p{color:var(--muted);font-size:13px;display:block;padding:4px 0}.footer a:hover{color:var(--ink)}.legal-bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px;padding-top:16px;border-top:1px solid var(--line);color:var(--faint);font-size:12px}.legal-bar nav{display:flex;gap:12px}.page-hero{padding:48px 0 12px}.page-hero h1{font-size:36px;letter-spacing:-.03em}.page-hero p{color:var(--muted);margin-top:10px;max-width:40em}.table{width:100%;border-collapse:collapse;background:var(--bg-elev);border-radius:12px;overflow:hidden}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}.table th{color:var(--faint);font-weight:600}.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted);margin-top:8px}.form{display:grid;gap:12px;max-width:560px}.form input,.form textarea,.form select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--bg-elev)}.ok{color:var(--accent);font-weight:600}.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;gap:16px;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.cookie p{color:var(--muted);font-size:13px}.burger{display:none}@media(max-width:1100px){.foot-grid-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.hero-grid,.grid-3,.grid-4,.grid-2,.foot-grid,.foot-grid-5{grid-template-columns:1fr}.nav{display:none}.nav.open{display:flex;flex-direction:column;position:absolute;top:var(--header-h);left:0;right:0;background:var(--header-bg);padding:12px 20px 20px;border-bottom:1px solid var(--line)}.nav.open .menu{display:block;position:static;padding-top:0}.nav.open .menu-panel{box-shadow:none;border:0;background:transparent;padding:0 0 0 8px}.burger{display:inline-flex}.header-inner{position:relative}.switch{display:none}.cta-band{flex-direction:column;align-items:flex-start}.preview-row{flex-direction:column}.preview-side{width:auto}}
