:root{--primary: #FFD200;--primary-dark: #FFB800;--primary-light: #FFF8E1;--rose: #FF4D6A;--rose-soft: #FCE4EC;--text: #1A1A1A;--text-2: #666;--text-3: #999;--bg: #F7F7F7;--surface: #FFFFFF;--divider: #E0E0E0;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--shadow: 0 4px 16px rgba(0,0,0,.06);--maxw: 1080px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--divider)}.topbar-inner{max-width:var(--maxw);margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;gap:28px}.brand{font-weight:800;font-size:20px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.brand .dot{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:inline-block}.nav{display:flex;gap:4px;margin-left:auto;height:100%}.nav a{display:flex;align-items:center;padding:0 14px;height:100%;color:var(--text-2);font-size:15px;position:relative}.nav a:hover{color:var(--text)}.nav a.active{color:var(--text);font-weight:600}.nav a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px;background:var(--primary)}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.section{padding:56px 0}.section-sm{padding:16px 0}.hero{background:linear-gradient(135deg,#fff8e1,#fff 60%);border-bottom:1px solid var(--divider)}.hero-inner{max-width:var(--maxw);margin:0 auto;padding:64px 20px;text-align:center}.hero h1{font-size:40px;line-height:1.25;margin:0 0 16px;font-weight:800}.hero h1 .hl{color:var(--rose)}.hero p{font-size:17px;color:var(--text-2);margin:0 auto 28px;max-width:640px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 28px;border-radius:var(--r-pill);font-size:16px;font-weight:700;cursor:pointer;border:none;background:var(--primary);color:var(--text);transition:transform .08s ease,box-shadow .2s ease}.btn:hover{box-shadow:0 6px 18px #ffb80059}.btn:active{transform:translateY(1px)}.btn-ghost{background:#fff;color:var(--text);border:1px solid var(--divider)}.section-title{text-align:center;font-size:26px;font-weight:800;margin:0 0 8px}.section-sub{text-align:center;color:var(--text-3);margin:0 0 36px;font-size:15px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow)}.feature .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--primary-light);font-size:24px;margin-bottom:14px}.feature h3{margin:0 0 8px;font-size:18px}.feature p{margin:0;color:var(--text-2);font-size:14px;line-height:1.7}.features-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--surface);padding:18px 20px}.feature-sm{background:transparent;border:none;border-radius:0;padding:10px 12px;display:flex;gap:12px;align-items:flex-start}.feature-sm .ico{font-size:22px;line-height:1.4;flex:0 0 auto}.feature-sm .body h3{margin:0 0 2px;font-size:15px}.feature-sm .body p{margin:0;color:var(--text-2);font-size:13px;line-height:1.5}.cta{background:var(--surface);border:none;border-radius:0;box-shadow:none;padding:28px 24px;text-align:center}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{background:var(--surface);border:1px solid var(--divider);border-radius:0;overflow:hidden;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease;display:flex;flex-direction:column}.news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.news-cover{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--primary-light),#fff);display:grid;place-items:center;font-size:40px}.news-body{padding:16px}.news-body h3{margin:0 0 8px;font-size:17px;line-height:1.4}.news-body p{margin:0;color:var(--text-2);font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-meta{margin-top:12px;color:var(--text-3);font-size:12px;display:flex;gap:10px;align-items:center}.tag-pay{background:var(--rose-soft);color:var(--rose);border-radius:var(--r-pill);padding:2px 10px;font-size:12px;font-weight:600}.article-wrap{max-width:760px;margin:0 auto;padding:32px 20px 80px}.article-wrap h1{font-size:30px;line-height:1.35;margin:0 0 12px}.article-meta{color:var(--text-3);font-size:13px;margin-bottom:24px;display:flex;gap:14px}.article-text{font-size:16px;line-height:1.9;color:var(--text);white-space:pre-wrap;word-break:break-word}.paywall{position:relative;margin-top:16px;border-radius:var(--r-lg);overflow:hidden}.paywall-fade{height:160px;margin-top:-160px;position:relative;background:linear-gradient(to bottom,rgba(247,247,247,0) 0%,rgba(247,247,247,.85) 45%,var(--bg) 100%)}.paywall-box{background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);padding:28px 24px;text-align:center;box-shadow:var(--shadow);margin-top:8px}.paywall-box .lock{font-size:34px}.paywall-box h3{margin:10px 0 4px;font-size:18px}.paywall-box p{margin:0 0 16px;color:var(--text-2);font-size:14px}.qr{width:160px;height:160px;margin:0 auto 14px;border-radius:var(--r-md);border:1px solid var(--divider);object-fit:cover;background:#fff}.qr-ph{width:160px;height:160px;margin:0 auto 14px;border-radius:var(--r-md);border:1px dashed var(--divider);display:grid;place-items:center;color:var(--text-3);font-size:13px;padding:16px}.unlock-row{display:flex;gap:8px;justify-content:center;max-width:320px;margin:0 auto}.input{flex:1;height:42px;border:1px solid var(--divider);border-radius:var(--r-sm);padding:0 14px;font-size:15px;outline:none}.input:focus{border-color:var(--primary)}.unlock-msg{margin-top:12px;font-size:13px}.unlock-msg.ok{color:#2e7d32}.unlock-msg.err{color:var(--rose)}.prose{background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);padding:28px;font-size:16px;line-height:1.9;white-space:pre-wrap}.contact-card{display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);padding:28px}.footer{margin-top:40px;border-top:1px solid var(--divider);background:#fff}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:36px 20px;text-align:center}.footer-nav{display:flex;gap:24px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.footer-nav a{color:var(--text-2);font-size:15px}.footer-nav a:hover{color:var(--text)}.footer-nav a.active{color:var(--rose);font-weight:600}.icp{color:var(--text-3);font-size:13px}@media (max-width: 860px){.grid-3,.news-grid,.grid-2{grid-template-columns:1fr}.features-compact{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:30px}.nav a{padding:0 10px;font-size:14px}.topbar-inner{gap:14px}}@media (max-width: 540px){.features-compact{grid-template-columns:1fr}}.loading,.empty{text-align:center;color:var(--text-3);padding:60px 0}
