/* roulang page: index */
:root{
      --bg:#090b0d;
      --bg-2:#101317;
      --panel:#151a1f;
      --panel-2:#1b2128;
      --card:#12171c;
      --line:rgba(220,255,238,.14);
      --line-strong:rgba(158,255,63,.38);
      --text:#f3f7f5;
      --muted:#a7b2ad;
      --muted-2:#738078;
      --green:#9eff3f;
      --green-2:#62d828;
      --purple:#b36bff;
      --amber:#ffbd4a;
      --red:#ff5277;
      --shadow:0 24px 70px rgba(0,0,0,.35);
      --shadow-soft:0 14px 36px rgba(0,0,0,.22);
      --radius-lg:24px;
      --radius:18px;
      --radius-sm:12px;
      --container:1180px;
      --ease:all .22s ease;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      min-height:100vh;
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
      color:var(--text);
      line-height:1.72;
      background:
        radial-gradient(circle at 18% 6%, rgba(158,255,63,.18), transparent 31%),
        radial-gradient(circle at 85% 14%, rgba(179,107,255,.18), transparent 28%),
        linear-gradient(180deg,#07090b 0%,#0a0d10 42%,#0d1115 100%);
      overflow-x:hidden;
    }
    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:-1;
      background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(120deg, transparent 0 48%, rgba(158,255,63,.045) 49%, transparent 50% 100%);
      background-size:44px 44px,44px 44px,180px 180px;
      mask-image:linear-gradient(to bottom, rgba(0,0,0,.86), rgba(0,0,0,.22));
    }
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;height:auto}
    button,input{font:inherit}
    button{border:0;cursor:pointer}
    .container{width:min(var(--container), calc(100% - 40px));margin:0 auto}
    .site-header{
      position:sticky;top:0;z-index:50;
      background:rgba(9,11,13,.82);
      backdrop-filter:blur(18px);
      border-bottom:1px solid var(--line);
    }
    .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
    .brand{display:flex;align-items:center;gap:12px;min-width:0;font-weight:900;letter-spacing:.2px}
    .brand-mark{
      width:42px;height:42px;border-radius:14px;
      display:grid;place-items:center;
      color:#081006;font-weight:1000;
      background:linear-gradient(135deg,var(--green),#d8ff8f);
      box-shadow:0 0 0 6px rgba(158,255,63,.08),0 0 30px rgba(158,255,63,.22);
    }
    .brand-text{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}
    .brand-text strong{font-size:15px;color:#fff}
    .brand-text span{font-size:12px;color:var(--muted);font-weight:700}
    .nav-links{display:flex;align-items:center;gap:8px;list-style:none}
    .nav-links a{
      display:inline-flex;align-items:center;justify-content:center;
      min-height:38px;padding:0 15px;border-radius:999px;
      color:var(--muted);font-weight:800;font-size:14px;
      border:1px solid transparent;transition:var(--ease);
    }
    .nav-links a:hover,.nav-links a:focus{color:var(--text);border-color:var(--line);background:rgba(255,255,255,.05);outline:none}
    .nav-links a.active{color:#0b1208;background:var(--green);box-shadow:0 10px 25px rgba(158,255,63,.18)}
    .nav-cta{display:flex;align-items:center;gap:10px}
    .menu-toggle{display:none;width:42px;height:42px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--text)}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      min-height:44px;padding:0 18px;border-radius:999px;
      font-weight:900;letter-spacing:.2px;
      transition:var(--ease);border:1px solid transparent;
    }
    .btn-primary{background:var(--green);color:#071006;box-shadow:0 14px 34px rgba(158,255,63,.18)}
    .btn-primary:hover,.btn-primary:focus{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 42px rgba(158,255,63,.28);outline:none}
    .btn-secondary{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--line)}
    .btn-secondary:hover,.btn-secondary:focus{background:rgba(158,255,63,.08);border-color:var(--line-strong);outline:none}
    .btn-mini{min-height:36px;padding:0 14px;font-size:13px}
    main{overflow:hidden}
    .hero{position:relative;padding:72px 0 34px}
    .hero-shell{
      position:relative;border:1px solid var(--line);
      border-radius:30px;overflow:hidden;background:linear-gradient(135deg, rgba(18,23,28,.94), rgba(10,13,16,.82));
      box-shadow:var(--shadow);
    }
    .hero-shell::before{
      content:"";position:absolute;inset:0;
      background:
        linear-gradient(90deg,rgba(9,11,13,.92) 0%,rgba(9,11,13,.76) 45%,rgba(9,11,13,.34) 100%),
        url('/assets/images/backpic/back-1.webp') center/cover no-repeat;
      opacity:.86;
    }
    .hero-content{position:relative;z-index:1;padding:62px;display:grid;grid-template-columns:1.08fr .92fr;gap:38px;align-items:end;min-height:520px}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:999px;background:rgba(158,255,63,.10);border:1px solid rgba(158,255,63,.28);color:#d7ffbd;font-weight:900;font-size:13px;margin-bottom:20px}
    .eyebrow::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 18px var(--green)}
    h1{font-size:clamp(38px,6vw,72px);line-height:1.02;letter-spacing:-2.6px;margin-bottom:22px;max-width:760px}
    .hero-lead{font-size:18px;color:#d4ddd7;max-width:720px;line-height:1.85;margin-bottom:28px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
    .hero-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px}
    .hero-meta span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
    .score-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;gap:14px}
    .panel-top{padding:18px;border-radius:20px;background:rgba(6,9,10,.72);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px)}
    .panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;color:#fff;font-weight:900}
    .live-dot{font-size:12px;color:var(--green);font-weight:900}
    .match-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
    .team{font-weight:900;color:#fff}.team small{display:block;color:var(--muted);font-weight:700;font-size:12px;margin-top:2px}
    .score{font-family:"SFMono-Regular",Consolas,monospace;font-size:32px;font-weight:1000;color:var(--green);letter-spacing:-1px}
    .odds-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    .odd{padding:12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
    .odd b{display:block;font-family:"SFMono-Regular",Consolas,monospace;font-size:20px;color:#fff}.odd span{font-size:12px;color:var(--muted)}
    .quick{padding:24px 0 56px}
    .quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
    .quick-card{padding:16px;border-radius:16px;background:linear-gradient(180deg,rgba(27,33,40,.92),rgba(16,19,23,.92));border:1px solid var(--line);transition:var(--ease);min-height:94px}
    .quick-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--shadow-soft)}
    .quick-card b{display:block;font-size:15px;margin-bottom:4px}.quick-card span{font-size:12px;color:var(--muted)}
    section{padding:64px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
    .section-kicker{color:var(--green);font-weight:1000;font-size:13px;letter-spacing:.08em;margin-bottom:6px}
    h2{font-size:clamp(26px,3.5vw,42px);line-height:1.18;letter-spacing:-1px}.section-head p{color:var(--muted);max-width:560px}
    .summary-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}
    .data-card,.topic-card,.info-card,.faq-item,.cta-box{background:linear-gradient(180deg,rgba(21,26,31,.96),rgba(14,17,21,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}
    .data-card{padding:22px;position:relative;overflow:hidden}
    .data-card::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(158,255,63,.10)}
    .data-card.large{min-height:230px}
    .data-label{color:var(--muted);font-size:13px;font-weight:800}.data-number{font-family:"SFMono-Regular",Consolas,monospace;font-size:clamp(34px,5vw,58px);font-weight:1000;color:#fff;line-height:1.1;margin:12px 0}.data-card.large .data-number{color:var(--green)}
    .data-note{color:var(--muted)}.data-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
    .tag{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#d8e3de;font-size:12px;font-weight:800}
    .tag.green{background:rgba(158,255,63,.12);border-color:rgba(158,255,63,.28);color:#dfffcc}.tag.amber{background:rgba(255,189,74,.12);border-color:rgba(255,189,74,.28);color:#ffdc9b}.tag.purple{background:rgba(179,107,255,.12);border-color:rgba(179,107,255,.28);color:#e2c9ff}
    .topic-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}
    .topic-feature{position:relative;min-height:420px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
    .topic-feature img{width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.08)}
    .topic-overlay{position:absolute;inset:auto 0 0 0;padding:28px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88))}
    .topic-overlay h3{font-size:28px;line-height:1.25;margin:12px 0}.topic-overlay p{color:#d4ddd7;margin-bottom:16px}
    .topic-stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}.topic-card{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:16px;overflow:hidden;transition:var(--ease)}
    .topic-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.topic-card img{width:160px;height:150px;object-fit:cover;border-radius:14px}.topic-card h3{font-size:20px;line-height:1.35;margin:8px 0}.topic-card p{color:var(--muted);font-size:14px}
    .match-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.match-card{padding:18px;border-radius:var(--radius);background:linear-gradient(180deg,rgba(17,22,26,.98),rgba(11,14,17,.98));border:1px solid var(--line);transition:var(--ease)}
    .match-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--shadow-soft)}.match-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.status{font-size:12px;font-weight:1000;border-radius:999px;padding:5px 9px;background:rgba(158,255,63,.12);color:#dfffcc;border:1px solid rgba(158,255,63,.25)}
    .versus{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:14px 0}.versus .score{font-size:28px}.team-name{font-weight:1000}.team-name.right{text-align:right}.match-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.meta-box{border-radius:12px;background:rgba(255,255,255,.045);border:1px solid var(--line);padding:10px}.meta-box span{display:block;color:var(--muted);font-size:12px}.meta-box b{font-family:"SFMono-Regular",Consolas,monospace;color:#fff}
    .explain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.info-card{padding:22px}.icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(158,255,63,.12);border:1px solid rgba(158,255,63,.26);color:var(--green);font-weight:1000;margin-bottom:16px}.info-card h3{font-size:19px;margin-bottom:8px}.info-card p{color:var(--muted);font-size:14px}
    .insight{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:center}.insight-visual{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);min-height:420px}.insight-visual img{width:100%;height:100%;object-fit:cover}.insight-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.62))}.insight-card{padding:34px;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(21,26,31,.98),rgba(12,16,19,.98));border:1px solid var(--line);box-shadow:var(--shadow)}
    .check-list{list-style:none;margin:22px 0;display:grid;gap:12px}.check-list li{display:flex;gap:10px;color:#dbe5e0}.check-list li::before{content:"✓";flex:0 0 24px;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(158,255,63,.12);color:var(--green);font-weight:1000}
    .mini-list{display:grid;gap:12px}.mini-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.mini-item b{font-weight:900}.mini-item span{color:var(--muted);font-size:13px;text-align:right}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq-item{padding:22px}.faq-item h3{font-size:18px;margin-bottom:8px}.faq-item p{color:var(--muted);font-size:14px}
    .cta-section{padding-bottom:78px}.cta-box{position:relative;overflow:hidden;padding:38px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:linear-gradient(135deg,rgba(158,255,63,.14),rgba(21,26,31,.98) 46%,rgba(179,107,255,.14))}.cta-box::before{content:"";position:absolute;inset:0;background:url('/assets/images/backpic/back-2.webp') center/cover no-repeat;opacity:.12}.cta-box>*{position:relative}.cta-box p{color:#d4ddd7;margin-top:10px;max-width:760px}
    .site-footer{border-top:1px solid var(--line);background:#07090b;padding:42px 0 26px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .9fr;gap:28px}.footer-brand{display:flex;gap:12px;align-items:center;margin-bottom:14px}.footer-grid p{color:var(--muted);font-size:14px}.footer-links{display:grid;gap:10px}.footer-links a{color:var(--muted);font-weight:800;transition:var(--ease)}.footer-links a:hover{color:var(--green)}.footer-title{font-size:15px;font-weight:1000;margin-bottom:12px}.risk{padding:14px;border-radius:14px;border:1px solid rgba(255,189,74,.25);background:rgba(255,189,74,.08);color:#ffdc9b!important}.copyright{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;color:var(--muted-2);font-size:13px}
    @media (max-width:1024px){.hero-content{grid-template-columns:1fr;padding:44px;min-height:auto}.quick-grid{grid-template-columns:repeat(3,1fr)}.summary-grid,.match-board{grid-template-columns:1fr 1fr}.data-card.large{grid-column:1/-1}.topic-layout,.insight{grid-template-columns:1fr}.explain-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.cta-box{grid-template-columns:1fr}.nav-cta .btn-secondary{display:none}}
    @media (max-width:768px){.container{width:min(100% - 28px,var(--container))}.nav-wrap{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 0}.menu-toggle{display:grid;place-items:center}.nav-links{order:3;width:100%;display:none;grid-template-columns:1fr;gap:8px;padding:8px 0 6px}.nav-links.open{display:grid}.nav-links a{justify-content:flex-start}.brand-text strong{font-size:13px}.hero{padding-top:34px}.hero-content{padding:30px 22px}.hero-lead{font-size:16px}.score-panel{display:none}.section-head{display:block}.section-head p{margin-top:10px}.quick-grid,.summary-grid,.match-board,.faq-grid{grid-template-columns:1fr}.topic-card{grid-template-columns:110px 1fr}.topic-card img{width:110px;height:120px}.explain-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}.hero-actions .btn{width:100%}}
    @media (max-width:520px){section{padding:46px 0}.hero-shell{border-radius:22px}h1{letter-spacing:-1.3px}.hero-meta span{width:100%}.quick-card{min-height:auto}.topic-feature{min-height:330px}.topic-overlay{padding:20px}.topic-overlay h3{font-size:22px}.topic-card{grid-template-columns:1fr}.topic-card img{width:100%;height:180px}.match-meta{grid-template-columns:1fr}.versus{grid-template-columns:1fr;text-align:left}.team-name.right{text-align:left}.versus .score{font-size:24px}.cta-box{padding:26px 20px}.nav-cta{margin-left:auto}.brand-mark{width:38px;height:38px}}

/* roulang page: category1 */
:root{
      --bg:#070908;
      --bg-2:#0d1110;
      --panel:#111715;
      --panel-2:#151d1a;
      --card:#121917;
      --text:#f4fff8;
      --muted:#9fb0a8;
      --soft:#d7e4dc;
      --line:rgba(188,255,211,.16);
      --line-strong:rgba(181,255,199,.34);
      --green:#b7ff3c;
      --green-2:#62ff91;
      --purple:#a66cff;
      --amber:#ffbd5a;
      --red:#ff5f87;
      --shadow:0 18px 60px rgba(0,0,0,.36);
      --shadow-soft:0 10px 30px rgba(0,0,0,.24);
      --radius:18px;
      --radius-sm:12px;
      --container:1180px;
      --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
      --mono:"SFMono-Regular","Consolas","Liberation Mono",monospace;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;background:var(--bg)}
    body{font-family:var(--font);line-height:1.7;color:var(--text);background:
      radial-gradient(circle at 18% 0%,rgba(183,255,60,.12),transparent 30%),
      radial-gradient(circle at 82% 12%,rgba(166,108,255,.10),transparent 34%),
      linear-gradient(180deg,#070908 0%,#0a0d0c 48%,#080a09 100%);overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 72%);z-index:-1}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input,select{font:inherit}
    .container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
    .skip-link{position:absolute;left:-999px;top:10px;background:var(--green);color:#111;padding:10px 14px;border-radius:10px;z-index:99}.skip-link:focus{left:16px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(7,9,8,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
    .header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
    .brand{display:flex;align-items:center;gap:12px;min-width:0}
    .brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--green-2));color:#071008;font-weight:900;letter-spacing:-.04em;box-shadow:0 0 0 5px rgba(183,255,60,.08)}
    .brand-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.brand-text strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-text span{font-size:12px;color:var(--muted)}
    .nav-links{display:flex;align-items:center;gap:8px;list-style:none}.nav-links a{display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:999px;color:var(--soft);border:1px solid transparent;transition:.2s ease}.nav-links a:hover{border-color:var(--line-strong);background:rgba(255,255,255,.05);color:#fff;transform:translateY(-1px)}.nav-links a.active{background:rgba(183,255,60,.14);border-color:rgba(183,255,60,.42);color:var(--green)}
    .menu-toggle{display:none}.menu-btn{display:none;width:44px;height:44px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.04);cursor:pointer}.menu-btn span,.menu-btn:before,.menu-btn:after{content:"";display:block;width:20px;height:2px;background:var(--text);margin:5px auto;border-radius:3px;transition:.2s}
    .breadcrumb{padding:26px 0 0;color:var(--muted);font-size:14px}.breadcrumb ol{display:flex;gap:10px;align-items:center;list-style:none;flex-wrap:wrap}.breadcrumb a{color:#dce9df}.breadcrumb a:hover{color:var(--green)}.breadcrumb li:not(:last-child)::after{content:"/";margin-left:10px;color:#5d6d64}
    .category-hero{position:relative;padding:42px 0 34px}.category-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,8,.86),rgba(7,9,8,.54)),url('/assets/images/backpic/back-2.webp') center/cover no-repeat;border-bottom:1px solid var(--line);z-index:-1;opacity:.72}.hero-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(183,255,60,.08);color:var(--green);font-size:13px;font-weight:700}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}
    h1{font-size:clamp(34px,5vw,64px);line-height:1.05;letter-spacing:-.04em;margin:18px 0 16px;max-width:820px}.hero-copy{font-size:18px;color:#d3e3d8;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:13px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.2s ease}.btn-primary{background:linear-gradient(135deg,var(--green),var(--green-2));color:#061006;box-shadow:0 12px 26px rgba(183,255,60,.18)}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 16px 34px rgba(183,255,60,.25)}.btn-secondary{border-color:var(--line-strong);background:rgba(255,255,255,.04);color:var(--text)}.btn-secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.34);transform:translateY(-2px)}.btn:focus-visible,.nav-links a:focus-visible,.filter-chip:focus-visible,.card-link:focus-visible{outline:3px solid rgba(183,255,60,.45);outline-offset:3px}
    .hero-side{background:linear-gradient(180deg,rgba(18,25,23,.94),rgba(13,17,16,.92));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.side-cover{height:178px;background:url('/assets/images/coverpic/cover-1.webp') center/cover no-repeat;position:relative}.side-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(7,9,8,.92))}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.stat{background:rgba(15,21,19,.96);padding:18px 14px}.stat b{font-family:var(--mono);font-size:28px;line-height:1;color:var(--green)}.stat span{display:block;margin-top:8px;color:var(--muted);font-size:13px}.hero-note{padding:18px;color:#cedbd3;font-size:14px}
    main{padding:34px 0 0}.section{padding:34px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-title{font-size:28px;line-height:1.2;letter-spacing:-.02em}.section-desc{color:var(--muted);max-width:720px;margin-top:8px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(17,23,21,.72);box-shadow:var(--shadow-soft)}.filter-chip{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--soft);border-radius:999px;padding:9px 14px;cursor:pointer;transition:.2s ease}.filter-chip:hover{border-color:var(--line-strong);color:#fff;background:rgba(255,255,255,.07)}.filter-chip.active{background:rgba(183,255,60,.16);border-color:rgba(183,255,60,.5);color:var(--green);font-weight:800}
    .content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.topic-list{display:grid;gap:16px}.topic-card{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(18,25,23,.92),rgba(12,16,15,.92));box-shadow:var(--shadow-soft);transition:.2s ease}.topic-card:hover{transform:translateY(-3px);border-color:rgba(183,255,60,.26);box-shadow:0 18px 42px rgba(0,0,0,.34)}.topic-thumb{min-height:150px;border-radius:15px;overflow:hidden;position:relative;background:#17201d}.topic-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05)}.topic-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.48))}.topic-body{display:flex;flex-direction:column;gap:10px}.meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:13px}.tag{display:inline-flex;align-items:center;border:1px solid rgba(183,255,60,.28);color:var(--green);background:rgba(183,255,60,.08);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.tag.purple{border-color:rgba(166,108,255,.34);color:#c7adff;background:rgba(166,108,255,.10)}.tag.amber{border-color:rgba(255,189,90,.35);color:#ffd08c;background:rgba(255,189,90,.10)}.topic-card h2,.topic-card h3{font-size:21px;line-height:1.35}.topic-card p{color:#bfcec5}.data-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.data-pill{font-family:var(--mono);font-size:13px;color:#eaf6ee;border:1px solid var(--line);background:rgba(255,255,255,.035);padding:6px 9px;border-radius:10px}.card-link{align-self:flex-start;margin-top:4px;color:#071008;background:var(--green);border-radius:10px;padding:8px 12px;font-weight:900;transition:.2s ease}.card-link:hover{filter:brightness(1.08);transform:translateY(-1px)}
    .sidebar{position:sticky;top:96px;display:grid;gap:16px}.side-box{border:1px solid var(--line);border-radius:var(--radius);background:rgba(18,25,23,.86);padding:18px;box-shadow:var(--shadow-soft)}.side-box h3{font-size:18px;margin-bottom:12px}.mini-list{list-style:none;display:grid;gap:12px}.mini-list li{padding-bottom:12px;border-bottom:1px solid var(--line)}.mini-list li:last-child{border-bottom:0;padding-bottom:0}.mini-list a{display:block;color:#edf7f0;font-weight:800}.mini-list a:hover{color:var(--green)}.mini-list span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.risk-card{background:linear-gradient(135deg,rgba(255,189,90,.12),rgba(255,95,135,.08));border-color:rgba(255,189,90,.24)}.risk-card p{color:#eadccd}
    .odds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.odds-card{border:1px solid var(--line);border-radius:var(--radius);background:rgba(18,25,23,.78);padding:20px}.odds-card .label{color:var(--muted);font-size:13px}.odds-card strong{display:block;font-family:var(--mono);font-size:34px;color:var(--green);margin:6px 0}.odds-card p{color:#c5d3cb;font-size:14px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}.process-item{counter-increment:step;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(18,25,23,.9),rgba(13,17,16,.9));padding:20px;position:relative;overflow:hidden}.process-item:before{content:"0" counter(step);font-family:var(--mono);font-size:44px;font-weight:900;color:rgba(183,255,60,.13);position:absolute;right:14px;top:2px}.process-item h3{font-size:18px;margin-bottom:8px}.process-item p{color:var(--muted);font-size:14px}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:rgba(18,25,23,.82);padding:20px}.faq-item h3{font-size:18px;margin-bottom:8px;color:#f7fff9}.faq-item p{color:#bdcbc3}.cta{margin:34px 0 56px;border:1px solid rgba(183,255,60,.28);border-radius:24px;background:linear-gradient(135deg,rgba(183,255,60,.16),rgba(98,255,145,.06) 45%,rgba(166,108,255,.10)),url('/assets/images/backpic/back-3.webp') center/cover no-repeat;overflow:hidden}.cta-inner{padding:34px;background:rgba(7,9,8,.72);display:flex;align-items:center;justify-content:space-between;gap:24px}.cta h2{font-size:28px}.cta p{color:#d3e3d8;margin-top:8px;max-width:720px}
    .site-footer{border-top:1px solid var(--line);background:#070908;padding:42px 0 24px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:28px}.footer-brand{display:flex;align-items:center;gap:12px;color:var(--text);margin-bottom:12px}.footer-title{color:var(--text);font-weight:900;margin-bottom:12px}.footer-links{display:grid;gap:8px}.footer-links a:hover{color:var(--green)}.risk{color:#d7c9b6}.copyright{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
    @media (max-width:1024px){.hero-panel,.content-layout{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:1fr 1fr}.odds-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
    @media (max-width:768px){.container{width:min(100% - 28px,var(--container))}.header-inner{height:68px}.brand-text strong{max-width:210px}.menu-btn{display:block}.site-header nav{position:absolute;left:14px;right:14px;top:76px;display:none}.nav-links{flex-direction:column;align-items:stretch;padding:12px;background:rgba(11,15,14,.98);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.nav-links a{justify-content:center}.menu-toggle:checked~nav{display:block}.category-hero{padding-top:30px}.hero-panel{gap:18px}.quick-stats{grid-template-columns:1fr 1fr 1fr}.section-head{display:block}.topic-card{grid-template-columns:1fr}.topic-thumb{min-height:190px}.sidebar{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.cta-inner{display:block}.cta .btn{margin-top:18px}.footer-grid{grid-template-columns:1fr}}
    @media (max-width:520px){h1{font-size:34px}.hero-copy{font-size:16px}.hero-actions .btn{width:100%}.quick-stats{grid-template-columns:1fr}.stat{padding:16px}.filter-bar{padding:10px}.filter-chip{flex:1;justify-content:center;text-align:center}.odds-grid,.process{grid-template-columns:1fr}.topic-card{padding:12px}.topic-card h2,.topic-card h3{font-size:19px}.cta-inner{padding:24px}.copyright{display:grid}.brand-text span{display:none}}