@charset "UTF-8";:root{--bg-top:#10332d;--bg-mid:#17453c;--bg-bottom:#f4efe6;--bg-glow:rgba(241, 206, 144, .22);--panel:rgba(255, 252, 246, .92);--panel-strong:#fffdf8;--line:rgba(21, 44, 42, .12);--line-strong:rgba(21, 44, 42, .18);--text:#17322f;--muted:#60756f;--brand:#0f8a70;--brand-deep:#0b5a4a;--brand-tint-08:rgba(15, 138, 112, .08);--accent:#d6a24a;--accent-soft:rgba(214, 162, 74, .16);--accent-tint-20:rgba(214, 162, 74, .2);--danger-tint-10:rgba(207, 90, 73, .1);--danger-tint-18:rgba(207, 90, 73, .18);--surface-glass-54:rgba(255, 255, 255, .54);--surface-glass-72:rgba(255, 255, 255, .72);--surface-glass-88:rgba(255, 255, 255, .88);--surface-elevated-92:rgba(255, 255, 255, .92);--surface-card-soft:linear-gradient(180deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .58));--surface-disabled-bg:rgba(244, 239, 230, .9);--surface-hero:linear-gradient(140deg, rgba(255, 253, 248, .98), rgba(247, 240, 225, .92));--surface-warning-hero:linear-gradient(135deg, rgba(255, 249, 238, .98), rgba(255, 241, 214, .94));--surface-panel-highlight:linear-gradient(110deg, rgba(255, 255, 255, .34), transparent 36%);--surface-panel-pattern:repeating-linear-gradient(120deg, rgba(15, 138, 112, .03) 0 8px, transparent 8px 18px);--surface-panel-border-strong:rgba(255, 255, 255, .44);--surface-page-glow:rgba(255, 255, 255, .12);--field-focus-border:rgba(15, 138, 112, .36);--field-focus-ring:0 0 0 3px var(--brand-tint-08);--warning-text:#8a5b12;--danger-text:#9d3f34;--disabled-button-text:#87948f;--button-surface:var(--surface-glass-88);--button-surface-muted:var(--surface-glass-72);--button-border:var(--line-strong);--button-hover-border:var(--card-border-available);--button-hover-offset:-2px;--card-hover-offset:-4px;--card-hover-shadow:var(--shadow-md);--card-border-available:rgba(15, 138, 112, .14);--card-shadow-soft:0 12px 24px rgba(11, 32, 29, .08);--shadow-lg:0 32px 72px rgba(11, 32, 29, .2);--shadow-md:0 16px 36px rgba(11, 32, 29, .14);--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{min-height:100vh;font-family:Avenir Next,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 8%,var(--bg-glow),transparent 18%),radial-gradient(circle at 88% 16%,var(--surface-page-glow),transparent 16%),radial-gradient(circle at 70% 82%,var(--brand-tint-08),transparent 18%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 30%,var(--bg-bottom) 100%);padding:16px}body:before,body:after{content:"";position:fixed;z-index:0;pointer-events:none;filter:blur(10px)}body:before{top:96px;left:-76px;width:240px;height:240px;border-radius:42% 58% 55% 45%;background:radial-gradient(circle,var(--accent-soft),transparent 68%)}body:after{right:-80px;bottom:110px;width:280px;height:280px;border-radius:58% 42% 40% 60%;background:radial-gradient(circle,var(--card-border-available),transparent 66%)}.page{position:relative;z-index:1;width:min(960px,100%);margin:0 auto;display:grid;gap:20px}body.auth-gate-mode{display:flex;align-items:center;justify-content:center}.page.auth-gate-mode{width:min(520px,100%);min-height:calc(100vh - 32px);align-content:center}.hero,.inapp-warning,.section{position:relative;overflow:hidden;background:var(--surface-hero);border:1px solid var(--surface-panel-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{padding:28px 24px}.inapp-warning{padding:22px 24px;background:var(--surface-warning-hero);border-color:var(--accent-tint-20)}.hero:before,.inapp-warning:before,.section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-panel-highlight),var(--surface-panel-pattern);pointer-events:none}.inapp-warning-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center}.inapp-warning-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-tint-20);color:var(--warning-text);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.inapp-warning h2{font-size:clamp(24px,4.5vw,34px);line-height:1.18;letter-spacing:-.035em;margin-bottom:10px}.inapp-warning-desc{color:var(--muted);font-size:14px;line-height:1.8}.inapp-warning-test{margin-top:12px;color:var(--warning-text);font-size:13px;line-height:1.7;font-weight:700}.inapp-warning-actions{position:relative;z-index:1;display:grid;gap:12px;justify-items:start;padding:18px;border-radius:18px;background:var(--surface-glass-72);border:1px solid var(--accent-soft);box-shadow:var(--card-shadow-soft)}.copy-feedback{color:var(--muted);font-size:13px;line-height:1.7}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,var(--brand-tint-08),var(--accent-soft));border:1px solid var(--card-border-available);color:var(--brand-deep);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}h1{font-size:clamp(34px,6vw,52px);line-height:1.05;letter-spacing:-.05em;margin-bottom:14px}.lead{color:var(--muted);font-size:15px;line-height:1.8;max-width:36rem}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--surface-glass-72);border:1px solid var(--brand-tint-08);color:var(--brand-deep);font-size:13px;font-weight:700}.recommend-card{position:relative;z-index:1;background:var(--surface-card-soft);border:1px solid var(--card-border-available);border-radius:var(--radius-lg);padding:22px 20px;box-shadow:var(--shadow-md)}.recommend-card,.auth-panel,.platform-card,.empty-state{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.recommend-card:hover,.auth-panel:hover,.platform-card:hover,.empty-state:hover{transform:translateY(var(--card-hover-offset));box-shadow:var(--card-hover-shadow)}.recommend-label{font-size:13px;color:var(--brand-deep);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.recommend-title{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-top:10px}.recommend-desc{color:var(--muted);line-height:1.7;margin-top:10px}.recommend-status{margin-top:14px;color:var(--muted);font-size:14px}.recommend-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--button-border);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:16px;cursor:pointer;background:var(--button-surface);color:var(--text);font-size:15px;font-weight:800;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.button-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.button-empty{padding:0 18px;background:var(--button-surface-muted);border:1px solid var(--card-border-available);color:var(--brand-deep);font-weight:700}.button-compact{min-height:44px;padding:0 14px;border-radius:14px;font-size:14px}.auth-section{display:grid;gap:18px}.page.auth-gate-mode .auth-section{width:100%;margin:0 auto}.auth-grid{position:relative;z-index:1;display:grid}.auth-panel{background:var(--surface-glass-72);border:1px solid var(--card-border-available);border-radius:var(--radius-md);padding:18px;box-shadow:var(--card-shadow-soft);display:grid;gap:14px}.auth-status{display:grid;gap:6px;padding:14px 16px;border-radius:16px;font-size:14px;line-height:1.7;border:1px solid var(--card-border-available);background:var(--brand-tint-08);color:var(--brand-deep)}.auth-status[data-state=ready]{background:var(--card-border-available);color:var(--brand-deep)}.auth-status[data-state=warning]{background:var(--accent-soft);border-color:var(--accent-tint-20);color:var(--warning-text)}.auth-status[data-state=error]{background:var(--danger-tint-10);border-color:var(--danger-tint-18);color:var(--danger-text)}.auth-status-title{font-size:15px;font-weight:800}.auth-form{display:grid;gap:12px}.field-label{display:grid;gap:8px;font-size:13px;font-weight:700;color:var(--brand-deep)}.field-input{width:100%;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface-elevated-92);color:var(--text);font-size:14px;transition:border-color .18s ease,box-shadow .18s ease}.field-input:focus{outline:none;border-color:var(--field-focus-border);box-shadow:var(--field-focus-ring)}.auth-actions{display:flex;flex-wrap:wrap;gap:12px}.button:hover{transform:translateY(var(--button-hover-offset));border-color:var(--button-hover-border)}.button-primary:hover{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}.button-empty:hover{background:var(--button-surface);border-color:var(--brand-tint-08);color:var(--brand-deep)}.section{padding:22px}.section-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:18px}.section-title{font-size:26px;font-weight:800;letter-spacing:-.03em}.section-copy{color:var(--muted);font-size:14px;line-height:1.7;max-width:30rem}.platform-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.platform-card{background:var(--surface-glass-72);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px;box-shadow:var(--card-shadow-soft);display:grid;gap:12px}.platform-card[data-available=false]{background:var(--surface-glass-54);border-color:var(--line)}.platform-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.platform-name{font-size:18px;font-weight:800;letter-spacing:-.02em}.platform-code{color:var(--muted);font-size:13px;line-height:1.5;margin-top:4px;word-break:break-all}.status-tag{flex-shrink:0;display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em}.status-tag[data-state=ready]{background:var(--brand-tint-08);color:var(--brand-deep)}.status-tag[data-state=pending]{background:var(--line);color:var(--muted)}.platform-desc{color:var(--muted);font-size:14px;line-height:1.7}.platform-actions{display:flex;gap:10px;flex-wrap:wrap}.button[aria-disabled=true]{cursor:not-allowed;color:var(--disabled-button-text);background:var(--surface-disabled-bg);border-color:var(--line);transform:none}.platform-note{font-size:13px;color:var(--muted)}.empty-state{position:relative;z-index:1;padding:20px;margin-bottom:18px;border-radius:var(--radius-md);background:var(--surface-glass-72);border:1px dashed var(--card-border-available);color:var(--muted);line-height:1.8}.footer-note{text-align:center;color:var(--surface-glass-88);font-size:13px;line-height:1.7;padding-bottom:12px}@media(max-width:820px){.inapp-warning-grid,.hero-grid,.auth-grid,.platform-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:start}}@media(max-width:560px){body{padding:12px}.hero,.section{border-radius:24px}.hero{padding:22px 18px}.section{padding:18px}.recommend-card,.platform-card,.auth-panel{padding:16px}.recommend-actions,.platform-actions,.auth-actions{flex-direction:column}.button{width:100%}.inapp-warning-actions{justify-items:stretch}}