:root{--bg:#b7ff4a;--surface:#ffffff;--surface-2:#f5f5f5;--text:#111111;--muted:#525252;--line:#111111;--accent:#b7ff4a;--radius:28px;--shadow:0 14px 0 rgba(17,17,17,.04)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}html.article-page body,html.article-index body{background:#f5f6f8}a{color:inherit}.page-shell{max-width:1240px;margin:18px auto;padding:0 18px}.main-shell{background:var(--surface);border:2px solid var(--line);border-radius:36px;overflow:hidden;box-shadow:var(--shadow)}.wrap{max-width:1160px;margin:0 auto;padding:18px 28px}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:4px}.nav-links{display:flex;align-items:center;gap:12px}.nav-links a{text-decoration:none;font-size:14px;font-weight:700;padding:8px 12px;border-radius:999px}.nav-links a:hover{background:#f3f3f3}.lang-select{padding:10px 40px 10px 16px;border:2px solid var(--line);border-radius:999px;background:#fff;color:#111;appearance:none;font-weight:700;line-height:1;min-height:48px;background-image:linear-gradient(#111,#111),linear-gradient(#111,#111);background-position:calc(100% - 20px) 42%,calc(100% - 20px) 58%;background-size:12px 2px,12px 2px;background-repeat:no-repeat}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:470px;overflow:visible}.logo-mark{width:64px;height:64px;border:3px solid #111;border-radius:22px;background:#B7FF4A;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 64px}.logo-mark .p{font-size:42px;font-weight:900;line-height:1;color:#111;transform:translateY(2px)}.logo-mark .arrow{position:absolute;right:11px;top:9px;font-size:18px;font-weight:900;color:#111;line-height:1}.logo-text{display:flex;flex-direction:column;justify-content:center;gap:0}.logo-title{font-size:24px;font-weight:800;line-height:1.1;color:#111}.logo-subtitle{display:none}.hero{padding:14px 0 30px;background:linear-gradient(180deg,#fff 0,#fcfcfc 100%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}.eyebrow{display:inline-block;padding:7px 12px;border:2px solid var(--line);border-radius:999px;background:var(--accent);font-size:12px;font-weight:700}.hero h1{font-size:64px;line-height:1.02;letter-spacing:-2px;margin:18px 0 16px;max-width:680px}.hero p{max-width:640px;color:var(--muted);font-size:18px;margin:0}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:26px;flex-wrap:wrap}.button,.button-light{display:inline-block;text-decoration:none;padding:14px 20px;border-radius:999px;font-weight:800;border:2px solid var(--line);transition:transform .18s ease}.button{background:#111;color:#fff}.button-light{background:var(--accent);color:#111}.button:hover,.button-light:hover{transform:translateY(-1px)}.hero-card,.card{background:#fff;border:2px solid var(--line);border-radius:28px;overflow:hidden}.hero-card{padding:0}.hero-visual{display:grid;grid-template-columns:.96fr 1.04fr;gap:0;min-height:470px}.hero-visual .copy{padding:24px 24px 28px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}.hero-visual .copy h3{margin:8px 0 12px;font-size:28px;line-height:1.15}.hero-visual .copy p{font-size:15px;color:var(--muted)}.visual-stage{position:relative;background:#f3f4f6;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual-bg{display:none}.visual-fg{width:100%;height:100%;object-fit:contain;transform:scale(.68)}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.stat{background:#fff;border:2px solid var(--line);border-radius:22px;padding:18px;min-height:190px}.stat b{display:block;font-size:34px;line-height:1;margin-bottom:8px}.stat span{font-size:14px;color:var(--muted)}section{margin-top:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:22px}.section-title{font-size:34px;line-height:1.05;letter-spacing:-1px;margin:0 0 12px}.section-sub{margin:0 0 18px;color:var(--muted)}.tag{display:inline-block;padding:7px 12px;border:2px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:700}.article-list{display:grid;gap:14px}.article-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;border:2px solid var(--line);border-radius:22px;background:#fff;transition:transform .18s ease}.article-item:hover{transform:translateY(-1px)}.article-item h3{margin:0 0 8px;font-size:22px;line-height:1.25}.article-meta{font-size:12px;color:#4b5563;font-weight:700;display:flex;align-items:center;gap:12px}.footer{padding:36px 0 60px;color:#4b5563;font-size:14px}.article-content{max-width:860px;background:#fff;border:2px solid var(--line);border-radius:28px;padding:28px}.article-content h1{font-size:44px;line-height:1.08;margin:12px 0}.article-content h2{font-size:28px;margin-top:34px}.article-content p,.article-content li{color:#374151}.modal{position:fixed;inset:0;background:rgba(17,17,17,.56);display:none;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal.open{display:flex}.modal-card{max-width:420px;width:100%;background:#fff;border:2px solid var(--line);border-radius:30px;padding:24px;text-align:center}.modal-card img{width:240px;max-width:100%;height:auto;border-radius:18px;border:2px solid var(--line);background:#fff}.modal-card h3{margin:0 0 8px;font-size:26px}.modal-card p{margin:0 0 16px;color:#6b7280}.site-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sr-only{position:absolute;left:-9999px}@media (max-width:980px){.page-shell{margin:10px auto}.wrap{padding:16px}.hero-grid,.grid-2,.grid-3,.stats-strip,.site-map-grid{grid-template-columns:1fr}.hero h1{font-size:42px;letter-spacing:-1px}.hero-visual{grid-template-columns:1fr;min-height:auto}.nav{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap;width:100%}.logo{min-width:0}.lang-select{width:100%;max-width:240px}.button,.button-light{width:100%;text-align:center}.article-item{display:grid}.article-item h3{font-size:19px}}
@media (max-width:640px){.page-shell{padding:0 10px;margin:8px auto}.main-shell{border-radius:24px}.wrap{padding:14px}.nav{gap:14px}.logo-mark{width:56px;height:56px;flex-basis:56px}.logo-mark .p{font-size:36px}.logo-title{font-size:21px}.hero{padding:10px 0 22px}.hero h1{font-size:34px;line-height:1.08;margin:14px 0 12px}.hero-actions{gap:10px;margin-top:18px}.eyebrow{font-size:11px;padding:6px 10px}.hero-card,.card{border-radius:22px}.hero-visual .copy{padding:18px}.stats-strip{gap:10px}.stat{min-height:auto;padding:16px}.stat b{font-size:28px}.section-title{font-size:28px}.article-content{padding:20px;border-radius:22px}.article-item{padding:16px}.article-item h3{font-size:18px}.footer{padding:28px 0 44px}}