/* roulang page: index */
:root{--bg:#0b070f;--panel:#15101d;--panel-2:#1e1328;--gold:#d6a94a;--gold-light:#f2d27a;--magenta:#b83280;--violet:#6d4cff;--cyan:#36c6b4;--text:#f6efe2;--muted:#b8a995;--line:rgba(214,169,74,.42);--line-soft:rgba(246,239,226,.12);--shadow:0 10px 0 rgba(0,0,0,.28);--radius:10px;--container:1220px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(184,50,128,.18),transparent 28%),radial-gradient(circle at 88% 18%,rgba(109,76,255,.16),transparent 32%),linear-gradient(135deg,rgba(214,169,74,.04) 25%,transparent 25%) 0 0/18px 18px,var(--bg);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}.pixel-card{position:relative;background:linear-gradient(180deg,rgba(30,19,40,.96),rgba(21,16,29,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.pixel-card:before{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.45);pointer-events:none}.pixel-corner:after{content:"";position:absolute;right:12px;top:12px;width:10px;height:10px;background:var(--gold);box-shadow:-10px 0 0 rgba(214,169,74,.55),0 10px 0 rgba(214,169,74,.35)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:7px;border:1px solid var(--line);padding:.82rem 1.1rem;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;color:var(--text);outline:none}.btn:focus-visible{box-shadow:0 0 0 3px rgba(242,210,122,.3)}.btn-primary{background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#18100b;border-color:#ffe394;box-shadow:0 6px 0 rgba(80,49,6,.75)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 0 rgba(80,49,6,.75);background:linear-gradient(180deg,#ffe09a,var(--gold-light))}.btn-secondary{background:rgba(214,169,74,.08);color:var(--gold-light);border-color:var(--line)}.btn-secondary:hover{transform:translateY(-2px);background:rgba(214,169,74,.16);border-color:var(--gold-light)}.badge{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);background:rgba(214,169,74,.09);color:var(--gold-light);border-radius:6px;padding:.28rem .58rem;font-size:.82rem;font-weight:700;white-space:nowrap}.badge-dot:before{content:"";width:7px;height:7px;background:var(--cyan);box-shadow:0 0 0 3px rgba(54,198,180,.14);display:inline-block}.section{padding:72px 0}.section-title{font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.18;font-weight:900;letter-spacing:.01em}.section-desc{color:var(--muted);max-width:760px;margin-top:14px;font-size:1.02rem}.site-header{position:sticky;top:0;z-index:50;background:rgba(11,7,15,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.top-strip{background:linear-gradient(90deg,rgba(246,239,226,.96),rgba(242,210,122,.92));color:#170f0b;font-size:.86rem;border-bottom:3px solid rgba(214,169,74,.9)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.logo-mark{width:38px;height:38px;background:var(--gold);border:2px solid #ffe394;box-shadow:inset 0 0 0 4px #4b310c,0 5px 0 rgba(0,0,0,.35);position:relative;flex:none}.logo-mark:before{content:"";position:absolute;left:9px;top:9px;width:6px;height:6px;background:#16100b;box-shadow:10px 0 0 #16100b,0 10px 0 #16100b,10px 10px 0 #16100b}.brand-text{font-size:1rem;font-weight:900;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-links{display:flex;align-items:center;gap:6px}.nav-link{position:relative;padding:.62rem .85rem;border-radius:6px;color:var(--muted);font-weight:800;transition:.18s ease}.nav-link:hover,.nav-link.active{color:var(--gold-light);background:rgba(214,169,74,.1)}.nav-link.active:after,.nav-link:hover:after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:3px;background:var(--gold);box-shadow:6px 0 0 rgba(184,50,128,.8)}.mega{position:relative}.mega-panel{position:absolute;right:0;top:calc(100% + 14px);width:420px;background:linear-gradient(180deg,#1e1328,#120d18);border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.5);padding:16px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}.mega:hover .mega-panel,.mega:focus-within .mega-panel{opacity:1;visibility:visible;transform:translateY(0)}.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mega-item{padding:12px;border:1px solid rgba(214,169,74,.22);border-radius:8px;background:rgba(246,239,226,.04);transition:.18s}.mega-item:hover{border-color:var(--gold);background:rgba(214,169,74,.1)}.mobile-toggle{display:none;border:1px solid var(--line);border-radius:6px;background:rgba(214,169,74,.08);color:var(--gold-light);padding:.55rem .7rem}.hero{padding:42px 0 28px;background:linear-gradient(180deg,rgba(246,239,226,.08),transparent 58%);border-bottom:1px solid rgba(214,169,74,.2)}.hero-banner{min-height:330px;display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:stretch}.hero-copy{padding:38px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#170f0b;background:var(--gold-light);border:2px solid var(--gold);box-shadow:0 4px 0 rgba(0,0,0,.35);border-radius:6px;padding:.3rem .6rem;font-weight:900;font-size:.85rem}.hero h1{font-size:clamp(2rem,5vw,3.65rem);line-height:1.12;font-weight:950;margin:20px 0 16px;max-width:850px}.hero p{color:var(--muted);font-size:1.08rem;max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.point{border:1px dashed rgba(214,169,74,.36);border-radius:8px;padding:10px 12px;background:rgba(0,0,0,.18)}.point strong{display:block;color:var(--gold-light);font-size:1.06rem}.entry-panel{padding:24px;display:flex;flex-direction:column;justify-content:space-between}.terminal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(214,169,74,.24);padding-bottom:14px}.status-light{display:flex;gap:6px}.status-light span{width:10px;height:10px;background:var(--gold);display:block}.entry-matrix{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.entry-box{min-height:88px;border:1px solid rgba(214,169,74,.28);background:rgba(246,239,226,.04);border-radius:8px;padding:13px;transition:.18s}.entry-box:hover{transform:translateY(-2px);border-color:var(--gold-light)}.entry-box b{display:block;color:var(--text);margin-bottom:4px}.progress{height:10px;background:#0b070f;border:1px solid rgba(214,169,74,.35);border-radius:99px;overflow:hidden}.progress i{display:block;width:76%;height:100%;background:linear-gradient(90deg,var(--gold),var(--magenta),var(--cyan))}.trial-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}.rights-list{display:grid;gap:12px}.rights-item{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid rgba(214,169,74,.22);border-radius:8px;background:rgba(246,239,226,.04)}.rights-icon{width:34px;height:34px;display:grid;place-items:center;background:rgba(214,169,74,.16);border:1px solid var(--line);color:var(--gold-light);font-weight:900;flex:none}.compare{display:grid;gap:12px}.compare-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;padding:13px;border-bottom:1px solid rgba(246,239,226,.08)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{padding:22px}.step-num{font-size:2rem;color:var(--gold-light);font-weight:950;line-height:1}.kpi-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.bars{display:grid;gap:14px}.bar-row{display:grid;grid-template-columns:110px 1fr 54px;gap:12px;align-items:center}.bar-track{height:12px;background:#0b070f;border:1px solid rgba(214,169,74,.24);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--magenta));border-radius:999px}.news-wrap{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.news-list{display:grid;gap:10px}.news-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:15px 16px;border:1px solid rgba(214,169,74,.18);border-radius:8px;background:rgba(246,239,226,.035);transition:.18s}.news-row:hover{border-color:var(--gold);transform:translateX(4px);background:rgba(214,169,74,.08)}.news-row small{color:var(--muted)}.recommend{padding:22px}.case-layout{display:grid;grid-template-columns:.36fr .64fr;gap:22px}.stamp-wall{display:grid;gap:12px}.stamp{padding:14px;border:1px solid rgba(214,169,74,.28);border-radius:8px;background:rgba(214,169,74,.08);color:var(--gold-light);font-weight:900}.case-list{display:grid;gap:14px}.case-card{padding:18px;border-left:4px solid var(--gold)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{padding:0;border:1px solid rgba(214,169,74,.24);border-radius:8px;background:rgba(246,239,226,.04);overflow:hidden}.faq-grid summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:850;color:var(--text);transition:.18s}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:hover{color:var(--gold-light);background:rgba(214,169,74,.07)}.faq-grid details[open]{border-color:var(--gold);background:rgba(30,19,40,.9)}.faq-grid details[open] summary{border-bottom:1px solid rgba(214,169,74,.18);color:var(--gold-light)}.faq-grid p{padding:14px 18px 18px;margin:0;color:var(--muted)}.apply{background:linear-gradient(135deg,rgba(214,169,74,.16),rgba(184,50,128,.08),rgba(54,198,180,.08));border-top:1px solid rgba(214,169,74,.22);border-bottom:1px solid rgba(214,169,74,.22)}.apply-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:start}.form-card{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field label{font-weight:800;color:var(--gold-light);font-size:.92rem}.field input,.field textarea,.field select{width:100%;background:#0b070f;color:var(--text);border:1px solid rgba(214,169,74,.38);border-radius:7px;padding:.82rem .9rem;outline:none;transition:.18s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px rgba(242,210,122,.16)}.field textarea{min-height:104px;resize:vertical}.span-2{grid-column:1/-1}.site-footer{background:#08050b;border-top:1px solid var(--line);padding:46px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:28px}.footer-links{display:grid;gap:8px}.footer-links a{color:var(--muted);transition:.18s}.footer-links a:hover{color:var(--gold-light);transform:translateX(3px)}.copyright{margin-top:28px;padding-top:20px;border-top:1px solid rgba(246,239,226,.08);color:rgba(184,169,149,.78);font-size:.9rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.floating-cta{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;gap:10px;align-items:center;background:rgba(21,16,29,.94);border:1px solid var(--line);border-radius:10px;padding:10px;box-shadow:0 14px 34px rgba(0,0,0,.45)}
    @media (max-width:1024px){.hero-banner,.trial-grid,.kpi-grid,.news-wrap,.case-layout,.apply-wrap{grid-template-columns:1fr}.hero-points,.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.mega-panel{right:-80px}}
    @media (max-width:768px){.container{width:min(100% - 28px,var(--container))}.top-strip{display:none}.nav-wrap{height:auto;min-height:68px;flex-wrap:wrap}.mobile-toggle{display:inline-flex}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;padding:0 0 14px}.nav-links.open{display:flex}.nav-link{padding:.78rem .9rem}.mega{width:100%}.mega-panel{position:static;width:100%;opacity:1;visibility:visible;transform:none;margin-top:8px;display:none}.mega.open .mega-panel{display:block}.mega-grid{grid-template-columns:1fr}.hero{padding-top:24px}.hero-copy{padding:24px}.entry-panel{padding:18px}.hero-points,.steps,.faq-grid,.form-grid{grid-template-columns:1fr}.section{padding:54px 0}.compare-row{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr}.news-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.floating-cta{left:14px;right:14px;justify-content:space-between}.brand-text{max-width:220px}}
    @media (max-width:520px){.hero h1{font-size:2rem}.entry-matrix{grid-template-columns:1fr}.hero-actions .btn,.apply .btn{width:100%}.section-title{font-size:1.55rem}.copyright{display:block}.copyright span{display:block;margin-top:6px}}

