/* roulang page: index */
:root{--bg:#080b16;--panel:#11172a;--panel2:#171f38;--line:#26304d;--text:#f4f7ff;--muted:#9da9c7;--cyan:#5ce1e6;--violet:#9b7bff;--pink:#ff668c;--radius:20px;--shadow:0 18px 50px #0006}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none;transition:.25s}img{max-width:100%;display:block}.container{max-width:1180px}
.site-header{position:sticky;top:0;z-index:20;background:#090c18eF;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.navbar{padding:17px 0}.brand{font-weight:800;font-size:20px;letter-spacing:-.5px}.brand b{color:var(--cyan)}.nav-link{color:var(--muted)!important;margin-left:18px}.nav-link:hover,.nav-link.active{color:var(--cyan)!important}.nav-btn,.btn-main{background:var(--cyan);color:#071016;border:0;border-radius:999px;padding:11px 22px;font-weight:800}.nav-btn:hover,.btn-main:hover{background:#a7ffff;transform:translateY(-2px)}.hero{min-height:620px;padding:110px 0 90px;background:linear-gradient(90deg,#080b16f5 20%,#080b1688 70%),url('/assets/images/50af179c2970a4d7.jpg') center/cover}.eyebrow,.badge-soft{display:inline-block;color:var(--cyan);border:1px solid #5ce1e655;background:#5ce1e611;padding:5px 12px;border-radius:99px;font-size:13px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.12;max-width:760px;margin:22px 0}.hero p{max-width:700px;color:#c4cce0;font-size:18px}.btn-ghost{border:1px solid var(--line);border-radius:999px;padding:11px 22px;color:var(--text);margin-left:10px}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}section{padding:82px 0;border-bottom:1px solid #202944}.section-head{margin-bottom:35px}.section-head h2{font-size:clamp(28px,4vw,44px);margin:8px 0}.section-head p{color:var(--muted);max-width:690px}.searchbar{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:var(--radius);margin-top:-38px;position:relative;box-shadow:var(--shadow)}.searchbar input{background:#080d1c;border:1px solid var(--line);color:white;border-radius:12px;padding:14px;width:100%;outline:0}.searchbar input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5ce1e622}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cardx{height:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:.3s}.cardx:hover{transform:translateY(-6px);border-color:#5ce1e688;box-shadow:var(--shadow)}.cardx h3{font-size:21px;margin:12px 0}.cardx p,.muted{color:var(--muted)}.topic{min-height:170px;background:linear-gradient(140deg,#161f3c,#101527);position:relative;overflow:hidden}.topic:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--violet);filter:blur(55px);opacity:.25;right:-30px;bottom:-35px}.media-card{padding:0;overflow:hidden}.media-card img{height:185px;width:100%;object-fit:cover}.media-card .inner{padding:21px}.list{list-style:none;padding:0;margin:0}.list li{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.list li span{color:var(--muted);font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:27px;background:var(--panel2);border-radius:16px}.stat strong{display:block;color:var(--cyan);font-size:32px}.dark-band{background:#0d1325}.quote{border-left:3px solid var(--pink);padding:22px 25px;background:var(--panel);border-radius:0 16px 16px 0;color:#d6dcef}.cta{background:linear-gradient(120deg,#17254a,#17142d);border:1px solid #6674bd66;border-radius:28px;padding:55px}.footer{padding:48px 0 28px;color:var(--muted)}.footer a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font-size:13px}
@media(max-width:992px){.grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:80px}.nav-link{margin-left:0}}
@media(max-width:576px){.grid,.stats{grid-template-columns:1fr}.hero{min-height:570px;padding:70px 0}.hero h1{font-size:43px}.hero p{font-size:16px}.btn-ghost{display:inline-block;margin:12px 0 0}.searchbar{margin-top:-25px}.list li{display:block}.list li span{display:block;margin-top:4px}.cta{padding:32px 22px}}

/* roulang page: category1 */
:root{--bg:#080b16;--panel:#11172a;--panel2:#171f38;--line:#26304d;--text:#f4f7ff;--muted:#9da9c7;--cyan:#5ce1e6;--violet:#9b7bff;--pink:#ff668c;--radius:20px;--shadow:0 18px 50px #0006}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none;transition:.25s}img{max-width:100%;display:block}.container{max-width:1180px}.site-header{position:sticky;top:0;z-index:20;background:#090c18ef;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.navbar{padding:17px 0}.brand{font-weight:800;font-size:20px;letter-spacing:-.5px}.brand b{color:var(--cyan)}.nav-link{color:var(--muted)!important;margin-left:18px}.nav-link:hover,.nav-link.active{color:var(--cyan)!important}.nav-btn,.btn-main{background:var(--cyan);color:#071016;border:0;border-radius:999px;padding:11px 22px;font-weight:800}.nav-btn:hover,.btn-main:hover{background:#a7ffff;transform:translateY(-2px)}.hero{padding:92px 0 78px;background:linear-gradient(90deg,#080b16f5 15%,#080b1690),url('/assets/images/2b472a60b0f87e8e.png') center/cover}.eyebrow,.badge-soft{display:inline-block;color:var(--cyan);border:1px solid #5ce1e655;background:#5ce1e611;padding:5px 12px;border-radius:99px;font-size:13px}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.15;max-width:790px;margin:20px 0}.hero p{max-width:720px;color:#c4cce0;font-size:18px}.btn-ghost{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:11px 22px;color:var(--text);margin-left:10px}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}section{padding:76px 0;border-bottom:1px solid #202944}.section-head{margin-bottom:30px}.section-head h2{font-size:clamp(28px,4vw,44px);margin:8px 0}.section-head p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cardx{height:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:.3s}.cardx:hover{transform:translateY(-6px);border-color:#5ce1e688;box-shadow:var(--shadow)}.cardx h3{font-size:21px;margin:12px 0}.media-card{padding:0;overflow:hidden}.media-card img{height:190px;width:100%;object-fit:cover}.media-card .inner{padding:21px}.list{list-style:none;padding:0;margin:0}.list li{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.list li span{color:var(--muted);font-size:14px}.timeline{border-left:2px solid var(--violet);padding-left:25px}.timeline article{position:relative;margin-bottom:25px}.timeline article:before{content:"";position:absolute;left:-34px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.cta{background:linear-gradient(120deg,#17254a,#17142d);border:1px solid #6674bd66;border-radius:28px;padding:50px}.footer{padding:48px 0 28px;color:var(--muted)}.footer a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:var(--panel2);border:1px solid var(--line);padding:22px;border-radius:16px}.stat strong{display:block;color:var(--cyan);font-size:30px}.stat small{color:var(--muted)}@media(max-width:992px){.grid{grid-template-columns:repeat(2,1fr)}.nav-link{margin-left:0}}@media(max-width:576px){.grid,.stats{grid-template-columns:1fr}.hero{padding:70px 0}.hero h1{font-size:43px}.hero p{font-size:16px}.btn-ghost{margin:12px 0 0}.list li{display:block}.list li span{display:block;margin-top:4px}.cta{padding:32px 22px}}

/* roulang: framework shim */
/* 覆盖 Bootstrap 等对 a/btn 的全局默认，避免导航出现下划线/蓝链 */
.site-header a,.site-header a:hover,.navbar a,.navbar a:hover,.nav-links a,.nav-links a:hover,header nav a,header nav a:hover{text-decoration:none}
.site-header .btn,.navbar .btn,.nav-cta{text-decoration:none}
