:root{--primary:#168FC4;--primary-2:#32B8D8;--primary-light:#AEE4F2;--primary-soft:#E4F5FA;--purple:#6E68B7;--purple-soft:#EFEEFA;--navy:#12364C;--navy-2:#0B2637;--navy-3:#071C29;--bg:#F4F9FB;--bg-2:#EAF3F7;--bg-3:#FAFDFE;--surface:#fff;--text:#152D3A;--text-2:#526B78;--line:rgba(22,143,196,.10);--shadow:0 6px 24px rgba(14,74,103,.08);--shadow-hover:0 16px 38px rgba(14,74,103,.14);--radius:10px;--radius-card:14px;--radius-large:20px;--wrap:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--wrap),calc(100% - 32px));margin:auto}.topbar{background:var(--navy);color:#fff;font-size:13px;padding:4px 0}.site-header{position:sticky;top:0;z-index:20;background:rgba(244,249,251,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.site-header.scrolled{background:rgba(255,255,255,.97)}.nav-row{height:68px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:8px;font-size:20px;color:var(--navy)}.brand img{width:34px;height:34px;object-fit:contain}.desktop-nav{display:flex;gap:18px;flex:1}.desktop-nav a,.nav-actions a{color:var(--text-2);font-size:14px}.desktop-nav a.active{color:var(--primary);position:relative}.desktop-nav a.active:after{content:"";position:absolute;left:20%;right:20%;bottom:-20px;height:2px;background:var(--primary-2)}.nav-actions{display:flex;align-items:center;gap:14px}.menu-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px}.drawer{background:#fff;border-top:1px solid var(--line);box-shadow:var(--shadow)}.drawer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:18px 0}.drawer-grid a{padding:10px;border-radius:8px;background:var(--bg-3)}.home-hero,.page-hero{background:linear-gradient(135deg,#F4F9FB 0%,#EAF3F7 60%,#E5EFF4 100%);padding:72px 0}.hero-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:48px;align-items:center}.hero-grid h1{font-size:clamp(36px,5vw,68px);line-height:1.12;margin:12px 0;color:var(--navy)}.page-hero h1{font-size:clamp(34px,4vw,54px)}.hero-grid p{font-size:18px;color:var(--text-2);max-width:760px}.eyebrow{color:var(--primary);font-weight:700;letter-spacing:.08em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;background:var(--primary);color:#fff;padding:11px 18px;border-radius:10px}.btn.alt{background:var(--navy)}.search-box{display:flex;margin-top:24px;max-width:680px}.search-box input{flex:1;padding:14px 16px;border:1px solid var(--line);border-radius:10px 0 0 10px}.search-box button{border:0;background:var(--navy);color:#fff;padding:0 18px;border-radius:0 10px 10px 0}.section{padding:58px 0}.section:nth-of-type(even){background:rgba(255,255,255,.52)}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.section-head h2{font-size:30px;margin:0;color:var(--navy)}.section-head p{max-width:720px;color:var(--text-2);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:22px;box-shadow:var(--shadow);transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card h3{margin-top:0;color:var(--navy)}.card small{display:block;color:var(--primary);margin:10px 0}.text-link{color:var(--primary);font-weight:650}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.timeline div{background:var(--navy);color:#fff;padding:16px;border-radius:12px}.rank-list{display:grid;gap:10px}.rank-item{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;background:#fff;padding:14px 16px;border-radius:12px;border:1px solid var(--line)}.rank{font-size:22px;font-weight:800;color:var(--primary)}.tag-wall{display:flex;gap:10px;flex-wrap:wrap}.tag{background:#fff;border:1px solid var(--primary-light);padding:8px 12px;border-radius:999px}.feature-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:18px}.feature-grid article{min-height:210px}.dark-section{background:var(--navy)!important;color:#fff}.dark-section h2,.dark-section h3{color:#fff}.dark-section p{color:rgba(255,255,255,.75)}footer{background:linear-gradient(135deg,#12364C,#071C29);color:rgba(255,255,255,.72);border-top:1px solid rgba(50,184,216,.22);padding:52px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:28px}.footer-grid h3,.footer-grid strong{color:#fff}.footer-grid a{display:block;margin:7px 0}.footer-grid a:hover{color:var(--primary-light)}.copyright{padding-top:20px;margin-top:24px;border-top:1px solid rgba(255,255,255,.12)}.mobile-nav{display:none}#toTop{position:fixed;right:20px;bottom:20px;border:0;background:var(--navy);color:#fff;width:42px;height:42px;border-radius:50%;display:none}.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin:10px 0}.faq-q{width:100%;text-align:left;border:0;background:transparent;padding:16px;font-weight:700}.faq-a{padding:0 16px 16px;color:var(--text-2)}@media(max-width:1024px){.desktop-nav{display:none}.hero-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr 1fr}.drawer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){body{padding-bottom:62px}.nav-actions a{display:none}.cards,.feature-grid,.footer-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.section-head{display:block}.home-hero,.page-hero{padding:46px 0}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:30}.mobile-nav a{text-align:center;padding:11px 4px;font-size:13px}.drawer-grid{grid-template-columns:1fr 1fr}.rank-item{grid-template-columns:38px 1fr}.rank-item small{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}