/* roulang page: category1 */
:root {
      --bg: #0b070f;
      --panel: #15101d;
      --panel-2: #1e1328;
      --gold: #d6a94a;
      --gold-light: #f2d27a;
      --magenta: #b83280;
      --violet: #6d4cff;
      --cyan: #36c6b4;
      --text: #f6efe2;
      --muted: #b8a995;
      --line: rgba(214,169,74,.42);
      --line-strong: rgba(242,210,122,.78);
      --shadow: 0 12px 0 rgba(0,0,0,.30), 0 24px 60px rgba(0,0,0,.32);
      --radius: 8px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: PingFang SC, Microsoft YaHei, Noto Sans SC, Arial, sans-serif;
      color: var(--text);
      background:
        linear-gradient(rgba(214,169,74,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(214,169,74,.035) 1px, transparent 1px),
        radial-gradient(circle at 18% 8%, rgba(184,50,128,.18), transparent 30%),
        radial-gradient(circle at 82% 12%, rgba(54,198,180,.10), transparent 26%),
        var(--bg);
      background-size: 22px 22px, 22px 22px, auto, auto, auto;
      line-height: 1.7;
      overflow-x: hidden;
    }
    a { color: inherit; text-decoration: none; }
    button, input, textarea { font: inherit; }
    button { cursor: pointer; }
    img { max-width: 100%; display: block; }
    ::selection { background: rgba(214,169,74,.32); color: var(--text); }
    :focus-visible { outline: 2px solid var(--gold-light); outline-offset: 4px; }

    .container { width: min(100% - 64px, 1220px); margin: 0 auto; }
    .text-muted { color: var(--muted); }
    .text-goldlight { color: var(--gold-light); }
    .site-header { position: sticky; top: 0; z-index: 50; background: rgba(11,7,15,.88); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
    .top-strip { background: linear-gradient(90deg, rgba(214,169,74,.18), rgba(184,50,128,.14), rgba(54,198,180,.08)); color: var(--gold-light); font-size: 13px; border-bottom: 1px solid rgba(214,169,74,.24); }
    .nav-wrap { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    .brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
    .logo-mark { width: 34px; height: 34px; flex: 0 0 34px; background: linear-gradient(135deg, var(--gold-light), var(--gold)); border: 2px solid #3a2510; box-shadow: inset 0 0 0 4px rgba(11,7,15,.18), 5px 5px 0 rgba(0,0,0,.35); position: relative; border-radius: 6px; }
    .logo-mark::before, .logo-mark::after { content: ''; position: absolute; background: #170d12; }
    .logo-mark::before { width: 14px; height: 5px; left: 8px; top: 9px; }
    .logo-mark::after { width: 8px; height: 8px; right: 7px; bottom: 7px; }
    .brand-text { font-weight: 900; color: var(--text); letter-spacing: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .nav-links { display: flex; align-items: center; gap: 10px; }
    .nav-link { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 9px 14px; border: 1px solid transparent; border-radius: 7px; color: var(--muted); font-weight: 800; transition: .2s ease; position: relative; }
    .nav-link:hover, .nav-link:focus-visible { color: var(--gold-light); border-color: rgba(214,169,74,.38); background: rgba(214,169,74,.09); }
    .nav-link.active { color: #130b10; background: var(--gold); border-color: var(--gold-light); box-shadow: 0 4px 0 rgba(0,0,0,.4); }
    .mobile-toggle { display: none; background: transparent; color: var(--gold-light); border: 1px solid var(--line); border-radius: 7px; padding: 8px 12px; font-weight: 900; }
    .mega { position: relative; }
    .mega-panel { position: absolute; right: 0; top: calc(100% + 12px); width: 520px; background: rgba(21,16,29,.98); border: 1px solid var(--line-strong); border-radius: var(--radius); box-shadow: var(--shadow); padding: 14px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease; }
    .mega:hover .mega-panel, .mega:focus-within .mega-panel, .mega.open .mega-panel { opacity: 1; visibility: visible; transform: translateY(0); }
    .mega-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .mega-item { display: block; padding: 14px; min-height: 106px; border: 1px solid rgba(214,169,74,.28); border-radius: 7px; background: linear-gradient(135deg, rgba(30,19,40,.98), rgba(11,7,15,.8)); transition: .2s ease; }
    .mega-item:hover { border-color: var(--gold-light); transform: translateY(-2px); background: rgba(214,169,74,.08); }

    main { position: relative; }
    .section { padding: 76px 0; border-top: 1px solid rgba(214,169,74,.14); }
    .eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--gold-light); background: rgba(214,169,74,.10); border: 1px solid rgba(214,169,74,.42); border-radius: 999px; padding: 7px 12px; font-weight: 900; font-size: 13px; }
    .eyebrow::before { content: ''; width: 8px; height: 8px; background: var(--cyan); box-shadow: 0 0 0 3px rgba(54,198,180,.12); }
    .page-head { padding: 64px 0 34px; background: linear-gradient(180deg, rgba(30,19,40,.86), rgba(11,7,15,.42)); border-bottom: 1px solid rgba(214,169,74,.20); }
    .head-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 32px; align-items: stretch; }
    h1 { font-size: clamp(32px, 5vw, 54px); line-height: 1.14; margin: 18px 0 18px; font-weight: 950; letter-spacing: 0; max-width: 860px; }
    h2 { font-size: clamp(24px, 3vw, 36px); line-height: 1.2; margin: 0; font-weight: 950; letter-spacing: 0; }
    h3 { font-size: 20px; line-height: 1.35; margin: 0; font-weight: 900; letter-spacing: 0; }
    .lead { color: #d9cbbb; font-size: 17px; max-width: 780px; }
    .head-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
    .btn { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 11px 18px; border-radius: 7px; font-weight: 950; border: 1px solid transparent; transition: .18s ease; box-shadow: 0 5px 0 rgba(0,0,0,.42); }
    .btn-primary { background: linear-gradient(180deg, var(--gold-light), var(--gold)); color: #160f0b; border-color: #ffe69a; }
    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 3px 0 rgba(0,0,0,.42); filter: brightness(1.05); }
    .btn-secondary { color: var(--gold-light); background: rgba(21,16,29,.82); border-color: var(--line); }
    .btn-secondary:hover { background: rgba(214,169,74,.12); border-color: var(--gold-light); transform: translateY(-2px); }
    .status-panel, .pixel-card, .list-card, .info-band, .faq-box, .cta-pass { border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(21,16,29,.96), rgba(30,19,40,.88)); box-shadow: var(--shadow); position: relative; }
    .status-panel::before, .pixel-card::before, .list-card::before, .cta-pass::before { content: ''; position: absolute; inset: 7px; border: 1px solid rgba(242,210,122,.12); pointer-events: none; border-radius: 5px; }
    .status-panel { padding: 24px; min-height: 100%; }
    .terminal-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px dashed rgba(214,169,74,.35); }
    .lights { display: inline-flex; gap: 7px; }
    .lights span { width: 10px; height: 10px; background: var(--gold); box-shadow: 0 0 12px rgba(214,169,74,.55); }
    .lights span:nth-child(2) { background: var(--magenta); box-shadow: 0 0 12px rgba(184,50,128,.45); }
    .lights span:nth-child(3) { background: var(--cyan); box-shadow: 0 0 12px rgba(54,198,180,.45); }
    .matrix { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
    .matrix-cell { padding: 16px; min-height: 126px; border: 1px solid rgba(214,169,74,.30); background: rgba(11,7,15,.46); border-radius: 7px; }
    .matrix-icon { width: 28px; height: 28px; background: var(--gold); box-shadow: 6px 6px 0 rgba(0,0,0,.45); margin-bottom: 12px; }
    .progress-line { height: 10px; background: rgba(11,7,15,.7); border: 1px solid rgba(214,169,74,.32); margin-top: 20px; overflow: hidden; }
    .progress-line span { display: block; height: 100%; width: 74%; background: linear-gradient(90deg, var(--gold), var(--cyan)); }
    .filter-strip { padding: 18px 0 10px; position: sticky; top: 111px; z-index: 20; background: rgba(11,7,15,.92); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(214,169,74,.16); }
    .filter-scroll { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 8px; scrollbar-color: var(--gold) rgba(255,255,255,.08); }
    .filter-tag { flex: 0 0 auto; padding: 9px 13px; border: 1px solid rgba(214,169,74,.36); border-radius: 7px; color: var(--muted); background: rgba(21,16,29,.88); font-weight: 850; transition: .18s ease; }
    .filter-tag.active, .filter-tag:hover { color: #130b10; background: var(--gold); border-color: var(--gold-light); }
    .section-head { display: grid; grid-template-columns: .68fr .32fr; gap: 28px; align-items: end; margin-bottom: 28px; }
    .content-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    .list-card { padding: 22px; transition: .2s ease; }
    .list-card:hover { transform: translateY(-4px); border-color: var(--gold-light); }
    .card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
    .badge { display: inline-flex; align-items: center; gap: 7px; padding: 5px 9px; border: 1px solid rgba(214,169,74,.42); color: var(--gold-light); background: rgba(214,169,74,.09); border-radius: 6px; font-size: 12px; font-weight: 900; white-space: nowrap; }
    .badge.cyan { color: #9df2e8; border-color: rgba(54,198,180,.45); background: rgba(54,198,180,.09); }
    .badge.magenta { color: #ffc2e2; border-color: rgba(184,50,128,.45); background: rgba(184,50,128,.11); }
    .dot { width: 8px; height: 8px; background: var(--cyan); box-shadow: 0 0 12px rgba(54,198,180,.55); display: inline-block; }
    .card-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; padding-top: 16px; border-top: 1px dashed rgba(214,169,74,.24); }
    .mini-link { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 7px 12px; border-radius: 6px; background: rgba(214,169,74,.12); color: var(--gold-light); border: 1px solid rgba(214,169,74,.36); font-weight: 900; transition: .18s ease; }
    .mini-link:hover { background: var(--gold); color: #130b10; }
    .info-band { padding: 26px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 26px; align-items: center; }
    .rule-list { display: grid; gap: 12px; }
    .rule-item { display: flex; gap: 12px; align-items: flex-start; padding: 13px; border: 1px solid rgba(214,169,74,.22); background: rgba(11,7,15,.34); border-radius: 7px; }
    .rule-item span:first-child { flex: 0 0 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; background: var(--gold); color: #130b10; font-weight: 950; box-shadow: 4px 4px 0 rgba(0,0,0,.38); }
    .proof-wrap { display: grid; grid-template-columns: 280px 1fr; gap: 18px; }
    .pixel-card { padding: 22px; }
    .stamp-grid { display: grid; gap: 12px; }
    .stamp { padding: 14px; border: 1px solid rgba(214,169,74,.28); background: rgba(11,7,15,.38); border-radius: 7px; }
    .horizontal-cases { display: grid; gap: 14px; }
    .case-row { padding: 18px; border: 1px solid rgba(214,169,74,.28); border-radius: 7px; background: linear-gradient(90deg, rgba(30,19,40,.94), rgba(11,7,15,.54)); display: grid; grid-template-columns: 160px 1fr auto; gap: 18px; align-items: center; }
    .faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    details.faq-box { padding: 0; overflow: hidden; box-shadow: 0 8px 0 rgba(0,0,0,.26); }
    .faq-box summary { list-style: none; padding: 18px 20px; font-weight: 950; color: var(--text); cursor: pointer; display: flex; justify-content: space-between; gap: 18px; }
    .faq-box summary::-webkit-details-marker { display: none; }
    .faq-box summary::after { content: '+'; color: var(--gold-light); font-size: 22px; line-height: 1; }
    .faq-box[open] { border-color: var(--gold-light); background: linear-gradient(145deg, rgba(30,19,40,.98), rgba(21,16,29,.96)); }
    .faq-box[open] summary::after { content: '-'; }
    .faq-box p { margin: 0; padding: 0 20px 20px; color: var(--muted); }
    .cta-pass { padding: 30px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 24px; background: linear-gradient(135deg, rgba(214,169,74,.14), rgba(30,19,40,.96) 40%, rgba(184,50,128,.16)); }
    .cta-actions { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
    .site-footer { padding: 54px 0 26px; background: #070509; border-top: 1px solid var(--line); }
    .footer-grid { display: grid; grid-template-columns: 1.25fr .7fr .7fr; gap: 32px; align-items: start; }
    .footer-links { display: grid; gap: 9px; }
    .footer-links a { color: var(--muted); transition: .18s ease; }
    .footer-links a:hover { color: var(--gold-light); padding-left: 4px; }
    .copyright { margin-top: 34px; padding-top: 20px; border-top: 1px solid rgba(214,169,74,.18); color: rgba(184,169,149,.82); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 14px; }

    @media (max-width: 1024px) {
      .container { width: min(100% - 48px, 920px); }
      .head-grid, .section-head, .info-band, .proof-wrap { grid-template-columns: 1fr; }
      .case-row { grid-template-columns: 1fr; }
      .filter-strip { top: 111px; }
    }
    @media (max-width: 768px) {
      .container { width: min(100% - 32px, 680px); }
      .nav-wrap { min-height: 68px; }
      .mobile-toggle { display: inline-flex; }
      .nav-links { position: absolute; left: 16px; right: 16px; top: calc(100% + 8px); display: none; flex-direction: column; align-items: stretch; padding: 14px; background: rgba(21,16,29,.98); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
      .nav-links.open { display: flex; }
      .nav-link { justify-content: flex-start; width: 100%; }
      .mega-panel { position: static; width: 100%; opacity: 1; visibility: visible; transform: none; display: none; margin-top: 8px; box-shadow: none; }
      .mega.open .mega-panel, .mega:focus-within .mega-panel { display: block; }
      .mega-grid, .content-list, .faq-grid, .footer-grid, .matrix { grid-template-columns: 1fr; }
      .section { padding: 56px 0; }
      .page-head { padding-top: 42px; }
      .filter-strip { top: 101px; }
      .cta-pass { grid-template-columns: 1fr; }
      .cta-actions { justify-content: flex-start; }
    }
    @media (max-width: 520px) {
      h1 { font-size: 34px; }
      .brand-text { max-width: 210px; }
      .head-actions, .cta-actions { flex-direction: column; }
      .btn { width: 100%; }
      .status-panel, .pixel-card, .list-card, .info-band, .cta-pass { padding: 18px; }
      .top-strip { font-size: 12px; }
      .filter-strip { position: relative; top: auto; }
    }