/* roulang page: index */
:root{
      --ink:#111936;
      --muted:#68728b;
      --paper:#f6f8fc;
      --white:#fff;
      --line:#e4e9f2;
      --blue:#246bfe;
      --blue-deep:#173b9a;
      --cyan:#28d8d0;
      --orange:#ff9d53;
      --shadow:0 18px 50px rgba(22,42,88,.10);
      --shadow-sm:0 8px 26px rgba(22,42,88,.08);
      --radius-xl:30px;
      --radius-lg:22px;
      --radius-md:16px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.78;letter-spacing:.01em}
    a{color:inherit;text-decoration:none;transition:all .25s ease}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    .container{max-width:1180px}
    .site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,233,242,.85)}
    .navbar{min-height:78px}
    .brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-.04em}
    .brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#54b8ff);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(36,107,254,.28)}
    .brand-mark span{font-size:18px;font-weight:900}
    .nav-link{color:#566078!important;font-size:14px;font-weight:650;padding:9px 11px!important;border-radius:10px}
    .nav-link:hover,.nav-link.active{color:var(--blue)!important;background:#edf3ff}
    .nav-actions{display:flex;align-items:center;gap:12px}
    .locale{display:flex;align-items:center;padding:4px;background:#f0f3f9;border-radius:999px;font-size:12px;color:#7c8599}
    .locale span{padding:6px 10px;border-radius:999px}
    .locale .selected{background:#fff;color:var(--blue);box-shadow:0 3px 10px rgba(24,45,90,.08);font-weight:700}
    .btn-primary-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:750;transition:.25s;border:1px solid transparent}
    .btn-primary-custom{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(36,107,254,.22)}
    .btn-primary-custom:hover{background:var(--blue-deep);color:#fff;transform:translateY(-2px)}
    .btn-outline-custom{border-color:#cbd5e8;color:var(--ink);background:#fff}
    .btn-outline-custom:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .navbar-toggler{border:0;padding:8px}.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(36,107,254,.15)}
    .hero{position:relative;overflow:hidden;padding:84px 0 62px;background:linear-gradient(120deg,rgba(17,37,101,.94),rgba(33,93,204,.86)),url("/assets/images/backpic/back-1.webp") center/cover}
    .hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-120px;top:-130px;box-shadow:0 0 0 38px rgba(255,255,255,.04),0 0 0 78px rgba(255,255,255,.03)}
    .hero .container{position:relative;z-index:1}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a8e9ff;font-size:13px;font-weight:750;letter-spacing:.08em}
    .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(40,216,208,.16)}
    .hero h1{margin:18px 0 20px;color:#fff;max-width:720px;font-size:clamp(36px,5vw,66px);line-height:1.16;letter-spacing:-.055em;font-weight:850}
    .hero-copy{max-width:670px;color:#d9e7ff;font-size:17px;line-height:1.9}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
    .hero .btn-outline-custom{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
    .hero .btn-outline-custom:hover{background:#fff;color:var(--blue)}
    .icon-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:42px;max-width:660px}
    .icon-tile{padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.1);color:#fff;min-height:86px}
    .icon-tile b{display:block;font-size:20px;margin-bottom:2px}.icon-tile small{color:#c6d7f8;font-size:12px}
    .status-bar{display:flex;align-items:center;gap:12px;margin-top:24px;color:#dce9ff;font-size:13px}
    .pulse{width:9px;height:9px;border-radius:50%;background:#55efbe;box-shadow:0 0 0 6px rgba(85,239,190,.16)}
    .section{padding:84px 0}
    .section-tight{padding:58px 0}
    .section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:32px}
    .kicker{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    h2{font-size:clamp(28px,3.5vw,43px);line-height:1.25;letter-spacing:-.045em;margin:8px 0 13px;font-weight:850}
    .section-intro{max-width:640px;color:var(--muted);font-size:15px;margin:0}
    .soft-card,.feature-card,.news-panel,.quote-card,.faq-item,.stage-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
    .soft-card{padding:26px;height:100%;transition:.25s}
    .soft-card:hover,.feature-card:hover,.stage-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .number-badge{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--blue),#6a95ff);font-weight:800}
    .soft-card h3,.feature-card h3,.stage-card h3{font-size:20px;margin:17px 0 9px;letter-spacing:-.03em}
    .soft-card p,.feature-card p,.stage-card p{color:var(--muted);font-size:14px;margin:0}
    .live-strip{background:#111936;color:#fff;border-radius:var(--radius-xl);padding:28px 30px;box-shadow:var(--shadow);overflow:hidden;position:relative}
    .live-strip:before{content:"";position:absolute;inset:auto -40px -100px auto;width:260px;height:260px;border-radius:50%;background:rgba(40,216,208,.16)}
    .live-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:18px;position:relative;z-index:1}
    .live-label{color:#9daaca;font-size:12px}.live-game{font-size:18px;font-weight:800;margin:5px 0}.live-meta{font-size:12px;color:#bcc8e5}
    .live-score{font-size:25px;font-weight:850;color:#60eee5}
    .feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
    .feature-card{overflow:hidden;position:relative;min-height:360px;transition:.25s}
    .feature-card img{height:220px;width:100%;object-fit:cover}
    .feature-card .inner{padding:22px}
    .feature-card.large{background:#17265d;color:#fff;border:0}
    .feature-card.large p{color:#cbd7f4}.feature-card.large img{height:260px;opacity:.88}
    .tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf3ff;color:var(--blue);font-size:12px;font-weight:750}
    .tag.light{background:rgba(255,255,255,.13);color:#bcecf7}
    .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}
    .image-card{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);position:relative}
    .image-card img{width:100%;height:390px;object-fit:cover}
    .image-caption{position:absolute;left:20px;right:20px;bottom:20px;padding:18px;border-radius:17px;background:rgba(17,25,54,.82);color:#fff;backdrop-filter:blur(10px)}
    .image-caption b{display:block;font-size:18px}.image-caption span{color:#cbd7f4;font-size:12px}
    .check-list{padding:0;margin:24px 0;list-style:none}
    .check-list li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid var(--line);color:#4f5b75;font-size:14px}
    .check-list li:before{content:"✓";position:absolute;left:0;top:10px;color:var(--blue);font-weight:900}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
    .metric{background:#fff;border:1px solid var(--line);border-radius:19px;padding:23px}
    .metric strong{font-size:34px;line-height:1;display:block;color:var(--blue);letter-spacing:-.06em}.metric span{display:block;color:var(--muted);font-size:13px;margin-top:10px}
    .dark-section{background:#111936;color:#fff;position:relative;overflow:hidden}
    .dark-section .section-intro{color:#aebbd7}.dark-section h2{color:#fff}
    .dark-section:after{content:"";position:absolute;right:-120px;top:40px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
    .reward-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;position:relative;z-index:1}
    .reward{padding:24px;border-radius:20px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}
    .reward .emoji{font-size:31px}.reward h3{font-size:19px;margin:15px 0 7px}.reward p{color:#b9c7e2;font-size:13px;margin:0}
    .progress-wrap{display:grid;grid-template-columns:1fr .85fr;gap:24px;align-items:stretch}
    .progress-card{background:#fff;border-radius:var(--radius-lg);padding:28px;border:1px solid var(--line)}
    .progress-row{margin:21px 0}.progress-title{display:flex;justify-content:space-between;font-size:13px;font-weight:750}.progress{height:9px;background:#e9edf5;border-radius:99px;margin-top:9px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:99px}
    .side-note{padding:30px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#eaf3ff,#e7fbfa);border:1px solid #d8eaf3}
    .side-note h3{font-size:22px}.side-note p{font-size:14px;color:#53617a}
    .topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .topic{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:.25s}.topic:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.topic img{height:160px;width:100%;object-fit:cover}.topic-body{padding:20px}.topic-body h3{font-size:18px;margin:8px 0}.topic-body p{font-size:13px;color:var(--muted);margin:0}
    .news-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.news-panel{padding:12px 24px}.news-item{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.news-item:last-child{border-bottom:0}.news-date{font-size:12px;color:var(--blue);font-weight:800}.news-item h3{font-size:16px;margin:0 0 4px}.news-item p{margin:0;font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.more{font-size:12px;color:var(--blue);font-weight:750;white-space:nowrap}.recommend{padding:26px;background:linear-gradient(155deg,#e9f2ff,#fff);border-radius:var(--radius-lg);border:1px solid #dce7fb}.recommend h3{font-size:22px}.recommend ul{padding:0;list-style:none;margin:22px 0}.recommend li{padding:13px 0;border-bottom:1px dashed #cbd8ec;font-size:14px;font-weight:650}.recommend li span{color:var(--blue);margin-right:8px}
    .vertical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.vertical-card{min-height:300px;border-radius:22px;overflow:hidden;position:relative;background:#1e2e68;box-shadow:var(--shadow-sm)}.vertical-card img{height:100%;width:100%;object-fit:cover;opacity:.72;transition:.35s}.vertical-card:hover img{transform:scale(1.06);opacity:.58}.vertical-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(7,14,38,.95))}.vertical-copy{position:absolute;z-index:1;bottom:18px;left:18px;right:18px;color:#fff}.vertical-copy h3{font-size:18px;line-height:1.4;margin:8px 0}.vertical-copy p{font-size:12px;color:#cbd7f1;margin:0}
    .stage{background:#eef3ff}.stage-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.stage-card{padding:15px;transform:rotate(-2deg);background:#fff}.stage-card img{border-radius:16px;width:100%;height:330px;object-fit:cover}.stage-copy p{color:var(--muted);font-size:15px}.stage-pills{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.stage-pills span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #d8e3fa;color:#496188;font-size:12px}
    .security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.security-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px}.security-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eaf6ff;color:var(--blue);font-size:20px}.security-card h3{font-size:17px;margin:14px 0 6px}.security-card p{font-size:13px;color:var(--muted);margin:0}
    .quote-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:22px;align-items:stretch}.quote-intro{padding:35px;border-radius:var(--radius-xl);background:linear-gradient(145deg,#246bfe,#1d3b9d);color:#fff}.quote-intro p{color:#d5e3ff;font-size:14px}.quote-card{padding:30px}.quote-card blockquote{font-size:20px;line-height:1.7;margin:0 0 22px;font-weight:650}.quote-person{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.stars{color:#ffad54;letter-spacing:3px}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item{padding:21px 24px}.faq-item h3{font-size:16px;margin:0 0 9px}.faq-item p{font-size:13px;color:var(--muted);margin:0}
    .cta{padding:56px 0}.cta-box{padding:44px 50px;border-radius:var(--radius-xl);background:linear-gradient(120deg,#16245a,#256df6);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px;position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-50px;top:-100px}.cta-box h2{margin:0;font-size:34px}.cta-box p{margin:10px 0 0;color:#d2def7;font-size:14px}.cta-box .btn-primary-custom{background:#fff;color:var(--blue);position:relative;z-index:1}.cta-box .btn-primary-custom:hover{background:#dffcf9;color:var(--blue-deep)}
    footer{background:#0d1430;color:#a8b5d0;padding:48px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.12)}footer .brand{color:#fff}.footer-copy{max-width:360px;font-size:13px;margin-top:17px;line-height:1.9}.footer-links{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start}.footer-links a{font-size:13px;color:#c8d4ec}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:22px;font-size:12px;line-height:2}
    .focus-ring:focus-visible,.btn-primary-custom:focus-visible,.btn-outline-custom:focus-visible,.nav-link:focus-visible{outline:3px solid rgba(40,216,208,.65);outline-offset:3px}
    @media(max-width:991px){.navbar-collapse{padding:15px 0}.nav-actions{margin-top:10px}.live-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.split,.progress-wrap,.stage-layout,.news-layout,.quote-layout{grid-template-columns:1fr}.metric-grid,.security-grid{grid-template-columns:repeat(2,1fr)}.vertical-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:767px){.navbar{min-height:68px}.hero{padding:64px 0 48px}.hero h1{font-size:39px}.hero-copy{font-size:15px}.icon-matrix{grid-template-columns:repeat(2,1fr)}.section{padding:62px 0}.section-head{display:block}.section-head .btn-outline-custom{margin-top:18px}.reward-grid,.topic-grid,.faq-grid{grid-template-columns:1fr}.news-item{grid-template-columns:70px 1fr}.news-item .more{display:none}.cta-box{display:block;padding:34px 27px}.cta-box h2{font-size:28px}.cta-box .btn-primary-custom{margin-top:22px}.footer-top{display:block}.footer-links{margin-top:25px}}
    @media(max-width:520px){.live-grid,.metric-grid,.security-grid,.vertical-grid{grid-template-columns:1fr}.live-strip{padding:23px 20px}.hero-actions a{width:100%}.image-card img{height:300px}.stage-card img{height:260px}.footer-bottom{display:block}}

/* roulang page: category2 */
:root{--ink:#111936;--muted:#68728b;--paper:#f6f8fc;--white:#fff;--line:#e4e9f2;--blue:#246bfe;--blue-deep:#173b9a;--cyan:#28d8d0;--orange:#ff9d53;--shadow:0 18px 50px rgba(22,42,88,.10);--shadow-sm:0 8px 26px rgba(22,42,88,.08);--radius-xl:30px;--radius-lg:22px;--radius-md:16px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.78;letter-spacing:.01em}a{color:inherit;text-decoration:none;transition:all .25s ease}img{max-width:100%;display:block}button,input{font:inherit}.container{max-width:1180px}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,233,242,.85)}.navbar{min-height:78px}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-.04em}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#54b8ff);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(36,107,254,.28)}.brand-mark span{font-size:18px;font-weight:900}.nav-link{color:#566078!important;font-size:14px;font-weight:650;padding:9px 11px!important;border-radius:10px}.nav-link:hover,.nav-link.active{color:var(--blue)!important;background:#edf3ff}.nav-actions{display:flex;align-items:center;gap:12px}.locale{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted)}.locale span{padding:4px 8px;border-radius:999px}.locale .selected{color:var(--blue);background:#edf3ff;font-weight:700}.btn-primary-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:750;transition:.25s;border:1px solid transparent}.btn-primary-custom{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(36,107,254,.22)}.btn-primary-custom:hover{background:var(--blue-deep);color:#fff;transform:translateY(-2px)}.btn-outline-custom{border-color:#cbd5e8;color:var(--ink);background:#fff}.btn-outline-custom:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.navbar-toggler{border:0;padding:8px}.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(36,107,254,.15)}
    .hero{position:relative;overflow:hidden;padding:82px 0 72px;background:linear-gradient(120deg,rgba(17,37,101,.95),rgba(33,93,204,.86)),url("/assets/images/backpic/back-2.webp") center/cover}.hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-120px;top:-130px;box-shadow:0 0 0 38px rgba(255,255,255,.04),0 0 0 78px rgba(255,255,255,.03)}.hero .container{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a8e9ff;font-size:13px;font-weight:750;letter-spacing:.08em}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(40,216,208,.16)}.hero h1{margin:18px 0 20px;color:#fff;max-width:700px;font-size:clamp(36px,5vw,64px);line-height:1.16;letter-spacing:-.055em;font-weight:850}.hero-copy{max-width:650px;color:#d9e7ff;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero .btn-outline-custom{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}.hero .btn-outline-custom:hover{background:#fff;color:var(--blue)}.section{padding:78px 0}.section-tight{padding:52px 0}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}.section-head h2{font-size:clamp(27px,3vw,40px);line-height:1.25;letter-spacing:-.045em;margin:8px 0}.section-intro{max-width:650px;color:var(--muted);font-size:15px;margin:0}.soft-card,.feature-card,.quote-card,.faq-item,.stage-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.soft-card{padding:26px;height:100%;transition:.25s}.soft-card:hover,.feature-card:hover,.stage-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.number-badge{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--blue),#6a95ff);font-weight:800}.soft-card h3,.stage-card h3{font-size:20px;margin:17px 0 9px;letter-spacing:-.03em}.soft-card p,.stage-card p{color:var(--muted);font-size:14px;margin:0}.feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.feature-card{overflow:hidden}.feature-card img{height:260px;width:100%;object-fit:cover}.feature-card .inner{padding:25px}.feature-card.large{background:#17265d;color:#fff;border:0}.feature-card.large p{color:#cbd7f4}.tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf3ff;color:var(--blue);font-size:12px;font-weight:750}.tag.light{background:rgba(255,255,255,.13);color:#bcecf7}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md)}.metric strong{display:block;font-size:30px;color:var(--blue);line-height:1.2}.metric span{font-size:13px;color:var(--muted)}.dark-section{background:#111936;color:#fff;position:relative;overflow:hidden}.dark-section .section-intro{color:#aebbd7}.dark-section h2{color:#fff}.dark-section:after{content:"";position:absolute;right:-120px;top:40px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:1}.stage-card{padding:24px}.stage-card p{margin-bottom:0}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.topic img{height:170px;width:100%;object-fit:cover}.topic-body{padding:20px}.topic-body h3{font-size:18px;margin:9px 0}.topic-body p{font-size:13px;color:var(--muted);margin:0}.schedule{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.match-row{display:grid;grid-template-columns:110px 1fr 120px 100px;align-items:center;gap:20px;padding:19px 25px;border-bottom:1px solid var(--line)}.match-row:last-child{border:0}.match-time{color:var(--blue);font-weight:800}.match-teams{font-weight:750}.match-teams small{display:block;color:var(--muted);font-weight:400}.score{font-size:20px;font-weight:850}.quote-card{padding:30px;border-left:4px solid var(--cyan)}.quote-card p{font-size:18px;line-height:1.8;margin:0 0 16px}.quote-card cite{color:var(--muted);font-size:13px;font-style:normal}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item{padding:20px 23px}.faq-item summary{cursor:pointer;font-weight:750;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";float:right;color:var(--blue);font-size:20px}.faq-item[open] summary:after{content:"－"}.faq-item p{color:var(--muted);font-size:14px;margin:13px 0 0}.cta{padding:42px 48px;border-radius:var(--radius-xl);background:linear-gradient(115deg,#246bfe,#173b9a);color:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:32px;line-height:1.3;margin:0 0 8px}.cta p{color:#d9e7ff;margin:0}.cta .btn-outline-custom{background:#fff;color:var(--blue);border:0}.footer-copy{max-width:370px;color:var(--muted);font-size:13px;margin:18px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:13px 22px;max-width:520px;justify-content:flex-end;font-size:13px;color:#59657d}.footer-links a:hover{color:var(--blue)}footer{padding:54px 0 25px;background:#fff;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-bottom{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:#8791a5;font-size:12px}.focus-ring:focus-visible,.btn-primary-custom:focus-visible,.btn-outline-custom:focus-visible{outline:3px solid rgba(40,216,208,.65);outline-offset:3px}
    @media(max-width:992px){.nav-actions{margin:15px 0 8px}.stage-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.footer-top{display:block}.footer-links{justify-content:flex-start;margin-top:30px}}
    @media(max-width:768px){.section{padding:58px 0}.section-head{display:block}.section-head .section-intro{margin-top:13px}.metric-grid,.topic-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.match-row{grid-template-columns:80px 1fr 70px;padding:16px}.match-row .match-action{display:none}.cta{display:block;padding:32px 25px}.cta .btn-outline-custom{margin-top:22px}.hero{padding:65px 0 58px}}
    @media(max-width:520px){.brand{font-size:19px}.metric-grid,.stage-grid,.topic-grid{grid-template-columns:1fr}.hero h1{font-size:39px}.hero-copy{font-size:15px}.hero-actions a{width:100%}.match-row{gap:10px;font-size:13px}.score{font-size:17px}.footer-bottom{display:block}.footer-bottom div{margin-bottom:8px}}

/* roulang page: category1 */
:root{
      --ink:#111936;
      --muted:#68728b;
      --paper:#f6f8fc;
      --white:#fff;
      --line:#e4e9f2;
      --blue:#246bfe;
      --blue-deep:#173b9a;
      --cyan:#28d8d0;
      --orange:#ff9d53;
      --purple:#715cf2;
      --shadow:0 18px 50px rgba(22,42,88,.10);
      --shadow-sm:0 8px 26px rgba(22,42,88,.08);
      --radius-xl:30px;
      --radius-lg:22px;
      --radius-md:16px;
    }
    html{scroll-behavior:smooth}
    *{box-sizing:border-box}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.78;letter-spacing:.01em}
    a{color:inherit;text-decoration:none;transition:all .25s ease}
    img{max-width:100%;display:block}
    button,input,select{font:inherit}
    .container{max-width:1180px}
    .focus-ring:focus-visible,.btn-primary-custom:focus-visible,.btn-outline-custom:focus-visible,.form-control:focus-visible,.form-select:focus-visible{outline:3px solid rgba(40,216,208,.6);outline-offset:3px}
    .site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,233,242,.85)}
    .navbar{min-height:78px}
    .brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-.04em}
    .brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#54b8ff);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(36,107,254,.28)}
    .brand-mark span{font-size:18px;font-weight:900}
    .nav-link{color:#566078!important;font-size:14px;font-weight:650;padding:9px 11px!important;border-radius:10px}
    .nav-link:hover,.nav-link.active{color:var(--blue)!important;background:#edf3ff}
    .nav-actions{display:flex;align-items:center;gap:12px}
    .locale{display:flex;align-items:center;gap:2px;background:#f0f4fb;border:1px solid var(--line);border-radius:999px;padding:3px;color:#748099;font-size:12px;font-weight:750}
    .locale span{padding:5px 9px;border-radius:999px}
    .locale .selected{background:#fff;color:var(--blue);box-shadow:0 3px 10px rgba(22,42,88,.08)}
    .btn-primary-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:750;transition:.25s;border:1px solid transparent}
    .btn-primary-custom{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(36,107,254,.22)}
    .btn-primary-custom:hover{background:var(--blue-deep);color:#fff;transform:translateY(-2px)}
    .btn-outline-custom{border-color:#cbd5e8;color:var(--ink);background:#fff}
    .btn-outline-custom:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .navbar-toggler{border:0;padding:8px}
    .navbar-toggler:focus{box-shadow:0 0 0 3px rgba(36,107,254,.15)}
    .hero{position:relative;overflow:hidden;padding:76px 0 66px;background:linear-gradient(120deg,rgba(17,37,101,.95),rgba(33,93,204,.88)),url("/assets/images/backpic/back-2.webp") center/cover}
    .hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-120px;top:-130px;box-shadow:0 0 0 38px rgba(255,255,255,.04),0 0 0 78px rgba(255,255,255,.03)}
    .hero .container{position:relative;z-index:1}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a8e9ff;font-size:13px;font-weight:750;letter-spacing:.08em}
    .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(40,216,208,.16)}
    .hero h1{margin:18px 0 18px;color:#fff;max-width:700px;font-size:clamp(36px,5vw,64px);line-height:1.16;letter-spacing:-.055em;font-weight:850}
    .hero-copy{max-width:670px;color:#d9e7ff;font-size:17px;line-height:1.9}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
    .hero .btn-outline-custom{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
    .hero .btn-outline-custom:hover{background:#fff;color:var(--blue)}
    .hero-panel{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);padding:25px;box-shadow:0 22px 55px rgba(4,24,79,.24);max-width:410px;margin-left:auto}
    .panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}
    .panel-title{font-size:17px;font-weight:800}
    .live-dot{display:inline-flex;align-items:center;gap:6px;color:#ef6b4d;font-size:12px;font-weight:800}
    .live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#ef6b4d;box-shadow:0 0 0 5px rgba(239,107,77,.13)}
    .slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}
    .slot{border:1px solid var(--line);border-radius:13px;padding:10px 5px;text-align:center;color:var(--muted);font-size:12px;cursor:pointer}
    .slot:hover,.slot.active{border-color:var(--blue);background:#edf3ff;color:var(--blue);font-weight:800}
    .match-preview{background:#f5f8fe;border-radius:17px;padding:16px;margin-bottom:17px}
    .match-date{font-size:11px;color:var(--muted);margin-bottom:10px}
    .teams{display:flex;justify-content:space-between;align-items:center;font-weight:800}
    .teams strong{font-size:15px}
    .vs{font-size:11px;color:var(--blue);background:#e4edff;border-radius:99px;padding:5px 8px}
    .panel-note{color:var(--muted);font-size:12px;margin:0}
    .section{padding:78px 0}
    .section-tight{padding:52px 0}
    .section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}
    .section-kicker{color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
    h2{font-size:clamp(28px,3.4vw,44px);line-height:1.25;letter-spacing:-.05em;margin:7px 0 10px;font-weight:850}
    .section-intro{max-width:650px;color:var(--muted);font-size:15px;margin:0}
    .soft-card,.feature-card,.news-panel,.quote-card,.faq-item,.stage-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
    .soft-card{padding:25px;height:100%;transition:.25s}
    .soft-card:hover,.feature-card:hover,.stage-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .number-badge{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--blue),#6a95ff);font-weight:800}
    .soft-card h3,.feature-card h3,.stage-card h3{font-size:20px;margin:17px 0 9px;letter-spacing:-.03em}
    .soft-card p,.feature-card p,.stage-card p{color:var(--muted);font-size:14px;margin:0}
    .metric-strip{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px 25px}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
    .metric{border-right:1px solid var(--line);padding:4px 18px}
    .metric:last-child{border:0}
    .metric strong{display:block;color:var(--blue-deep);font-size:30px;line-height:1.2;letter-spacing:-.06em}
    .metric span{font-size:13px;color:var(--muted)}
    .feature-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:stretch}
    .feature-card{overflow:hidden;position:relative;transition:.25s}
    .feature-card img{height:270px;width:100%;object-fit:cover}
    .feature-card .inner{padding:23px}
    .feature-card.large{background:#17265d;color:#fff;border:0}
    .feature-card.large p{color:#cbd7f4}
    .feature-card.large img{height:290px;opacity:.88}
    .tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf3ff;color:var(--blue);font-size:12px;font-weight:750}
    .tag.light{background:rgba(255,255,255,.13);color:#bcecf7}
    .split-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}
    .image-card{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);position:relative}
    .image-card img{width:100%;height:390px;object-fit:cover}
    .image-caption{position:absolute;left:20px;right:20px;bottom:18px;color:#fff;font-size:13px;background:rgba(17,25,54,.7);backdrop-filter:blur(8px);border-radius:13px;padding:10px 14px}
    .check-list{padding:0;margin:23px 0;list-style:none}
    .check-list li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid var(--line);color:#4f5b75;font-size:14px}
    .check-list li:before{content:"✓";position:absolute;left:0;top:10px;color:var(--blue);font-weight:900}
    .dark-section{background:#111936;color:#fff;position:relative;overflow:hidden}
    .dark-section .section-intro{color:#aebbd7}
    .dark-section h2{color:#fff}
    .dark-section:after{content:"";position:absolute;right:-120px;top:40px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
    .journey{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;position:relative;z-index:1}
    .journey .stage-card{padding:22px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:none;color:#fff}
    .journey .stage-card p{color:#b9c7e6}
    .step-no{color:var(--cyan);font-weight:900;font-size:13px;letter-spacing:.1em}
    .match-board{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}
    .board-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}
    .board-head h3{font-size:20px;margin:0}
    .board-row{display:grid;grid-template-columns:100px 1fr 110px 115px;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line)}
    .board-row:last-child{border-bottom:0}
    .board-time{font-size:13px;color:var(--muted)}
    .board-match{font-weight:800}
    .board-match small{display:block;color:var(--muted);font-size:12px;font-weight:500}
    .score{font-size:19px;color:var(--blue-deep);font-weight:900}
    .status{font-size:12px;color:#ea704e;background:#fff1ec;border-radius:999px;padding:5px 9px;text-align:center}
    .topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .topic{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:.25s}
    .topic:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .topic img{height:170px;width:100%;object-fit:cover}
    .topic-body{padding:20px}
    .topic-body h3{font-size:18px;margin:8px 0}
    .topic-body p{font-size:13px;color:var(--muted);margin:0 0 13px}
    .news-panel{padding:8px 25px}
    .news-item{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
    .news-item:last-child{border-bottom:0}
    .news-date{font-size:12px;color:var(--blue);font-weight:800}
    .news-item h3{font-size:17px;margin:0 0 4px}
    .news-item p{color:var(--muted);font-size:13px;margin:0}
    .read-more{font-size:12px;color:var(--blue);font-weight:800;white-space:nowrap}
    .quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .quote-card{padding:29px;position:relative}
    .quote-card:before{content:"“";position:absolute;right:25px;top:8px;color:#dce8ff;font-size:76px;line-height:1;font-family:Georgia,serif}
    .quote-card p{font-size:17px;line-height:1.8;max-width:480px}
    .quote-card span{font-size:13px;color:var(--muted)}
    .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .faq-item{padding:21px 23px}
    .faq-item h3{font-size:16px;margin:0 0 8px}
    .faq-item p{font-size:13px;color:var(--muted);margin:0}
    .cta{padding:52px 0;background:linear-gradient(115deg,#246bfe,#173b9a);color:#fff}
    .cta-box{display:flex;justify-content:space-between;align-items:center;gap:24px}
    .cta h2{margin:0 0 8px;color:#fff;font-size:34px}
    .cta p{margin:0;color:#dbe8ff;max-width:650px}
    .cta .btn-primary-custom{background:#fff;color:var(--blue)}
    .cta .btn-primary-custom:hover{background:#dffdfa;color:var(--blue-deep)}
    footer{background:#0d1530;color:#d7e0f4;padding:47px 0 23px}
    footer .brand{color:#fff}
    .footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.13)}
    .footer-copy{max-width:440px;color:#9eacc8;font-size:13px;margin:17px 0 0}
    .footer-links{display:grid;grid-template-columns:repeat(3,auto);gap:11px 25px;align-content:start;font-size:13px;color:#b6c2db}
    .footer-links a:hover{color:#fff}
    .footer-bottom{display:flex;flex-wrap:wrap;gap:14px 28px;color:#8290ad;font-size:12px;padding-top:20px}
    @media(max-width:1024px){
      .nav-link{padding-left:7px!important;padding-right:7px!important}
      .hero-panel{margin-top:28px}
      .feature-grid,.split-copy{grid-template-columns:1fr}
      .journey{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:768px){
      .navbar{min-height:70px}
      .nav-actions{margin:15px 0 8px;justify-content:flex-start}
      .hero{padding:58px 0 48px}
      .section{padding:58px 0}
      .section-head{display:block}
      .section-intro{margin-top:12px}
      .metric-grid{grid-template-columns:repeat(2,1fr)}
      .metric:nth-child(2){border:0}
      .topic-grid,.faq-list,.quote-layout{grid-template-columns:1fr}
      .board-row{grid-template-columns:75px 1fr 65px;gap:10px;padding:16px}
      .board-row .status{display:none}
      .footer-top{display:block}
      .footer-links{margin-top:28px}
      .cta-box{display:block}
      .cta .btn-primary-custom{margin-top:22px}
    }
    @media(max-width:520px){
      .brand{font-size:19px}
      .brand-mark{width:34px;height:34px;border-radius:11px}
      .hero h1{font-size:38px}
      .hero-copy{font-size:15px}
      .hero-panel{padding:19px}
      .slot-grid{gap:6px}
      .metric-strip{padding:17px}
      .metric{padding:6px 10px}
      .metric strong{font-size:25px}
      .feature-card img,.feature-card.large img{height:205px}
      .journey{grid-template-columns:1fr}
      .news-panel{padding:5px 17px}
      .news-item{grid-template-columns:1fr;gap:4px;padding:17px 0}
      .read-more{margin-top:5px}
      .footer-links{grid-template-columns:repeat(2,auto)}
    }

/* roulang page: category3 */
:root{
      --ink:#111936;--muted:#68728b;--paper:#f6f8fc;--white:#fff;--line:#e4e9f2;
      --blue:#246bfe;--blue-deep:#173b9a;--cyan:#28d8d0;--orange:#ff9d53;
      --shadow:0 18px 50px rgba(22,42,88,.10);--shadow-sm:0 8px 26px rgba(22,42,88,.08);
      --radius-xl:30px;--radius-lg:22px;--radius-md:16px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.78;letter-spacing:.01em}
    a{color:inherit;text-decoration:none;transition:all .25s ease}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    .container{max-width:1180px}
    .site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,233,242,.85)}
    .navbar{min-height:78px}
    .brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-.04em}
    .brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#54b8ff);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(36,107,254,.28)}
    .brand-mark span{font-size:18px;font-weight:900}
    .nav-link{color:#566078!important;font-size:14px;font-weight:650;padding:9px 11px!important;border-radius:10px}
    .nav-link:hover,.nav-link.active{color:var(--blue)!important;background:#edf3ff}
    .nav-actions{display:flex;align-items:center;gap:12px}
    .locale{display:flex;gap:3px;border:1px solid var(--line);border-radius:999px;padding:4px;color:#8290aa;font-size:12px;font-weight:700}
    .locale span{padding:4px 8px;border-radius:999px}.locale .selected{color:var(--blue);background:#edf3ff}
    .btn-primary-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:750;transition:.25s;border:1px solid transparent}
    .btn-primary-custom{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(36,107,254,.22)}
    .btn-primary-custom:hover{background:var(--blue-deep);color:#fff;transform:translateY(-2px)}
    .btn-outline-custom{border-color:#cbd5e8;color:var(--ink);background:#fff}
    .btn-outline-custom:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .navbar-toggler{border:0;padding:8px}.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(36,107,254,.15)}
    .hero{position:relative;overflow:hidden;padding:84px 0 70px;background:linear-gradient(120deg,rgba(17,37,101,.95),rgba(33,93,204,.86)),url("/assets/images/backpic/back-2.webp") center/cover}
    .hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-120px;top:-130px;box-shadow:0 0 0 38px rgba(255,255,255,.04),0 0 0 78px rgba(255,255,255,.03)}
    .hero .container{position:relative;z-index:1}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a8e9ff;font-size:13px;font-weight:750;letter-spacing:.08em}
    .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(40,216,208,.16)}
    .hero h1{margin:18px 0 20px;color:#fff;max-width:720px;font-size:clamp(36px,5vw,64px);line-height:1.16;letter-spacing:-.055em;font-weight:850}
    .hero-copy{max-width:670px;color:#d9e7ff;font-size:17px;line-height:1.9}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
    .hero .btn-outline-custom{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
    .hero .btn-outline-custom:hover{background:#fff;color:var(--blue)}
    .data-board{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-xl);padding:22px;backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(4,18,70,.2)}
    .board-top{display:flex;justify-content:space-between;align-items:center;color:#d9e7ff;font-size:13px;margin-bottom:18px}
    .live-dot{color:#a8fff0}.live-dot:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-right:7px}
    .match-score{display:flex;align-items:center;justify-content:space-between;text-align:center;padding:20px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
    .team{width:31%;color:#fff;font-weight:750}.team-badge{width:46px;height:46px;margin:0 auto 9px;border-radius:15px;background:linear-gradient(135deg,#70d7ff,#246bfe);display:grid;place-items:center;font-size:20px}
    .score{font-size:34px;font-weight:850;color:#fff;letter-spacing:.08em}.score small{display:block;color:#bcd0f4;font-size:11px;font-weight:500;letter-spacing:0}
    .board-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.board-stat{padding:11px;background:rgba(255,255,255,.08);border-radius:13px;color:#c6d7f8;font-size:11px}.board-stat strong{display:block;color:#fff;font-size:18px}
    .section{padding:82px 0}.section-tight{padding:58px 0}
    .section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:32px}
    .section-kicker{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    h2{font-size:clamp(28px,3.3vw,44px);line-height:1.25;letter-spacing:-.05em;margin:8px 0 12px;font-weight:850}
    .section-intro{max-width:640px;color:var(--muted);font-size:15px;margin:0}
    .soft-card,.feature-card,.quote-card,.faq-item,.stage-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
    .soft-card{padding:26px;height:100%;transition:.25s}.soft-card:hover,.feature-card:hover,.stage-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .number-badge{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--blue),#6a95ff);font-weight:800}
    .soft-card h3,.feature-card h3,.stage-card h3{font-size:20px;margin:17px 0 9px;letter-spacing:-.03em}.soft-card p,.feature-card p,.stage-card p{color:var(--muted);font-size:14px;margin:0}
    .pain-panel{padding:36px;border-radius:var(--radius-xl);background:#fff2e8;border:1px solid #ffe0ca;height:100%}.pain-panel h3{font-size:25px;margin-bottom:14px}.pain-panel p{color:#765c4d}
    .pain-list{list-style:none;padding:0;margin:20px 0 0}.pain-list li{padding:11px 0;border-bottom:1px solid #f4d7c4;color:#715b50}.pain-list li:before{content:"×";color:#ee7c3f;font-weight:900;margin-right:10px}
    .feature-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}
    .feature-card{overflow:hidden;position:relative}.feature-card img{height:245px;width:100%;object-fit:cover}.feature-card .inner{padding:25px}.feature-card.large{background:#17265d;color:#fff;border:0}.feature-card.large p{color:#cbd7f4}.feature-card.large img{height:270px;opacity:.9}
    .tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf3ff;color:var(--blue);font-size:12px;font-weight:750}.tag.light{background:rgba(255,255,255,.13);color:#bcecf7}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{padding:23px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--line)}.metric strong{display:block;font-size:32px;color:var(--blue);letter-spacing:-.05em}.metric span{font-size:13px;color:var(--muted)}
    .dark-section{background:#111936;color:#fff;position:relative;overflow:hidden}.dark-section .section-intro{color:#aebbd7}.dark-section h2{color:#fff}.dark-section:after{content:"";position:absolute;right:-120px;top:40px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
    .stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:1}.stage-card{padding:24px}.stage-card .step{color:var(--cyan);font-size:12px;font-weight:800}.stage-card h3{font-size:18px}
    .check-list{padding:0;margin:24px 0;list-style:none}.check-list li{position:relative;padding:11px 0 11px 30px;border-bottom:1px solid var(--line);color:#4f5b75;font-size:14px}.check-list li:before{content:"✓";position:absolute;left:0;top:11px;color:var(--blue);font-weight:900}
    .image-card{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);position:relative}.image-card img{width:100%;height:390px;object-fit:cover}
    .insight-box{padding:34px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#eaf4ff,#fff);border:1px solid #dce9ff}.insight-box p{color:#53617c;font-size:15px}
    .quote-card{padding:30px;height:100%;position:relative}.quote-card:before{content:"“";color:#b9d0ff;font-size:70px;line-height:.8;font-family:Georgia;position:absolute;right:24px;top:17px}.quote-card p{font-size:17px;color:#3d4a65}.quote-author{font-size:13px;color:var(--muted);font-weight:750}
    .faq-wrap{max-width:880px;margin:auto}.faq-item{margin-bottom:12px;overflow:hidden}.faq-item button{width:100%;border:0;background:#fff;color:var(--ink);text-align:left;padding:20px 24px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.faq-item button:hover{color:var(--blue);background:#fbfcff}.faq-answer{padding:0 24px 21px;color:var(--muted);font-size:14px}
    .cta{padding:58px 0;background:linear-gradient(115deg,#246bfe,#173b9a);color:#fff}.cta h2{color:#fff}.cta p{color:#dce8ff;max-width:650px}.cta .btn-primary-custom{background:#fff;color:var(--blue)}.cta .btn-primary-custom:hover{background:#dffcfb;color:var(--blue-deep)}
    footer{background:#0d1430;color:#fff;padding:48px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:40px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:34px}.footer-copy{max-width:470px;color:#aebbd7;font-size:14px;margin:18px 0 0}.footer-links{display:grid;grid-template-columns:repeat(3,auto);gap:10px 28px;align-content:start;color:#cbd6ed;font-size:13px}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;flex-wrap:wrap;gap:14px 28px;color:#8290af;font-size:12px;padding-top:22px}
    .focus-ring:focus-visible,.btn-primary-custom:focus-visible,.btn-outline-custom:focus-visible,button:focus-visible{outline:3px solid rgba(40,216,208,.65);outline-offset:3px}
    @media(max-width:1024px){.nav-link{padding-left:7px!important;padding-right:7px!important}.stage-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.hero{padding:62px 0 52px}.hero h1{font-size:42px}.hero-board{margin-top:34px}.feature-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.section{padding:62px 0}.section-head{display:block}.section-head .section-intro{margin-top:13px}.footer-top{display:block}.footer-links{margin-top:28px}}
    @media(max-width:520px){.hero h1{font-size:35px}.hero-copy{font-size:15px}.hero-actions a{width:100%}.metric-grid,.stage-grid{grid-template-columns:1fr}.board-stats{grid-template-columns:1fr 1fr 1fr}.footer-links{grid-template-columns:repeat(2,1fr);gap:10px 18px}.footer-bottom{display:block}.footer-bottom div{margin-bottom:8px}.navbar{min-height:68px}}

/* roulang page: category4 */
:root{
      --ink:#111936;
      --muted:#68728b;
      --paper:#f6f8fc;
      --white:#fff;
      --line:#e4e9f2;
      --blue:#246bfe;
      --blue-deep:#173b9a;
      --cyan:#28d8d0;
      --orange:#ff9d53;
      --violet:#6d5dfc;
      --shadow:0 18px 50px rgba(22,42,88,.10);
      --shadow-sm:0 8px 26px rgba(22,42,88,.08);
      --radius-xl:30px;
      --radius-lg:22px;
      --radius-md:16px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.78;letter-spacing:.01em}
    a{color:inherit;text-decoration:none;transition:all .25s ease}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    .container{max-width:1180px}
    .focus-ring:focus-visible,.btn-primary-custom:focus-visible,.btn-outline-custom:focus-visible,summary:focus-visible{outline:3px solid rgba(40,216,208,.55);outline-offset:3px}
    .site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,233,242,.85)}
    .navbar{min-height:78px}
    .brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-.04em}
    .brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#54b8ff);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(36,107,254,.28)}
    .brand-mark span{font-size:18px;font-weight:900}
    .nav-link{color:#566078!important;font-size:14px;font-weight:650;padding:9px 11px!important;border-radius:10px}
    .nav-link:hover,.nav-link.active{color:var(--blue)!important;background:#edf3ff}
    .nav-actions{display:flex;align-items:center;gap:12px}
    .locale{display:flex;align-items:center;gap:3px;padding:4px;background:#f0f4fa;border:1px solid var(--line);border-radius:999px;color:#7b8499;font-size:12px;font-weight:700}
    .locale span{padding:5px 9px;border-radius:999px}
    .locale .selected{background:#fff;color:var(--blue);box-shadow:0 3px 8px rgba(22,42,88,.08)}
    .btn-primary-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:750;transition:.25s;border:1px solid transparent}
    .btn-primary-custom{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(36,107,254,.22)}
    .btn-primary-custom:hover{background:var(--blue-deep);color:#fff;transform:translateY(-2px)}
    .btn-outline-custom{border-color:#cbd5e8;color:var(--ink);background:#fff}
    .btn-outline-custom:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .navbar-toggler{border:0;padding:8px}
    .navbar-toggler:focus{box-shadow:0 0 0 3px rgba(36,107,254,.15)}
    .hero{position:relative;overflow:hidden;padding:78px 0 70px;background:linear-gradient(120deg,rgba(17,37,101,.97),rgba(33,93,204,.88)),url("/assets/images/backpic/back-2.webp") center/cover}
    .hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-120px;top:-130px;box-shadow:0 0 0 38px rgba(255,255,255,.04),0 0 0 78px rgba(255,255,255,.03)}
    .hero .container{position:relative;z-index:1}
    .hero-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a8e9ff;font-size:13px;font-weight:750;letter-spacing:.08em}
    .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(40,216,208,.16)}
    .hero h1{margin:18px 0 20px;color:#fff;max-width:650px;font-size:clamp(36px,5vw,64px);line-height:1.16;letter-spacing:-.055em;font-weight:850}
    .hero-copy{max-width:640px;color:#d9e7ff;font-size:17px;line-height:1.9}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
    .hero .btn-outline-custom{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
    .hero .btn-outline-custom:hover{background:#fff;color:var(--blue)}
    .hero-panel{background:rgba(9,22,69,.72);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-xl);padding:24px;box-shadow:0 22px 60px rgba(0,0,0,.22);backdrop-filter:blur(12px)}
    .panel-top{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:16px}
    .panel-title{font-size:16px;font-weight:800}
    .live-badge{font-size:11px;color:#12234f;background:var(--cyan);padding:4px 9px;border-radius:999px;font-weight:800}
    .score-row{display:grid;grid-template-columns:42px 1fr 70px 1fr 42px;align-items:center;gap:10px;padding:16px 0;border-top:1px solid rgba(255,255,255,.12)}
    .score-row:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
    .team-logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#ffb56d,#ff705f);display:grid;place-items:center;color:#fff;font-weight:900}
    .team-logo.blue{background:linear-gradient(135deg,#54cfff,#4771ff)}
    .team-name{color:#dce8ff;font-size:13px}
    .score{color:#fff;font-size:22px;font-weight:850;text-align:center}
    .game-state{font-size:11px;color:#93a8d7;text-align:center}
    .hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
    .metric-mini{padding:13px;border-radius:15px;background:rgba(255,255,255,.08);color:#fff}
    .metric-mini strong{display:block;font-size:21px;line-height:1.2}
    .metric-mini span{display:block;color:#aebde0;font-size:11px;margin-top:4px}
    .section{padding:82px 0}
    .section-tight{padding:56px 0}
    .section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:32px}
    .section-kicker{color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
    h2{font-size:clamp(28px,3.4vw,42px);line-height:1.25;letter-spacing:-.045em;margin:8px 0 0;font-weight:850}
    .section-intro{max-width:640px;color:var(--muted);font-size:15px;margin:0}
    .soft-card,.feature-card,.quote-card,.faq-item,.stage-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
    .soft-card{padding:26px;height:100%;transition:.25s}
    .soft-card:hover,.feature-card:hover,.stage-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .number-badge{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--blue),#6a95ff);font-weight:800}
    .soft-card h3,.feature-card h3,.stage-card h3{font-size:20px;margin:17px 0 9px;letter-spacing:-.03em}
    .soft-card p,.feature-card p,.stage-card p{color:var(--muted);font-size:14px;margin:0}
    .pain-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
    .pain-card{padding:24px;border-radius:var(--radius-lg);background:#fff6ef;border:1px solid #ffe2ca}
    .pain-card:nth-child(2){background:#f2f5ff;border-color:#dce5ff}
    .pain-card:nth-child(3){background:#ecfbfa;border-color:#c9f1ed}
    .pain-card h3{font-size:19px;margin:16px 0 8px}
    .pain-card p{margin:0;color:#68728b;font-size:14px}
    .feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}
    .feature-card{overflow:hidden;position:relative;min-height:380px}
    .feature-card img{height:230px;width:100%;object-fit:cover}
    .feature-card .inner{padding:24px}
    .feature-card.large{background:#17265d;color:#fff;border:0}
    .feature-card.large p{color:#cbd7f4}
    .feature-card.large img{height:270px;opacity:.88}
    .tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf3ff;color:var(--blue);font-size:12px;font-weight:750}
    .tag.light{background:rgba(255,255,255,.13);color:#bcecf7}
    .result-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
    .image-card{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);position:relative}
    .image-card img{width:100%;height:390px;object-fit:cover}
    .image-caption{position:absolute;left:20px;right:20px;bottom:20px;padding:16px 18px;border-radius:16px;background:rgba(17,25,54,.82);color:#fff;font-size:13px}
    .check-list{padding:0;margin:24px 0;list-style:none}
    .check-list li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid var(--line);color:#4f5b75;font-size:14px}
    .check-list li:before{content:"✓";position:absolute;left:0;top:10px;color:var(--blue);font-weight:900}
    .dark-section{background:#111936;color:#fff;position:relative;overflow:hidden}
    .dark-section .section-intro{color:#aebbd7}
    .dark-section h2{color:#fff}
    .dark-section:after{content:"";position:absolute;right:-120px;top:40px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
    .data-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;position:relative;z-index:1}
    .metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .data-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:23px}
    .data-box strong{display:block;color:#fff;font-size:34px;line-height:1.2}
    .data-box span{color:#aebbd7;font-size:13px}
    .ranking{background:#fff;color:var(--ink);border-radius:var(--radius-lg);padding:23px}
    .ranking-head,.ranking-row{display:grid;grid-template-columns:40px 1fr 80px 70px;gap:12px;align-items:center}
    .ranking-head{color:#8993a8;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:12px}
    .ranking-row{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}
    .ranking-row:last-child{border-bottom:0}
    .rank{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edf3ff;color:var(--blue);font-weight:850}
    .bar{height:7px;border-radius:999px;background:#e9eef8;overflow:hidden}
    .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
    .flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .stage-card{padding:23px;position:relative}
    .stage-card:not(:last-child):after{content:"→";position:absolute;right:-18px;top:42%;color:#9da9bf;font-size:22px;z-index:2}
    .stage-no{color:var(--orange);font-size:13px;font-weight:850}
    .quote-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;align-items:stretch}
    .quote-card{padding:30px;background:linear-gradient(135deg,#edf3ff,#fff)}
    .quote-mark{font-size:54px;line-height:.7;color:var(--blue);font-weight:900}
    .quote-card blockquote{font-size:21px;line-height:1.65;font-weight:700;margin:20px 0}
    .quote-card cite{font-size:13px;color:var(--muted);font-style:normal}
    .story-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px}
    .story-panel h3{font-size:22px;margin:0 0 12px}
    .story-panel p{color:var(--muted);font-size:14px;margin:0 0 16px}
    .faq-wrap{max-width:900px;margin:auto}
    .faq-item{margin-bottom:12px;padding:0 22px}
    .faq-item summary{cursor:pointer;list-style:none;padding:20px 30px 20px 0;font-size:16px;font-weight:800;position:relative}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";position:absolute;right:0;color:var(--blue);font-size:22px;font-weight:400}
    .faq-item[open] summary:after{content:"－"}
    .faq-answer{padding:0 0 20px;color:var(--muted);font-size:14px;max-width:780px}
    .cta{padding:70px 0;background:linear-gradient(120deg,#173b9a,#246bfe);color:#fff;position:relative;overflow:hidden}
    .cta:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.18);right:8%;top:-120px}
    .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;z-index:1}
    .cta h2{color:#fff;max-width:650px}
    .cta p{color:#d8e5ff;max-width:650px;margin:14px 0 0}
    .cta .btn-outline-custom{background:#fff;border-color:#fff;color:var(--blue)}
    footer{background:#0c1430;color:#fff;padding:48px 0 24px}
    .footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.13)}
    .footer-copy{max-width:450px;margin:18px 0 0;color:#aab7d1;font-size:13px}
    .footer-links{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:12px 24px;align-content:start;font-size:13px;color:#b7c2d8}
    .footer-links a:hover{color:#fff}
    .footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;color:#8795b5;font-size:12px}
    @media(max-width:1024px){
      .hero-layout,.feature-grid,.result-grid,.data-layout,.quote-layout{grid-template-columns:1fr}
      .hero-panel{max-width:720px}
      .flow-grid{grid-template-columns:repeat(2,1fr)}
      .stage-card:not(:last-child):after{display:none}
    }
    @media(max-width:768px){
      .navbar{min-height:68px}
      .nav-actions{margin:12px 0 8px;justify-content:flex-start}
      .hero{padding:58px 0 50px}
      .section{padding:60px 0}
      .section-head{display:block;margin-bottom:24px}
      .section-intro{margin-top:14px}
      .pain-grid,.flow-grid{grid-template-columns:1fr}
      .metric-grid{grid-template-columns:repeat(2,1fr)}
      .cta-inner,.footer-top{display:block}
      .footer-links{margin-top:30px}
      .cta .btn-outline-custom{margin-top:24px}
    }
    @media(max-width:520px){
      .hero h1{font-size:38px}
      .hero-copy{font-size:15px}
      .score-row{grid-template-columns:34px 1fr 52px 1fr 34px;gap:6px}
      .team-name{font-size:11px}
      .hero-metrics{gap:6px}
      .metric-mini{padding:10px 8px}
      .metric-mini strong{font-size:17px}
      .metric-mini span{font-size:10px}
      .feature-card.large img,.feature-card img{height:205px}
      .image-card img{height:290px}
      .ranking-head,.ranking-row{grid-template-columns:30px 1fr 60px 55px;gap:7px;font-size:11px}
      .footer-links{grid-template-columns:repeat(2,1fr)}
      .footer-bottom{display:block}
      .footer-bottom div{margin-top:8px}
    }

/* roulang page: category5 */
:root{
      --ink:#111936;
      --muted:#68728b;
      --paper:#f6f8fc;
      --white:#fff;
      --line:#e4e9f2;
      --blue:#246bfe;
      --blue-deep:#173b9a;
      --cyan:#28d8d0;
      --orange:#ff9d53;
      --shadow:0 18px 50px rgba(22,42,88,.10);
      --shadow-sm:0 8px 26px rgba(22,42,88,.08);
      --radius-xl:30px;
      --radius-lg:22px;
      --radius-md:16px;
    }
    html{scroll-behavior:smooth}
    *{box-sizing:border-box}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.78;letter-spacing:.01em}
    a{color:inherit;text-decoration:none;transition:all .25s ease}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    .container{max-width:1180px}
    .site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,233,242,.85)}
    .navbar{min-height:78px}
    .brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-.04em}
    .brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#54b8ff);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(36,107,254,.28)}
    .brand-mark span{font-size:18px;font-weight:900}
    .nav-link{color:#566078!important;font-size:14px;font-weight:650;padding:9px 11px!important;border-radius:10px}
    .nav-link:hover,.nav-link.active{color:var(--blue)!important;background:#edf3ff}
    .nav-actions{display:flex;align-items:center;gap:12px}
    .locale{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#778198;font-size:12px}
    .locale span{padding:4px 8px;border-radius:999px}
    .locale .selected{background:#edf3ff;color:var(--blue);font-weight:700}
    .btn-primary-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:750;transition:.25s;border:1px solid transparent}
    .btn-primary-custom{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(36,107,254,.22)}
    .btn-primary-custom:hover{background:var(--blue-deep);color:#fff;transform:translateY(-2px)}
    .btn-outline-custom{border-color:#cbd5e8;color:var(--ink);background:#fff}
    .btn-outline-custom:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .navbar-toggler{border:0;padding:8px}
    .navbar-toggler:focus{box-shadow:0 0 0 3px rgba(36,107,254,.15)}
    .hero{position:relative;overflow:hidden;padding:82px 0 70px;background:linear-gradient(120deg,rgba(17,37,101,.95),rgba(33,93,204,.86)),url("/assets/images/backpic/back-2.webp") center/cover}
    .hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-130px;top:-140px;box-shadow:0 0 0 38px rgba(255,255,255,.04),0 0 0 78px rgba(255,255,255,.03)}
    .hero .container{position:relative;z-index:1}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a8e9ff;font-size:13px;font-weight:750;letter-spacing:.08em}
    .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(40,216,208,.16)}
    .hero h1{margin:18px 0 20px;color:#fff;max-width:690px;font-size:clamp(36px,5vw,64px);line-height:1.16;letter-spacing:-.055em;font-weight:850}
    .hero-copy{max-width:680px;color:#d9e7ff;font-size:17px;line-height:1.9}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
    .hero .btn-outline-custom{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
    .hero .btn-outline-custom:hover{background:#fff;color:var(--blue)}
    .hero-panel{background:rgba(255,255,255,.97);border-radius:var(--radius-xl);padding:26px;box-shadow:0 25px 70px rgba(7,25,81,.25);max-width:420px;margin-left:auto}
    .hero-panel h3{font-size:20px;margin:0 0 8px}
    .hero-panel p{font-size:13px;color:var(--muted);margin:0 0 20px}
    .panel-score{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}
    .panel-score strong{font-size:34px;line-height:1;color:var(--blue)}
    .panel-score span{font-size:12px;color:var(--muted)}
    .progress{height:9px;background:#eaf0fa;border-radius:99px}
    .progress-bar{background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:99px}
    .progress-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--muted)}
    .section{padding:82px 0}
    .section-tight{padding:58px 0}
    .section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:32px}
    .section-kicker{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
    h2{font-size:clamp(28px,3.5vw,44px);line-height:1.25;letter-spacing:-.045em;margin:8px 0 0;font-weight:850}
    .section-intro{max-width:630px;color:var(--muted);font-size:15px;margin:0}
    .soft-card,.feature-card,.quote-card,.faq-item,.stage-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
    .soft-card{padding:26px;height:100%;transition:.25s}
    .soft-card:hover,.feature-card:hover,.stage-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .number-badge{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--blue),#6a95ff);font-weight:800}
    .soft-card h3,.feature-card h3,.stage-card h3{font-size:20px;margin:17px 0 9px;letter-spacing:-.03em}
    .soft-card p,.feature-card p,.stage-card p{color:var(--muted);font-size:14px;margin:0}
    .feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
    .feature-card{overflow:hidden;position:relative;min-height:360px;transition:.25s}
    .feature-card img{height:238px;width:100%;object-fit:cover}
    .feature-card .inner{padding:22px}
    .feature-card.large{background:#17265d;color:#fff;border:0}
    .feature-card.large p{color:#cbd7f4}
    .feature-card.large img{height:270px;opacity:.9}
    .tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf3ff;color:var(--blue);font-size:12px;font-weight:750}
    .tag.light{background:rgba(255,255,255,.13);color:#bcecf7}
    .split-zone{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
    .image-card{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);position:relative}
    .image-card img{width:100%;height:430px;object-fit:cover}
    .image-caption{position:absolute;left:20px;right:20px;bottom:20px;padding:16px 18px;border-radius:16px;background:rgba(17,25,54,.78);backdrop-filter:blur(10px);color:#fff;font-size:13px}
    .check-list{padding:0;margin:24px 0;list-style:none}
    .check-list li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid var(--line);color:#4f5b75;font-size:14px}
    .check-list li:before{content:"✓";position:absolute;left:0;top:10px;color:var(--blue);font-weight:900}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
    .metric{padding:24px;border:1px solid var(--line);background:#fff;border-radius:18px}
    .metric strong{display:block;font-size:31px;line-height:1.2;color:var(--blue);letter-spacing:-.04em}
    .metric span{display:block;color:var(--muted);font-size:13px;margin-top:7px}
    .dark-section{background:#111936;color:#fff;position:relative;overflow:hidden}
    .dark-section .section-intro{color:#aebbd7}
    .dark-section h2{color:#fff}
    .dark-section:after{content:"";position:absolute;right:-120px;top:40px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
    .stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:1}
    .stage-card{padding:22px;min-height:190px}
    .stage-card .stage-no{color:var(--orange);font-size:13px;font-weight:800}
    .stage-card h3{font-size:18px}
    .replay-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:8px 28px;box-shadow:var(--shadow-sm)}
    .replay-row{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}
    .replay-row:last-child{border-bottom:0}
    .replay-date{color:var(--blue);font-size:13px;font-weight:800}
    .replay-row h3{font-size:18px;margin:0 0 4px}
    .replay-row p{font-size:13px;color:var(--muted);margin:0}
    .quote-card{padding:30px;height:100%;position:relative}
    .quote-card:before{content:"“";position:absolute;right:24px;top:10px;color:#dce8ff;font-size:76px;line-height:1;font-family:Georgia}
    .quote-card p{font-size:16px;color:#44516d;max-width:520px}
    .quote-author{display:flex;align-items:center;gap:12px;margin-top:22px}
    .avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:800}
    .quote-author strong{display:block;font-size:14px}
    .quote-author span{display:block;color:var(--muted);font-size:12px}
    .faq-wrap{max-width:860px;margin:auto}
    .faq-item{margin-bottom:12px;overflow:hidden}
    .faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:20px 22px;background:#fff;border:0;color:var(--ink);font-weight:750}
    .faq-item button span{font-size:22px;color:var(--blue);font-weight:400}
    .faq-answer{padding:0 22px 20px;color:var(--muted);font-size:14px}
    .cta{padding:56px 0;background:linear-gradient(120deg,#246bfe,#173b9a);color:#fff}
    .cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px}
    .cta h2{font-size:34px;margin:0 0 10px}
    .cta p{color:#d7e5ff;max-width:650px;margin:0}
    .cta .btn-primary-custom{background:#fff;color:var(--blue)}
    .cta .btn-primary-custom:hover{background:#dffcfb;color:var(--blue-deep)}
    footer{background:#0e1530;color:#fff;padding:48px 0 24px}
    footer .brand{color:#fff}
    .footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12)}
    .footer-copy{max-width:450px;color:#aebbd7;font-size:14px;margin:18px 0 0}
    .footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 22px;max-width:520px}
    .footer-links a{color:#c7d3eb;font-size:13px}
    .footer-links a:hover{color:#fff}
    .footer-bottom{display:flex;flex-wrap:wrap;gap:12px 28px;padding-top:20px;color:#8e9bb7;font-size:12px}
    .focus-ring:focus-visible,.btn-primary-custom:focus-visible,.btn-outline-custom:focus-visible,.faq-item button:focus-visible{outline:3px solid rgba(40,216,208,.65);outline-offset:3px}
    @media(max-width:1024px){
      .nav-link{padding-left:8px!important;padding-right:8px!important}
      .split-zone,.feature-grid{gap:28px}
      .stage-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:768px){
      .navbar{min-height:68px}
      .nav-actions{padding:14px 0 20px;justify-content:space-between}
      .hero{padding:62px 0 48px}
      .hero-panel{margin:36px 0 0;max-width:none}
      .section{padding:62px 0}
      .section-head{display:block;margin-bottom:24px}
      .section-intro{margin-top:14px}
      .feature-grid,.split-zone{grid-template-columns:1fr}
      .metric-grid{grid-template-columns:repeat(2,1fr)}
      .replay-row{grid-template-columns:1fr;gap:7px}
      .replay-row .btn-outline-custom{justify-self:start;margin-top:8px}
      .footer-top,.cta-box{display:block}
      .footer-links{justify-content:flex-start;margin-top:28px}
      .cta .btn-primary-custom{margin-top:24px}
    }
    @media(max-width:520px){
      .brand{font-size:19px}
      .brand-mark{width:34px;height:34px;border-radius:11px}
      .hero h1{font-size:39px}
      .hero-copy{font-size:15px}
      .stage-grid{grid-template-columns:1fr}
      .metric-grid{gap:10px}
      .metric{padding:18px}
      .metric strong{font-size:25px}
      .replay-list{padding:4px 18px}
      .footer-bottom{display:block}
      .footer-bottom div{margin-top:8px}
    }

/* roulang page: category6 */
:root{
      --ink:#111936;
      --muted:#68728b;
      --paper:#f6f8fc;
      --white:#fff;
      --line:#e4e9f2;
      --blue:#246bfe;
      --blue-deep:#173b9a;
      --cyan:#28d8d0;
      --orange:#ff9d53;
      --shadow:0 18px 50px rgba(22,42,88,.10);
      --shadow-sm:0 8px 26px rgba(22,42,88,.08);
      --radius-xl:30px;
      --radius-lg:22px;
      --radius-md:16px;
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.78;letter-spacing:.01em}
    a{color:inherit;text-decoration:none;transition:all .25s ease}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    .container{max-width:1180px}
    .site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,233,242,.85)}
    .navbar{min-height:78px}
    .brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-.04em}
    .brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#54b8ff);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(36,107,254,.28)}
    .brand-mark span{font-size:18px;font-weight:900}
    .nav-link{color:#566078!important;font-size:14px;font-weight:650;padding:9px 11px!important;border-radius:10px}
    .nav-link:hover,.nav-link.active{color:var(--blue)!important;background:#edf3ff}
    .nav-actions{display:flex;align-items:center;gap:12px}
    .locale{display:flex;gap:3px;padding:4px;background:#f0f3f9;border:1px solid var(--line);border-radius:999px;color:#78839a;font-size:12px;font-weight:700}
    .locale span{padding:4px 8px;border-radius:999px}
    .locale .selected{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(22,42,88,.08)}
    .btn-primary-custom,.btn-outline-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:750;transition:.25s;border:1px solid transparent}
    .btn-primary-custom{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(36,107,254,.22)}
    .btn-primary-custom:hover{background:var(--blue-deep);color:#fff;transform:translateY(-2px)}
    .btn-outline-custom{border-color:#cbd5e8;color:var(--ink);background:#fff}
    .btn-outline-custom:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .navbar-toggler{border:0;padding:8px}.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(36,107,254,.15)}
    .hero{position:relative;overflow:hidden;padding:78px 0 66px;background:linear-gradient(120deg,rgba(17,37,101,.95),rgba(33,93,204,.86)),url("/assets/images/backpic/back-2.webp") center/cover}
    .hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-120px;top:-140px;box-shadow:0 0 0 38px rgba(255,255,255,.04),0 0 0 78px rgba(255,255,255,.03)}
    .hero .container{position:relative;z-index:1}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a8e9ff;font-size:13px;font-weight:750;letter-spacing:.08em}
    .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(40,216,208,.16)}
    .hero h1{margin:18px 0 20px;color:#fff;max-width:680px;font-size:clamp(36px,5vw,62px);line-height:1.16;letter-spacing:-.055em;font-weight:850}
    .hero-copy{max-width:650px;color:#d9e7ff;font-size:17px;line-height:1.9}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
    .hero .btn-outline-custom{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
    .hero .btn-outline-custom:hover{background:#fff;color:var(--blue)}
    .topic-console{background:rgba(255,255,255,.96);border-radius:var(--radius-xl);padding:25px;box-shadow:0 22px 60px rgba(8,25,83,.25);max-width:390px;margin-left:auto}
    .console-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
    .console-head strong{font-size:17px}.live-dot{font-size:12px;color:#e56840;font-weight:700}
    .live-dot:before{content:"";display:inline-block;width:7px;height:7px;background:#ff7757;border-radius:50%;margin-right:6px}
    .time-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 20px}
    .time-choice span{border:1px solid var(--line);border-radius:12px;padding:10px 4px;text-align:center;font-size:12px;color:var(--muted)}
    .time-choice .chosen{background:#edf3ff;color:var(--blue);border-color:#a9c4ff;font-weight:800}
    .console-match{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
    .team-mark{width:35px;height:35px;border-radius:11px;background:#eef3ff;color:var(--blue);display:grid;place-items:center;font-weight:800}
    .console-match small{display:block;color:var(--muted);font-size:11px}
    .section{padding:78px 0}.section-tight{padding:54px 0}
    .section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:31px}
    .section-kicker{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    h2{font-size:clamp(28px,3.5vw,43px);line-height:1.25;letter-spacing:-.05em;margin:7px 0 0;font-weight:850}
    .section-intro{max-width:620px;color:var(--muted);font-size:15px;margin:0}
    .soft-card,.feature-card,.quote-card,.faq-item,.stage-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
    .soft-card{padding:25px;height:100%;transition:.25s}.soft-card:hover,.feature-card:hover,.stage-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .number-badge{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--blue),#6a95ff);font-weight:800}
    .soft-card h3,.feature-card h3,.stage-card h3{font-size:20px;margin:17px 0 9px;letter-spacing:-.03em}
    .soft-card p,.feature-card p,.stage-card p{color:var(--muted);font-size:14px;margin:0}
    .feature-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:22px}
    .feature-card{overflow:hidden;position:relative;min-height:350px;transition:.25s}
    .feature-card img{height:220px;width:100%;object-fit:cover}.feature-card .inner{padding:22px}
    .feature-card.large{background:#17265d;color:#fff;border:0}.feature-card.large p{color:#cbd7f4}.feature-card.large img{height:270px;opacity:.88}
    .tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf3ff;color:var(--blue);font-size:12px;font-weight:750}
    .tag.light{background:rgba(255,255,255,.13);color:#bcecf7}
    .image-card{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)}.image-card img{width:100%;height:420px;object-fit:cover}
    .check-list{padding:0;margin:22px 0;list-style:none}.check-list li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid var(--line);color:#4f5b75;font-size:14px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--line)}.metric strong{display:block;font-size:31px;color:var(--blue);letter-spacing:-.06em}.metric span{font-size:13px;color:var(--muted)}
    .topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic{overflow:hidden}.topic img{height:168px;width:100%;object-fit:cover}.topic-body{padding:20px}.topic-body h3{font-size:18px;margin:9px 0}.topic-body p{font-size:13px;color:var(--muted);margin:0 0 15px}
    .dark-section{background:#111936;color:#fff;position:relative;overflow:hidden}.dark-section .section-intro{color:#aebbd7}.dark-section h2{color:#fff}.dark-section:after{content:"";position:absolute;right:-120px;top:40px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
    .process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.process:before{content:"";height:1px;background:#cbd8f4;position:absolute;left:10%;right:10%;top:29px}.stage-card{padding:23px;position:relative;z-index:1}.stage-card .number-badge{margin-bottom:13px}
    .story-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.story-text p{color:var(--muted);font-size:15px}.quote-card{padding:30px;position:relative}.quote-card:before{content:"“";position:absolute;right:25px;top:4px;color:#dce7ff;font-size:80px;line-height:1}.quote-card p{font-size:19px;line-height:1.7;margin:0 0 22px;position:relative}.quote-author{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#55cfe3,#246bfe);display:grid;place-items:center;color:#fff;font-weight:800}
    .faq-wrap{max-width:880px;margin:auto}.faq-item{margin-bottom:12px;padding:0 22px}.faq-item summary{cursor:pointer;list-style:none;padding:20px 4px;font-weight:800;position:relative;padding-right:35px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";position:absolute;right:4px;color:var(--blue);font-size:21px}.faq-item[open] summary:after{content:"－"}.faq-answer{padding:0 4px 20px;color:var(--muted);font-size:14px}
    .cta{background:linear-gradient(110deg,#246bfe,#163b9d);border-radius:var(--radius-xl);padding:46px 52px;color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-70px;top:-90px}.cta p{color:#dce8ff;max-width:640px}.cta .btn-outline-custom{background:#fff;color:var(--blue);border:0}
    footer{background:#0e1630;color:#fff;padding:55px 0 23px}.footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.13)}.footer-copy{max-width:440px;color:#9caaca;font-size:13px;margin:18px 0 0}.footer-links{display:grid;grid-template-columns:repeat(3,auto);gap:11px 28px;color:#bbc6dc;font-size:13px;align-content:start}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;color:#8995ae;font-size:12px}
    .focus-ring:focus-visible,.btn-primary-custom:focus-visible,.btn-outline-custom:focus-visible,.nav-link:focus-visible,summary:focus-visible{outline:3px solid rgba(40,216,208,.65);outline-offset:3px}
    @media(max-width:992px){.nav-actions{margin:14px 0 5px}.topic-grid{grid-template-columns:repeat(2,1fr)}.hero .row{gap:35px}.hero h1{font-size:48px}.process{grid-template-columns:repeat(2,1fr)}.process:before{display:none}}
    @media(max-width:768px){.section{padding:58px 0}.section-head{display:block}.section-intro{margin-top:15px}.feature-grid,.story-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:60px 0 50px}.hero h1{font-size:40px}.topic-console{margin:0;max-width:none}.footer-top{display:block}.footer-links{margin-top:30px}}
    @media(max-width:520px){.brand{font-size:19px}.hero h1{font-size:34px}.hero-copy{font-size:15px}.hero-actions .btn-primary-custom,.hero-actions .btn-outline-custom{width:100%}.topic-grid,.process{grid-template-columns:1fr}.metric-grid{gap:10px}.metric{padding:17px}.metric strong{font-size:25px}.cta{padding:32px 24px}.footer-links{grid-template-columns:repeat(2,auto);gap:10px 18px}.footer-bottom{display:block}.footer-bottom div{margin-bottom:8px}}