/* roulang page: index */
:root{--ink:#eef3ff;--muted:#9da9c5;--bg:#080c18;--panel:#11182a;--line:#263452;--cyan:#45e0c4;--orange:#ffad5c;--max:1180px;--r:18px;--shadow:0 18px 50px #0005}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}.container{max-width:var(--max);margin:auto;padding:0 24px}header{position:sticky;top:0;z-index:5;background:#080c18e8;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}nav{height:76px;display:flex;align-items:center;gap:30px}.logo{font-size:22px;font-weight:800;color:var(--cyan);letter-spacing:1px}.navlinks{display:flex;gap:24px;margin-left:auto}.navlinks a{color:var(--muted);padding:8px 12px}.navlinks a.active,.navlinks a:hover{color:var(--ink)}.navbtn,.btn{display:inline-block;border-radius:10px;padding:11px 18px;font-weight:700;border:1px solid var(--line);transition:.25s}.navbtn,.btn.primary{background:var(--cyan);color:#061119;border-color:var(--cyan)}.btn:hover,.navbtn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #45e0c433}.hero{padding:92px 0 76px;background:radial-gradient(circle at 80% 20%,#183c4e 0,#0b1222 42%,var(--bg) 75%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.eyebrow{color:var(--orange);font-weight:bold;letter-spacing:2px}.hero h1{font-size:clamp(40px,6vw,74px);line-height:1.12;margin:18px 0}.hero p{color:var(--muted);font-size:18px;max-width:680px}.actions{display:flex;gap:14px;margin-top:28px}.score{background:linear-gradient(145deg,#17223a,#0c1323);border:1px solid var(--line);border-radius:var(--r);padding:25px;box-shadow:var(--shadow)}.score h3{margin-top:0}.rank{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;color:var(--muted)}.rank b{color:var(--ink)}section{padding:72px 0;border-bottom:1px solid #18233a}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head h2{font-size:32px;margin:0}.section-head p{color:var(--muted);max-width:650px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#45e0c477;box-shadow:var(--shadow)}.tag{display:inline-block;color:var(--cyan);background:#45e0c414;border:1px solid #45e0c44d;border-radius:99px;padding:3px 10px;font-size:13px}.card h3{margin:15px 0 8px}.card p,.list p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.list{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.num{font-size:26px;color:var(--orange);font-weight:bold}.band{background:#101a2c}.quote{font-size:20px;color:#dce5fa}.cta{text-align:center;padding:78px 20px}.cta h2{font-size:38px;margin:0 0 15px}footer{padding:34px 0;color:var(--muted);font-size:14px}.foot{display:flex;justify-content:space-between;gap:20px}.tabs{display:none}@media(max-width:768px){.navlinks,.navbtn{display:none}.hero-grid,.split{grid-template-columns:1fr}.hero{padding:60px 0}.grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:10px}.tabs{display:flex;position:fixed;bottom:0;left:0;right:0;background:#10182aeF;border-top:1px solid var(--line);z-index:8;justify-content:space-around;padding:10px}.tabs a{font-size:12px;color:var(--muted)}.tabs a.active{color:var(--cyan)}}@media(max-width:520px){.container{padding:0 17px}.grid{grid-template-columns:1fr}.hero h1{font-size:42px}.actions{flex-wrap:wrap}.foot{display:block}}

/* roulang page: category1 */
:root{--ink:#eef3ff;--muted:#9da9c5;--bg:#080c18;--panel:#11182a;--line:#263452;--cyan:#45e0c4;--orange:#ffad5c;--max:1180px;--r:18px;--shadow:0 18px 50px #0005}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}.container{max-width:var(--max);margin:auto;padding:0 24px}header{position:sticky;top:0;z-index:5;background:#080c18e8;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}nav{height:76px;display:flex;align-items:center;gap:30px}.logo{font-size:22px;font-weight:800;color:var(--cyan);letter-spacing:1px}.navlinks{display:flex;gap:24px;margin-left:auto}.navlinks a{color:var(--muted);padding:8px 12px}.navlinks a.active,.navlinks a:hover{color:var(--ink)}.navbtn,.btn{display:inline-block;border-radius:10px;padding:11px 18px;font-weight:700;border:1px solid var(--line);transition:.25s}.navbtn,.btn.primary{background:var(--cyan);color:#061119;border-color:var(--cyan)}.btn:hover,.navbtn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #45e0c433}.hero{padding:82px 0 66px;background:radial-gradient(circle at 80% 20%,#183c4e 0,#0b1222 42%,var(--bg) 75%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow{color:var(--orange);font-weight:bold;letter-spacing:2px}.hero h1{font-size:clamp(40px,6vw,68px);line-height:1.12;margin:18px 0}.hero p{color:var(--muted);font-size:18px;max-width:680px}.search{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:7px;margin-top:28px}.search input{min-width:0;flex:1;background:none;border:0;color:var(--ink);padding:10px;outline:0}.search button{border:0;border-radius:9px;background:var(--cyan);padding:0 18px;font-weight:700}.signal{background:#11182acc;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.signal strong{font-size:44px;color:var(--cyan);display:block}.signal span{color:var(--muted)}section{padding:68px 0;border-bottom:1px solid #18233a}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head h2{font-size:32px;margin:0}.section-head p{color:var(--muted);max-width:650px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#45e0c477;box-shadow:var(--shadow)}.tag{display:inline-block;color:var(--cyan);background:#45e0c414;border:1px solid #45e0c44d;border-radius:99px;padding:3px 10px;font-size:13px}.card h3{margin:15px 0 8px}.card p,.list p{color:var(--muted);margin:0}.score{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.score:last-child{border:0}.score b{font-size:19px}.score small{color:var(--orange)}.list{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.list h3{margin:0 0 4px}.cta{text-align:center;padding:78px 20px}.cta h2{font-size:38px;margin:0 0 15px}.cta p{color:var(--muted)}footer{padding:34px 0;color:var(--muted);font-size:14px}.foot{display:flex;justify-content:space-between;gap:20px}.tabs{display:none}@media(max-width:768px){.hero-grid{grid-template-columns:1fr}.navlinks,.navbtn{display:none}.hero{padding:60px 0}.grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:10px}.tabs{display:flex;position:fixed;bottom:0;left:0;right:0;background:#10182aef;border-top:1px solid var(--line);z-index:8;justify-content:space-around;padding:10px}.tabs a{font-size:12px;color:var(--muted)}.tabs a.active{color:var(--cyan)}}@media(min-width:769px){.navlinks,.navbtn{display:flex}}@media(max-width:520px){.container{padding:0 17px}.grid{grid-template-columns:1fr}.hero h1{font-size:42px}.search button{padding:0 12px}.foot{display:block}.foot div+div{margin-top:12px}}