/* roulang page: index */
:root{
      --ink:#17191d;
      --ink-2:#24282e;
      --paper:#f4f2ed;
      --paper-2:#ebe9e3;
      --white:#fffdf9;
      --muted:#747873;
      --line:#d8d7d0;
      --cyan:#8bd8c6;
      --cyan-deep:#237e72;
      --orange:#d87945;
      --amber:#b5833e;
      --shadow:0 16px 40px rgba(23,25,29,.09);
      --radius:12px;
      --max:1220px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.75;font-size:16px}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;height:auto}
    button,input,select{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .notice{background:var(--ink);color:#dfe7e2;font-size:13px;padding:9px 0}
    .notice-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}
    .notice b{color:var(--cyan);font-weight:600}
    header{background:rgba(244,242,237,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
    .nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
    .brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em;font-size:20px;white-space:nowrap}
    .brand-mark{width:35px;height:35px;border-radius:8px;background:var(--ink);color:var(--cyan);display:grid;place-items:center;font-size:13px;letter-spacing:-.08em}
    .nav-links{display:flex;align-items:center;gap:28px;font-size:14px;color:#555b58}
    .nav-links a{padding:25px 0;border-bottom:2px solid transparent;transition:.25s}
    .nav-links a:hover,.nav-links a.active{color:var(--ink);border-color:var(--cyan-deep)}
    .nav-action{border:1px solid var(--ink);padding:10px 16px;border-radius:7px;font-size:13px;transition:.25s}
    .nav-action:hover{background:var(--ink);color:var(--white)}
    .menu-toggle{display:none;border:0;background:none;font-size:25px}
    .hero{min-height:650px;position:relative;background:var(--ink) url('/assets/images/backpic/back-1.jpg') center/cover no-repeat;color:var(--white);display:flex;align-items:center}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,19,22,.96) 12%,rgba(17,19,22,.78) 52%,rgba(17,19,22,.46))}
    .hero-content{position:relative;z-index:1;padding:92px 0 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
    .eyebrow,.section-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-weight:700}
    h1{font-size:clamp(38px,5vw,62px);line-height:1.16;letter-spacing:-.06em;margin:20px 0 24px;max-width:720px}
    .hero-copy{color:#ccd3ce;max-width:650px;font-size:17px;line-height:1.9}
    .hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:7px;border:1px solid transparent;font-weight:700;font-size:14px;transition:.25s}
    .btn-primary{background:var(--orange);color:#fff}
    .btn-primary:hover{background:#bd6033;transform:translateY(-2px)}
    .btn-light{border-color:#aab8b2;color:#f6faf7}
    .btn-light:hover{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}
    .hero-panel{background:rgba(23,25,29,.91);border:1px solid rgba(139,216,198,.34);padding:26px;border-radius:var(--radius);box-shadow:var(--shadow)}
    .panel-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #3b4544}
    .panel-label{color:#aebbb5;font-size:13px}.status{color:var(--cyan);font-size:12px}
    .panel-title{font-size:25px;line-height:1.3;margin:21px 0}
    .panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 25px}
    .panel-grid span{display:block;color:#89938e;font-size:12px}.panel-grid strong{display:block;margin-top:4px;color:#fff;font-size:15px}
    .route{background:var(--ink-2);color:#d5ddd7;padding:18px 0}
    .route-list{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none}
    .route-list li{display:flex;align-items:center;gap:10px;font-size:13px;color:#aeb6b1}
    .route-list li:not(:last-child):after{content:"→";color:var(--orange);margin-left:25px}
    .route-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan)}
    .section{padding:94px 0}.section-muted{background:var(--paper-2)}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
    h2{font-size:clamp(29px,3.5vw,42px);line-height:1.2;letter-spacing:-.05em;margin-top:10px}
    .section-intro{max-width:560px;color:var(--muted);font-size:15px}
    .split{display:grid;grid-template-columns:320px 1fr;gap:68px}
    .timeline{border-left:1px solid #b8bcb6;padding-left:25px}
    .timeline-item{position:relative;padding:3px 0 36px;color:var(--muted)}
    .timeline-item:before{content:"";position:absolute;left:-30px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--paper);border:2px solid var(--cyan-deep)}
    .timeline-item.active{color:var(--ink)}.timeline-item.active:before{background:var(--cyan-deep)}
    .timeline-item strong{display:block;font-size:18px;color:inherit}.timeline-item small{font-size:13px}
    .feature-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:42% 58%;box-shadow:0 8px 22px rgba(23,25,29,.04);transition:.25s}
    .feature-card:hover{border-color:var(--cyan-deep);box-shadow:var(--shadow);transform:translateY(-3px)}
    .feature-image{min-height:300px;object-fit:cover;width:100%;height:100%}
    .feature-body{padding:33px}
    .tag{display:inline-flex;padding:5px 9px;background:#e4f3ed;color:var(--cyan-deep);font-size:12px;border-radius:4px;font-weight:700}
    h3{font-size:23px;line-height:1.35;margin:16px 0 12px}
    .feature-body p{color:var(--muted);font-size:14px}
    .meta-row{display:flex;flex-wrap:wrap;gap:18px;color:#858b86;font-size:12px;margin:20px 0 26px}
    .text-link{font-weight:700;font-size:14px;color:var(--cyan-deep);transition:.2s}
    .text-link:hover{color:var(--orange);padding-left:4px}
    .score-wrap{background:var(--ink);color:var(--white);padding:38px;border-radius:var(--radius)}
    .score-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}
    .score-toolbar h2{color:var(--white);font-size:32px}.score-note{color:#929d97;font-size:12px}
    .filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:#2b3033;border:1px solid #454c4b;color:#bfc8c2;padding:8px 13px;border-radius:5px;font-size:12px}
    .filter.selected{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}
    .score-list{border-top:1px solid #3b4241}.score-row{display:grid;grid-template-columns:1.1fr 1.5fr .7fr .9fr;align-items:center;gap:18px;padding:21px 0;border-bottom:1px solid #333a39}
    .score-row small{display:block;color:#88928c;font-size:11px}.teams{font-weight:700}.versus{font-family:monospace;color:#f2f1e9;font-size:23px;letter-spacing:5px}.pending{color:#d4a56a;font-size:13px}
    .evidence{display:grid;grid-template-columns:1fr 1fr;gap:20px}.evidence-card{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.evidence-card h3{font-size:19px;margin:0 0 13px}.evidence-card p{font-size:14px;color:var(--muted)}.evidence-card ul{list-style:none;margin-top:18px}.evidence-card li{padding:10px 0;border-top:1px solid var(--line);font-size:14px}.evidence-card li span{float:right;color:var(--amber);font-size:12px}
    .topics{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;border-top:1px solid var(--line)}.topic{display:grid;grid-template-columns:95px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.topic img{width:95px;height:72px;object-fit:cover;border-radius:6px}.topic small{color:var(--cyan-deep);font-size:12px}.topic h3{font-size:17px;margin:4px 0}.topic p{color:var(--muted);font-size:13px}
    .faq{max-width:850px;margin:auto;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:18px}summary:after{content:"+";color:var(--orange);font-size:22px;font-weight:400}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:14px;padding:14px 35px 0 0}
    .cta{background:var(--cyan);padding:54px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:32px}.cta p{margin-top:8px;color:#285e58}.cta .btn{background:var(--ink);color:white}.cta .btn:hover{background:#353b3e}
    footer{background:var(--ink);color:#d8dfda;padding:52px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding-bottom:40px}.footer-brand{font-size:20px;font-weight:800}.footer-grid h4{font-size:14px;color:var(--cyan);margin-bottom:15px}.footer-grid p,.footer-grid a{color:#929d97;font-size:13px;line-height:2}.footer-grid a:hover{color:var(--white)}.footer-bottom{border-top:1px solid #343a3a;padding-top:20px;color:#7f8984;font-size:12px;display:flex;justify-content:space-between;gap:20px}
    @media(max-width:1024px){.hero-content{gap:35px}.nav-links{gap:16px}.split{gap:35px}}
    @media(max-width:768px){.container{width:min(100% - 32px,var(--max))}.notice-inner{display:block;text-align:center}.notice-inner span{display:none}.nav{height:68px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 16px;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px 5px}.nav-action{display:none}.menu-toggle{display:block}.hero{min-height:auto}.hero-content{grid-template-columns:1fr;padding:75px 0 65px}.hero-panel{max-width:520px}.route{overflow:auto}.route-list{min-width:680px}.section{padding:68px 0}.section-head{display:block}.section-intro{margin-top:16px}.split,.feature-card,.evidence{grid-template-columns:1fr}.feature-image{height:230px}.score-toolbar{display:block}.score-note{display:block;margin-top:8px}.score-row{grid-template-columns:1fr 1.2fr .65fr}.score-row>div:last-child{grid-column:3}.topics{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{display:block}.cta .btn{margin-top:22px}}
    @media(max-width:520px){h1{font-size:36px}.hero-copy{font-size:15px}.hero-buttons .btn{width:100%}.hero-panel{padding:20px}.panel-title{font-size:21px}.score-wrap{padding:23px 18px}.score-toolbar h2{font-size:27px}.score-row{gap:9px;font-size:13px}.versus{font-size:18px;letter-spacing:1px}.feature-body{padding:24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.topic{grid-template-columns:78px 1fr}.topic img{width:78px;height:65px}}

/* roulang page: category1 */
:root{
 --ink:#17191d;
 --ink-2:#24282e;
 --paper:#f4f2ed;
 --paper-2:#ebe9e3;
 --white:#fffdf9;
 --muted:#747873;
 --line:#d8d7d0;
 --cyan:#8bd8c6;
 --cyan-deep:#237e72;
 --orange:#d87945;
 --amber:#b5833e;
 --danger:#9b6938;
 --shadow:0 16px 40px rgba(23,25,29,.09);
 --shadow-soft:0 8px 22px rgba(23,25,29,.05);
 --radius:12px;
 --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.75;font-size:16px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(139,216,198,.82);outline-offset:3px}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.announcement{background:var(--ink);color:#c9d1cc;font-size:12px}
.announcement .container{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.announcement strong{color:var(--cyan);font-weight:700}
header{background:rgba(244,242,237,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em;font-size:20px;white-space:nowrap}
.brand-mark{width:35px;height:35px;border-radius:8px;background:var(--ink);color:var(--cyan);display:grid;place-items:center;font-size:13px;letter-spacing:-.08em}
.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;color:#555b58;margin:0}
.nav-links a{padding:25px 0;border-bottom:2px solid transparent;transition:.25s}
.nav-links a:hover,.nav-links a.active{color:var(--ink);border-color:var(--cyan-deep)}
.nav-action{border:1px solid var(--ink);padding:10px 16px;border-radius:7px;font-size:13px;transition:.25s;white-space:nowrap}
.nav-action:hover{background:var(--ink);color:var(--white)}
.menu-toggle{display:none;border:0;background:none;color:var(--ink);font-size:25px;padding:6px}
.page-banner{position:relative;overflow:hidden;background:var(--ink);color:var(--white);padding:67px 0 61px}
.page-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,25,29,.97),rgba(23,25,29,.82) 55%,rgba(23,25,29,.56)),url('/assets/images/backpic/back-2.webp') center/cover no-repeat}
.page-banner .container{position:relative;z-index:1}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#adb7b1;font-size:13px;margin-bottom:24px}
.breadcrumb a{transition:.2s}
.breadcrumb a:hover{color:var(--cyan)}
.breadcrumb .sep{color:var(--orange)}
.eyebrow,.section-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-weight:800}
.page-heading{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:55px;align-items:end}
h1,h2,h3,h4,p{margin-top:0}
h1{font-size:clamp(34px,4vw,52px);line-height:1.18;letter-spacing:-.055em;margin:13px 0 18px;max-width:800px}
.page-summary{max-width:780px;color:#c5cec8;font-size:16px;line-height:1.9;margin:0}
.banner-status{border-left:1px solid rgba(139,216,198,.55);padding:10px 0 10px 24px}
.banner-status span{display:block;color:#9ca8a2;font-size:12px}
.banner-status strong{display:block;font-size:17px;margin:4px 0 15px;color:#fff}
.section{padding:82px 0}
.section-muted{background:var(--paper-2)}
.section-dark{background:var(--ink);color:var(--white)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}
.section-head h2{font-size:clamp(27px,3vw,36px);line-height:1.3;letter-spacing:-.04em;margin:9px 0 0}
.section-intro{max-width:570px;color:var(--muted);font-size:15px;margin:0}
.section-dark .section-intro{color:#aab4ae}
.filter-shell{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-soft)}
.filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.filter-label{font-size:13px;color:var(--muted);font-weight:700;margin-right:4px}
.filter-chip{border:1px solid var(--line);background:#f8f7f2;color:#555b58;border-radius:5px;padding:8px 12px;font-size:13px;transition:.2s}
.filter-chip:hover,.filter-chip.active{border-color:var(--cyan-deep);color:var(--ink);background:#e4f3ed}
.filter-select{border:1px solid var(--line);background:var(--white);border-radius:5px;padding:8px 31px 8px 12px;color:#545a56;font-size:13px;min-height:39px}
.filter-note{width:100%;margin:6px 0 0;padding-top:13px;border-top:1px solid var(--line);color:#8b908b;font-size:12px}
.feature-record{margin-top:34px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:38% 62%;box-shadow:var(--shadow-soft);transition:.25s}
.feature-record:hover{border-color:var(--cyan-deep);box-shadow:var(--shadow);transform:translateY(-3px)}
.feature-media{position:relative;min-height:310px;background:#24282e}
.feature-media img{width:100%;height:100%;object-fit:cover}
.feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,25,29,.52),transparent 54%)}
.media-caption{position:absolute;bottom:19px;left:21px;z-index:1;color:#fff;font-size:12px}
.feature-content{padding:32px 35px}
.tag{display:inline-flex;padding:5px 9px;background:#e4f3ed;color:var(--cyan-deep);font-size:12px;border-radius:4px;font-weight:800;line-height:1.4}
.tag.orange{background:#f5e5db;color:#a84f22}
.tag.gray{background:#ecece7;color:#646b66}
.feature-content h3{font-size:27px;letter-spacing:-.04em;line-height:1.35;margin:16px 0 12px}
.feature-content p{color:var(--muted);font-size:15px;margin-bottom:18px}
.record-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:23px 0 25px}
.record-meta div{background:#fbfaf6;padding:12px 14px}
.record-meta span{display:block;color:#858b86;font-size:11px}
.record-meta strong{display:block;font-size:14px;margin-top:3px}
.text-link{font-weight:800;font-size:14px;color:var(--cyan-deep);transition:.2s}
.text-link:hover{color:var(--orange);padding-left:4px}
.archive-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:55px;align-items:start}
.archive-rail{border-left:1px solid var(--line);padding-left:28px}
.rail-title{font-size:13px;color:var(--muted);font-weight:800;margin-bottom:17px}
.rail-item{position:relative;padding:0 0 28px;color:var(--muted)}
.rail-item:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;left:-34px;top:8px;background:var(--paper);border:2px solid var(--cyan-deep)}
.rail-item.active{color:var(--ink)}
.rail-item.active:before{background:var(--cyan-deep)}
.rail-item strong{display:block;font-size:17px;color:inherit}
.rail-item small{font-size:12px}
.archive-list{border-top:1px solid var(--line)}
.archive-item{display:grid;grid-template-columns:105px minmax(0,1fr) 146px;gap:22px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);transition:.2s}
.archive-item:hover{background:rgba(255,253,249,.58);padding-left:12px;padding-right:12px}
.archive-date{font-size:13px;color:var(--muted)}
.archive-date strong{display:block;font-size:19px;color:var(--ink);line-height:1.35}
.archive-main h3{font-size:18px;line-height:1.45;margin:7px 0}
.archive-main p{font-size:13px;color:var(--muted);margin:0}
.archive-state{text-align:right;font-size:12px;color:var(--cyan-deep);font-weight:700}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--amber);margin-right:6px}
.score-panel{border:1px solid #3b4241;border-radius:var(--radius);padding:8px 27px;background:#1f2327}
.score-head,.score-row{display:grid;grid-template-columns:1.1fr 1.5fr .7fr .9fr;align-items:center;gap:18px}
.score-head{padding:16px 0 12px;color:#84908a;font-size:11px;letter-spacing:.08em}
.score-row{padding:21px 0;border-top:1px solid #363d3b}
.score-row small{display:block;color:#8d9891;font-size:11px}
.score-row strong{font-size:15px;color:#f1f5f1}
.score-number{font-family:Consolas,"Courier New",monospace;font-size:27px!important;letter-spacing:-.08em;color:var(--cyan)!important}
.score-state{font-size:12px;color:#c9d0cb}
.score-state em{font-style:normal;color:#d8a76b}
.rules-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px}
.rule-stack{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:9px 29px}
.rule-line{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:21px 0;border-bottom:1px solid var(--line)}
.rule-line:last-child{border-bottom:0}
.rule-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e4f3ed;color:var(--cyan-deep);font-size:12px;font-weight:800}
.rule-line h3{font-size:17px;margin:0 0 5px}
.rule-line p{font-size:14px;color:var(--muted);margin:0}
.notice-card{background:#292a28;color:#e7ebe7;border-radius:var(--radius);padding:32px;position:relative;overflow:hidden}
.notice-card:after{content:"!";position:absolute;right:23px;bottom:-45px;font-family:Georgia,serif;font-size:200px;color:rgba(139,216,198,.08);line-height:1}
.notice-card>*{position:relative;z-index:1}
.notice-card h3{font-size:24px;line-height:1.35;margin:13px 0}
.notice-card p{color:#b7c0ba;font-size:14px}
.notice-list{list-style:none;padding:0;margin:21px 0 0}
.notice-list li{padding:11px 0;border-top:1px solid #474c48;font-size:13px;color:#d5ddd7}
.notice-list li:before{content:"•";color:var(--orange);font-weight:900;margin-right:10px}
.empty-state{margin-top:31px;padding:35px;background:var(--white);border:1px dashed #bdbdb5;border-radius:var(--radius);text-align:center}
.empty-icon{width:45px;height:45px;margin:0 auto 14px;display:grid;place-items:center;background:#e6ebe6;border-radius:50%;font-size:20px;color:var(--cyan-deep)}
.empty-state h3{font-size:19px;margin-bottom:6px}
.empty-state p{max-width:570px;margin:0 auto;color:var(--muted);font-size:14px}
.faq{max-width:860px;margin:auto;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{width:100%;background:transparent;border:0;padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;color:var(--ink);font-size:17px;font-weight:800}
.faq-symbol{font-size:23px;font-weight:400;color:var(--cyan-deep);transition:.25s}
.faq-answer{display:none;padding:0 42px 22px 0;color:var(--muted);font-size:14px}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-symbol{transform:rotate(45deg);color:var(--orange)}
.cta{background:var(--cyan);padding:55px 0}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta h2{font-size:32px;letter-spacing:-.04em;margin:0}
.cta p{margin:8px 0 0;color:#285e58}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:7px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.25s}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:#353b3e;transform:translateY(-2px);color:#fff}
.btn-outline{border-color:var(--ink);color:var(--ink)}
.btn-outline:hover{background:var(--ink);color:#fff}
footer{background:var(--ink);color:#d8dfda;padding:52px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding-bottom:40px}
.footer-brand{font-size:20px;font-weight:800}
.footer-grid h4{font-size:14px;color:var(--cyan);margin-bottom:15px}
.footer-grid p,.footer-grid a{color:#929d97;font-size:13px;line-height:2;margin:0}
.footer-grid a:hover{color:var(--white)}
.footer-bottom{border-top:1px solid #343a3a;padding-top:20px;color:#7f8984;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media(max-width:1024px){
 .nav-links{gap:18px}
 .page-heading{grid-template-columns:1fr 220px;gap:30px}
 .archive-layout{gap:35px}
 .rules-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
 .container{width:min(var(--max),calc(100% - 32px))}
 .announcement .container{min-height:42px;font-size:11px}
 .announcement span:last-child{display:none}
 .nav{height:68px;position:relative}
 .brand{font-size:18px}
 .menu-toggle{display:block}
 .nav-links{display:none;position:absolute;top:68px;left:-16px;right:-16px;background:var(--paper);padding:10px 16px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}
 .nav-links.show{display:flex}
 .nav-links a{padding:12px 3px;border-bottom:1px solid var(--line)}
 .nav-action{display:none}
 .page-banner{padding:48px 0}
 .page-heading{grid-template-columns:1fr;gap:25px}
 .banner-status{border-left:0;border-top:1px solid rgba(139,216,198,.35);padding:18px 0 0}
 .section{padding:62px 0}
 .section-head{display:block;margin-bottom:25px}
 .section-intro{margin-top:13px}
 .feature-record{grid-template-columns:1fr}
 .feature-media{min-height:220px}
 .archive-layout{grid-template-columns:1fr;gap:26px}
 .archive-rail{display:flex;gap:20px;overflow:auto;padding:0 0 10px;border-left:0;border-bottom:1px solid var(--line)}
 .rail-title{display:none}
 .rail-item{min-width:152px;padding:0 0 13px}
 .rail-item:before{display:none}
 .archive-item{grid-template-columns:82px minmax(0,1fr)}
 .archive-state{grid-column:2;text-align:left}
 .score-panel{padding:7px 18px;overflow-x:auto}
 .score-head,.score-row{min-width:630px}
 .cta-inner{display:block}
 .cta .btn{margin-top:22px;width:100%}
 .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:520px){
 body{font-size:15px}
 .container{width:calc(100% - 28px)}
 .brand-mark{width:31px;height:31px}
 .brand{font-size:16px}
 h1{font-size:33px}
 .page-summary{font-size:15px}
 .section{padding:52px 0}
 .feature-content{padding:24px 21px}
 .feature-content h3{font-size:23px}
 .record-meta{grid-template-columns:1fr}
 .record-meta div{padding:10px 12px}
 .filter-shell{padding:17px}
 .filter-row{gap:8px}
 .filter-chip{padding:7px 9px}
 .archive-item{grid-template-columns:1fr;gap:7px;padding:20px 0}
 .archive-state{grid-column:auto}
 .rule-stack{padding:7px 20px}
 .notice-card{padding:26px 22px}
 .faq-question{font-size:16px;padding:18px 0}
 .faq-answer{padding-right:0}
 .cta h2{font-size:27px}
 .footer-grid{grid-template-columns:1fr;gap:24px}
 .footer-bottom{display:block}
 .footer-bottom span{display:block;margin-bottom:5px}
}