/* roulang page: index */
:root{
--v1:#c9a227;
--v2:#111318;
--v3:#faf8f3;
--v4:#1d2026;
--v5:#6c707a;
--v6:#e6e1d6;
--v7:14px;
--v8:0 14px 34px rgba(17,19,24,.08);
--v9:clamp(30px,6vw,58px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--v3);color:var(--v4);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure,blockquote{margin:0}
ul,ol{list-style:none;margin:0;padding:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
.inxlka-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}
.inxlka-head{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;background:rgba(15,17,21,.96);border-bottom:1px solid rgba(201,162,39,.26);backdrop-filter:blur(8px)}
.inxlka-logo{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#fff;font-size:17px;font-weight:800;letter-spacing:.5px}
.inxlka-logo-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#e6c764,#b28a16);color:#15171c;font-size:17px;font-weight:900}
.inxlka-nav{display:flex;gap:4px;width:100%;overflow-x:auto;scrollbar-width:none}
.inxlka-nav::-webkit-scrollbar{display:none}
.inxlka-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:9px;color:#d8d3c6;font-size:14px;white-space:nowrap;transition:color .2s,background .2s}
.inxlka-nav a:hover,.inxlka-nav a:focus-visible{color:#f2d888;background:rgba(201,162,39,.12)}
.inxlka-hero{position:relative;padding:48px 0 40px;color:#fff;background:linear-gradient(95deg,rgba(10,11,14,.94),rgba(10,11,14,.7)),url("/assets/images/backpic/back-1.webp") center/cover no-repeat}
.inxlka-hero-grid{display:grid;gap:28px}
.inxlka-kicker{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid rgba(201,162,39,.55);border-radius:999px;color:#f0cf7a;font-size:12px;letter-spacing:2px}
.inxlka-hero h1{margin-top:14px;font-size:clamp(29px,7vw,50px);line-height:1.18;font-weight:900;letter-spacing:-.5px}
.inxlka-hl{color:#f0cf7a}
.inxlka-hero-sub{margin-top:12px;color:#eee8da;font-size:17px;font-weight:600}
.inxlka-hero-text{margin-top:12px;max-width:62ch;color:#c8c3b7;font-size:14.5px}
.inxlka-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.inxlka-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;font-size:14.5px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,color .18s}
.inxlka-btn-gold{background:linear-gradient(145deg,#e6c764,#b78f16);color:#14161b;box-shadow:0 10px 24px rgba(201,162,39,.28)}
.inxlka-btn-gold:hover,.inxlka-btn-gold:focus-visible{transform:translateY(-2px);box-shadow:0 14px 28px rgba(201,162,39,.36)}
.inxlka-btn-line{border:1px solid rgba(240,207,122,.65);color:#f0cf7a}
.inxlka-btn-line:hover,.inxlka-btn-line:focus-visible{background:rgba(240,207,122,.12);transform:translateY(-2px)}
.inxlka-club{padding:22px;border:1px solid rgba(201,162,39,.42);border-radius:var(--v7);background:linear-gradient(160deg,rgba(201,162,39,.16),rgba(255,255,255,.04));box-shadow:0 20px 44px rgba(0,0,0,.32)}
.inxlka-club-label{color:#c8c2b4;font-size:12px;letter-spacing:2px}
.inxlka-club-badge{display:grid;place-items:center;width:78px;height:78px;margin:14px 0 10px;border:2px solid #e3c36a;border-radius:50%;color:#f0cf7a;font-size:22px;font-weight:900;letter-spacing:2px}
.inxlka-club-name{font-size:19px;font-weight:800;color:#fff}
.inxlka-club-desc{margin-top:4px;color:#c6c0b3;font-size:13.5px}
.inxlka-club-list{margin-top:14px;display:grid;gap:7px}
.inxlka-club-list li{position:relative;padding-left:16px;color:#ded8c9;font-size:13.5px}
.inxlka-club-list li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#e3c36a}
.inxlka-club-link{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;color:#f0cf7a;font-size:14px;font-weight:700;border-bottom:1px solid rgba(240,207,122,.45)}
.inxlka-sec{padding:var(--v9) 0;border-bottom:1px solid var(--v6)}
.inxlka-sec-soft{background:#f4f0e7}
.inxlka-sec-head{max-width:790px;margin-bottom:22px}
.inxlka-eyebrow{color:var(--v1);font-size:12px;font-weight:800;letter-spacing:2px}
.inxlka-sec h2{margin:6px 0 8px;font-size:clamp(22px,4.8vw,32px);line-height:1.3;font-weight:900;letter-spacing:-.3px}
.inxlka-sec-desc{color:var(--v5);font-size:14.5px}
.inxlka-kpi{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.inxlka-kpi li{padding:16px;border:1px solid var(--v6);border-radius:var(--v7);background:#fff;box-shadow:var(--v8)}
.inxlka-kpi b{display:block;color:var(--v2);font-size:16px}
.inxlka-kpi p{margin-top:3px;color:var(--v5);font-size:13px}
.inxlka-feats{display:grid;gap:12px}
.inxlka-feats li{padding:18px;border:1px solid var(--v6);border-radius:var(--v7);background:#fff;box-shadow:var(--v8)}
.inxlka-feats b{display:block;font-size:16px;color:var(--v2)}
.inxlka-feats p{margin-top:5px;color:var(--v5);font-size:14px}
.inxlka-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.inxlka-card{overflow:hidden;border:1px solid var(--v6);border-radius:var(--v7);background:#fff;box-shadow:var(--v8);transition:transform .2s,box-shadow .2s}
.inxlka-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(17,19,24,.13)}
.inxlka-thumb{position:relative;aspect-ratio:3/4;overflow:hidden;background:#e9e4d8}
.inxlka-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.inxlka-card:hover .inxlka-thumb img{transform:scale(1.04)}
.inxlka-badge{position:absolute;left:8px;top:8px;padding:3px 8px;border:1px solid rgba(201,162,39,.45);border-radius:999px;background:rgba(15,17,21,.84);color:#f0cf7a;font-size:11px}
.inxlka-card h3{padding:11px 12px 0;font-size:15.5px;line-height:1.4}
.inxlka-card p{padding:4px 12px 0;color:var(--v5);font-size:13px;line-height:1.6}
.inxlka-card .inxlka-meta{padding:8px 12px 13px;color:#9a7712;font-size:12px;font-weight:700}
.inxlka-cats{display:grid;gap:12px}
.inxlka-cats li{padding:14px 16px;border-left:3px solid var(--v1);border-radius:0 var(--v7) var(--v7) 0;background:#fff;box-shadow:var(--v8)}
.inxlka-cats b{display:block;font-size:15.5px}
.inxlka-cats p{margin-top:3px;color:var(--v5);font-size:13.5px}
.inxlka-table-wrap{overflow-x:auto;border-radius:var(--v7);box-shadow:var(--v8)}
.inxlka-table{width:100%;border-collapse:collapse;background:#fff;font-size:13.5px}
.inxlka-table th,.inxlka-table td{padding:12px 13px;text-align:left;vertical-align:top;border-bottom:1px solid var(--v6)}
.inxlka-table th{background:#f2eee4;color:#5e6169;font-size:12.5px;letter-spacing:.5px}
.inxlka-table td:first-child{width:24%;color:var(--v2);font-weight:700}
.inxlka-table tr:last-child td{border-bottom:0}
.inxlka-rank{display:grid;gap:8px;max-width:900px}
.inxlka-rank li{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border:1px solid var(--v6);border-radius:10px;background:#fff;box-shadow:0 6px 16px rgba(17,19,24,.05)}
.inxlka-rank em{display:inline-block;margin-left:6px;padding:1px 6px;border:1px solid var(--v6);border-radius:5px;color:var(--v5);font-size:11px;font-style:normal}
.inxlka-rank-num{color:var(--v1);font-size:15px;font-weight:900;text-align:center}
.inxlka-rank-name{font-size:14.5px;font-weight:700}
.inxlka-rank-hot{color:var(--v5);font-size:12px;white-space:nowrap}
.inxlka-topics{display:grid;gap:14px}
.inxlka-topic{padding:20px;border:1px solid rgba(201,162,39,.3);border-radius:var(--v7);background:linear-gradient(150deg,#15171c,#252830);color:#efe9db;box-shadow:var(--v8)}
.inxlka-topic h3{color:#f0cf7a;font-size:18px}
.inxlka-topic p{margin-top:7px;color:#c4bfb3;font-size:13.5px}
.inxlka-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.inxlka-tags span{padding:2px 9px;border:1px solid rgba(240,207,122,.36);border-radius:999px;color:#e7d49d;font-size:11.5px}
.inxlka-line{display:grid;gap:14px;max-width:840px}
.inxlka-line li{position:relative;padding-left:22px}
.inxlka-line li::before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--v1);box-shadow:0 0 0 4px rgba(201,162,39,.14)}
.inxlka-line b{display:block;font-size:15.5px}
.inxlka-line p{margin-top:2px;color:var(--v5);font-size:14px}
.inxlka-tiers{display:grid;gap:14px}
.inxlka-tier{position:relative;padding:20px;border:1px solid var(--v6);border-radius:var(--v7);background:#fff;box-shadow:var(--v8)}
.inxlka-tier-pick{border-color:rgba(201,162,39,.75);background:linear-gradient(180deg,#fffdf5,#fff)}
.inxlka-tier-flag{position:absolute;right:14px;top:14px;padding:2px 9px;border-radius:999px;background:#f0cf7a;color:#17191e;font-size:11px;font-weight:800}
.inxlka-tier h3{font-size:17px}
.inxlka-tier ul{margin-top:12px;display:grid;gap:6px}
.inxlka-tier li{position:relative;padding-left:15px;color:var(--v5);font-size:13.5px}
.inxlka-tier li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--v1)}
.inxlka-news{display:grid;gap:0;max-width:900px}
.inxlka-news li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:12px 0;border-bottom:1px dashed var(--v6)}
.inxlka-news li:last-child{border-bottom:0}
.inxlka-news a{font-size:14.5px}
.inxlka-news a:hover,.inxlka-news a:focus-visible{color:#9a7712}
.inxlka-news time{color:#9a7712;font-size:12px;white-space:nowrap}
.inxlka-guard{display:grid;gap:12px}
.inxlka-guard li{padding:18px;border:1px solid var(--v6);border-radius:var(--v7);background:#fff;box-shadow:var(--v8)}
.inxlka-guard b{display:block;font-size:15.5px}
.inxlka-guard p{margin-top:4px;color:var(--v5);font-size:13.5px}
.inxlka-voice{display:grid;gap:14px}
.inxlka-voice blockquote{padding:18px;border-left:3px solid var(--v1);border-radius:0 var(--v7) var(--v7) 0;background:#fff;box-shadow:var(--v8);font-size:14px;color:#3c4048}
.inxlka-voice cite{display:block;margin-top:10px;color:#9a7712;font-size:12.5px;font-style:normal}
.inxlka-faq{display:grid;gap:0;max-width:900px}
.inxlka-faq details{border-bottom:1px solid var(--v6)}
.inxlka-faq summary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:12px 0;cursor:pointer;font-size:15px;font-weight:700;list-style:none}
.inxlka-faq summary::-webkit-details-marker{display:none}
.inxlka-faq summary::after{content:"+";color:var(--v1);font-size:20px;line-height:1}
.inxlka-faq details[open] summary::after{content:"−"}
.inxlka-faq p{padding:0 0 14px;color:var(--v5);font-size:14px}
.inxlka-cta{padding:34px 20px;border:1px solid rgba(201,162,39,.35);border-radius:var(--v7);background:linear-gradient(120deg,#101217,#1c1f26);color:#fff;text-align:center;box-shadow:0 20px 44px rgba(17,19,24,.18)}
.inxlka-cta h2{color:#fff;margin-bottom:10px}
.inxlka-cta p{max-width:640px;margin:0 auto;color:#cfc9bb;font-size:14.5px}
.inxlka-cta .inxlka-actions{justify-content:center}
.inxlka-foot{padding:36px 0 20px;background:#0f1115;color:#c9c4b8}
.inxlka-foot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.inxlka-foot h3{margin-bottom:8px;color:#f0cf7a;font-size:13px;letter-spacing:1px}
.inxlka-foot p{font-size:13px;color:#a9a498}
.inxlka-foot-link{display:inline-flex;align-items:center;min-height:44px;color:#c9c4b8;font-size:13.5px}
.inxlka-foot-link:hover,.inxlka-foot-link:focus-visible{color:#f0cf7a}
.inxlka-copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);color:#8f8b82;font-size:12.5px}
a:focus-visible,summary:focus-visible{outline:2px solid #e3c36a;outline-offset:2px}
@media (min-width:520px){
.inxlka-hero{padding:58px 0 48px}
.inxlka-feats{grid-template-columns:repeat(2,1fr)}
.inxlka-guard{grid-template-columns:repeat(2,1fr)}
.inxlka-cta{padding:42px 28px}
}
@media (min-width:768px){
.inxlka-head{flex-wrap:nowrap;padding:12px 24px}
.inxlka-logo{font-size:18px}
.inxlka-nav{width:auto;margin-left:auto;margin-top:0}
.inxlka-wrap{padding:0 24px}
.inxlka-kpi{grid-template-columns:repeat(4,1fr)}
.inxlka-grid{grid-template-columns:repeat(3,1fr)}
.inxlka-cats{grid-template-columns:repeat(3,1fr)}
.inxlka-topics{grid-template-columns:repeat(3,1fr)}
.inxlka-tiers{grid-template-columns:repeat(3,1fr)}
.inxlka-voice{grid-template-columns:repeat(3,1fr)}
.inxlka-foot-grid{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:1024px){
.inxlka-hero{padding:76px 0 64px}
.inxlka-hero-grid{grid-template-columns:1.35fr .75fr;align-items:center;gap:40px}
.inxlka-grid{grid-template-columns:repeat(4,1fr)}
.inxlka-feats{grid-template-columns:repeat(3,1fr)}
.inxlka-sec-head{margin-bottom:26px}
.inxlka-table th,.inxlka-table td{padding:14px 16px}
}