:root{--font-sans:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Menlo", "Monaco", "Courier New", monospace;--canvas:#fff;--surface:#f8fafc;--surface-strong:#e0e2e6;--surface-dark:#181d26;--surface-dark-elevated:#1d1f25;--ink:#181d26;--body:#333840;--muted:#41454d;--hairline:#ddd;--primary:#181d26;--primary-active:#0d1218;--teal:#a8d8c4;--amber:#d9a441;--success:#006400;--error:#aa2d00;--shadow:0 20px 52px #181d260f;--signature-coral:#aa2d00;--signature-forest:#0a2e0e;--signature-cream:#f5e9d4;--signature-peach:#fcab79;--duration-fast:.18s;--duration-medium:.42s;--ease-refined:cubic-bezier(.2, .72, .16, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;overflow-x:hidden}body{background:linear-gradient(180deg, #f8fafce6, #fff 18%), var(--canvas);color:var(--ink);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-medium) var(--ease-refined);line-height:1.5}main{animation:page-enter var(--duration-medium) var(--ease-refined);transform-origin:top}html.route-transitioning main{opacity:0;transition:opacity var(--duration-fast) ease, transform var(--duration-fast) var(--ease-refined);transform:translateY(10px)scale(.995)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}input,select,textarea{border:1px solid var(--hairline);width:100%;color:var(--ink);background:#ffffffc7;border-radius:16px;padding:.9rem 1rem}textarea{resize:vertical;min-height:10rem}.app-frame{width:min(1200px,100vw - 32px);margin:0 auto;padding:24px 0 56px}.site-header,.site-footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #ddddddeb;border-radius:14px;margin-bottom:32px;padding:18px 22px;position:sticky;top:0}.site-footer{border-top:1px solid var(--hairline);color:var(--muted);align-items:flex-start;margin-top:48px;padding:24px}.brand-block{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--signature-coral), #d56f4b);width:16px;height:16px;box-shadow:none;border-radius:5px}.brand-name{letter-spacing:-.02em;font-size:1.04rem;font-weight:500}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.site-nav{flex-wrap:wrap;gap:10px;display:flex}.header-auth{align-items:center;gap:12px;display:flex}.nav-link{color:var(--muted);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) ease;border-radius:999px;padding:.55rem .85rem}.nav-link:hover,.nav-link-active{color:var(--ink);background:#e0e2e69e}.nav-link:hover{transform:translateY(-1px)}.page-stack{gap:24px;display:grid}.hero{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:24px;display:grid}.hero-card,.card{box-shadow:var(--shadow);transition:transform var(--duration-fast) var(--ease-refined), box-shadow var(--duration-fast) ease, border-color var(--duration-fast) ease;background:#fffffffa;border:1px solid #ddddddf2;border-radius:14px}.hero-card{padding:42px}.dark-card{color:var(--canvas);background:linear-gradient(#1d1f25,#181d26);border-color:#181d262e}.hero-copy h1,.section-header h2,.empty-state h3,.report-heading{letter-spacing:-.045em;font-size:clamp(2.15rem,4.5vw,4rem);font-weight:500;line-height:1.04}.hero-copy p,.body-copy{color:var(--body);max-width:62ch;font-size:1rem}.hero-copy{gap:20px;display:grid}.hero-actions,.form-actions,.checkout-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.auth-segment{flex-wrap:wrap;gap:14px;display:flex}.auth-segment .button{flex:none}.button{min-height:46px;transition:transform var(--duration-fast) ease, background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:999px;justify-content:center;align-items:center;padding:0 1.15rem;font-weight:500;display:inline-flex}.button:hover{transform:translateY(-1px)scale(.998);box-shadow:0 10px 24px #181d261a}.button:active{transform:translateY(0)scale(.988)}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-active)}.button-secondary{color:var(--ink);background:#fff;border:1px solid #9297a0b3}.button-compact{min-height:40px;padding:0 1rem}.hero-panel{gap:18px;padding:28px;display:grid}.metric-grid,.feature-grid,.three-grid,.report-grid,.stats-grid{gap:16px;display:grid}.metric-grid,.feature-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.feature-card,.mini-card,.section-card,.result-card,.list-card{padding:24px}.metric-card:hover,.feature-card:hover,.mini-card:hover,.result-card:hover,.list-card:hover{border-color:#9297a0b3;transform:translateY(-2px);box-shadow:0 18px 44px #181d2614}.metric-card p:first-child,.list-title,.footer-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.reference-note{color:var(--muted);font-size:.74rem}.metric-value{margin-top:10px;font-size:2rem;line-height:1}.section-card,.form-card,.result-card,.ask-card,.ask-answer-card{padding:28px}.ask-answer-card{gap:20px;display:grid}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.section-header h2,.section-header h3{letter-spacing:-.04em;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.03}.section-subtitle{max-width:56ch;color:var(--body)}.field{gap:10px;display:grid}.field-stack,.form-stack{gap:14px;display:grid}.field-stack span,.field span{color:var(--body);font-size:.95rem}.checkbox-field{align-items:center;gap:10px;display:flex}.checkbox-field input{width:18px;height:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.inline-note,.form-success,.form-error,.status-badge,.pill-note{font-size:.9rem}.inline-note,.status-badge{color:var(--muted)}.form-success{color:var(--success)}.form-error{color:var(--error)}.status-badge,.pill-note{background:#f8fafc;border:1px solid #ddddddf2;border-radius:999px;align-items:center;gap:8px;padding:.45rem .8rem;display:inline-flex}.pill-note{color:var(--ink)}.report-summary{gap:18px;display:grid}.pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.pillar-card{background:#f8fafce6;border:1px solid #ddddddf2;border-radius:12px;padding:18px}.pillar-card strong{margin:8px 0;font-size:1.5rem;display:block}.report-grid{margin-top:8px}.answer-hero{border-bottom:1px solid #ddddddf2;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.answer-hero-copy{gap:10px;min-width:0;display:grid}.answer-kicker{letter-spacing:.08em}.answer-conclusion{letter-spacing:-.07em;text-wrap:balance;max-width:11ch;font-size:clamp(2.5rem,4.8vw,4.6rem);font-weight:500;line-height:.98}.answer-quota{background:linear-gradient(#f8fafc,#f0f2f6f2);border:1px solid #ddddddf2;border-radius:14px;flex-shrink:0;gap:8px;min-width:164px;padding:18px 22px;display:grid}.answer-quota-label{color:var(--muted);letter-spacing:.04em;font-size:.92rem}.answer-quota strong{color:var(--ink);font-size:2rem;font-weight:500;line-height:.95}.result-card ul,.list-card ul,.list-block ul{gap:10px;margin-top:14px;padding-left:18px;display:grid}.result-card p,.feature-card p,.mini-card p,.list-block span{color:var(--body)}.ask-layout{grid-template-columns:1.05fr .95fr;gap:24px;display:grid}.empty-state{place-content:center;gap:12px;min-height:100%;display:grid}.empty-state p:last-child{color:var(--muted)}.admin-grid{grid-template-columns:1.1fr .9fr;gap:24px;display:grid}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--hairline);vertical-align:top;padding:14px 0}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:500}.mono{font-family:var(--font-mono), monospace}.notice{color:var(--body);background:#f5e9d48c;border:1px solid #aa2d002e;border-radius:12px;padding:18px 20px}.upgrade-panel{background:linear-gradient(135deg,#f5e9d4ad,#fcab7933),#ffffffeb;border:1px solid #aa2d0029;border-radius:16px;gap:16px;padding:20px;display:grid}.upgrade-panel h4{letter-spacing:-.03em;margin-top:4px;font-size:1.28rem;font-weight:500;line-height:1.08}.upgrade-panel p:last-child{color:var(--body);margin-top:8px}.locked-preview,.locked-explanation{background:#ffffffb8;border:1px dashed #aa2d0033;border-radius:14px;gap:12px;padding:16px;display:grid}.locked-line{background:linear-gradient(90deg,#181d2614,#181d2629,#181d2614);border-radius:999px;height:10px}.locked-line.short{width:68%}.locked-pill-grid{flex-wrap:wrap;gap:10px;display:flex}.locked-pill-grid span{color:var(--muted);background:#181d260f;border-radius:999px;padding:8px 12px;font-size:.9rem}.footer-links{flex-wrap:wrap;gap:14px;display:flex}.footer-links a{color:var(--ink)}.legal-hero{gap:16px}.legal-stack{gap:28px;display:grid}.legal-section{border-bottom:1px solid #ddddddf2;gap:12px;padding-bottom:24px;display:grid}.legal-section:last-child{border-bottom:0;padding-bottom:0}.legal-section h3{letter-spacing:-.03em;color:var(--ink);font-size:1.2rem;font-weight:600;line-height:1.1}.legal-copy{gap:12px;max-width:74ch;display:grid}.legal-copy p{color:var(--body)}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)scale(.996)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:980px){.hero,.ask-layout,.admin-grid{grid-template-columns:1fr}.answer-hero{flex-direction:column}.answer-quota{width:100%;min-width:0;max-width:220px}.metric-grid,.feature-grid,.report-grid,.stats-grid,.pillar-grid,.three-grid,.form-grid{grid-template-columns:1fr}.site-header,.site-footer{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.answer-conclusion{max-width:none;font-size:clamp(2.1rem,10vw,3.4rem);line-height:.98}.app-frame{width:min(100vw - 20px,1200px);padding-top:14px}.hero-card,.section-card,.ask-card,.ask-answer-card,.result-card{padding:22px}.site-header{border-radius:22px;padding:16px}}