/* roulang page: index */
:root{--ink:#20223d;--muted:#61647f;--soft:#f7f6fc;--surface:#fff;--violet:#6654d9;--violet-dark:#4939b0;--lavender:#eeeaff;--pink:#f6dce9;--line:#e7e5f2;--deep:#252347;--radius:22px;--shadow:0 18px 48px rgba(40,33,95,.09);--wrap:1160px}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--soft);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none;transition:color .2s,background .2s,transform .2s,box-shadow .2s}
    button{font:inherit;cursor:pointer}
    img{display:block;max-width:100%}
    :focus-visible{outline:3px solid #a697ff;outline-offset:4px}
    ::selection{background:#d8cfff;color:var(--ink)}
    .container{width:min(calc(100% - 48px),var(--wrap));margin-inline:auto}
    .site-header{position:relative;z-index:10;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);box-shadow:0 6px 28px rgba(37,35,71,.04)}
    .nav{min-height:78px;display:flex;align-items:center;gap:30px}
    .brand{display:inline-flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
    .brand-mark{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:var(--violet);color:#fff;font-size:19px;box-shadow:0 7px 18px rgba(102,84,217,.25)}
    .nav-links{display:flex;align-items:center;gap:8px;margin-left:auto}
    .nav-links a{padding:9px 16px;border-radius:12px;color:var(--muted);font-size:14px;font-weight:700}
    .nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--violet-dark);background:var(--lavender)}
    .nav-action{display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border:1px solid #dcd5fa;border-radius:12px;color:var(--violet-dark);font-size:14px;font-weight:750;white-space:nowrap}
    .nav-action:hover{background:var(--lavender);transform:translateY(-2px)}
    main{overflow:hidden}
    section{padding:76px 0;border-bottom:1px solid rgba(231,229,242,.7)}
    .section-white{background:#fff}
    .section-tint{background:#f0eefb}
    .section-heading{max-width:750px;margin-bottom:32px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--violet-dark);font-size:13px;font-weight:800;letter-spacing:.06em}
    .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#ae88f7}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{line-height:1.28;letter-spacing:-.035em}
    h1{font-size:clamp(35px,5vw,62px);margin-bottom:21px}
    h2{font-size:clamp(28px,3.15vw,39px);margin:11px 0 17px}
    h3{font-size:19px;margin:0 0 10px}
    p{color:var(--muted);margin-bottom:0}
    .section-heading p,.section-intro{font-size:16px;line-height:1.9}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 20px;border-radius:13px;border:1px solid transparent;font-size:14px;font-weight:800;line-height:1.4}
    .btn-primary{background:var(--violet);color:#fff;box-shadow:0 10px 24px rgba(102,84,217,.2)}
    .btn-primary:hover{background:var(--violet-dark);transform:translateY(-2px);box-shadow:0 14px 27px rgba(102,84,217,.27)}
    .btn-light{background:#fff;color:var(--violet-dark);border-color:var(--line)}
    .btn-light:hover{background:var(--lavender);transform:translateY(-2px)}
    .badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 11px;background:var(--lavender);color:var(--violet-dark);font-size:12px;font-weight:800}
    .hero{position:relative;min-height:600px;display:flex;align-items:center;padding:83px 0 92px;background:#29264c url('/assets/images/55fc84eb97e3ec7d.webp') center/cover no-repeat;color:#fff}
    .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(96deg,rgba(29,27,62,.96) 0%,rgba(40,35,82,.91) 52%,rgba(40,35,82,.62) 100%)}
    .hero .container{position:relative}
    .hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);align-items:center;gap:65px}
    .hero h1{max-width:750px}
    .hero .eyebrow,.hero p{color:#e6ddff}
    .hero p{max-width:660px;font-size:16px;line-height:2}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
    .hero .btn-light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
    .hero .btn-light:hover{background:rgba(255,255,255,.22)}
    .console{background:#fdfcff;color:var(--ink);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 28px 65px rgba(14,11,45,.28);overflow:hidden;transform:rotate(1deg)}
    .console-top{display:flex;align-items:center;gap:7px;padding:17px 20px;background:#eeebfb;border-bottom:1px solid var(--line)}
    .dot{width:9px;height:9px;background:#d2c9f3;border-radius:50%}
    .console-top strong{margin-left:9px;font-size:13px;color:#555073}
    .console-body{padding:25px}
    .console-label{color:var(--violet-dark);font-size:12px;font-weight:800}
    .console pre{overflow-x:auto;margin:12px 0 18px;padding:20px;border-radius:15px;background:#282541;color:#eadfff;font:13px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}
    .console-note{padding-top:15px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
    .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}
    .split.reverse{grid-template-columns:1.1fr .9fr}
    .split.reverse .visual{order:2}
    .feature-list{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:13px}
    .feature-list li{display:flex;gap:12px;align-items:flex-start;color:var(--ink);font-weight:650}
    .feature-list li::before{content:"✓";flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--lavender);color:var(--violet-dark);font-size:14px}
    .visual{position:relative}
    .visual img{width:100%;height:365px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
    .visual .image-note{position:absolute;right:-13px;bottom:-15px;max-width:230px;background:#fff;padding:16px 19px;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);font-size:13px;font-weight:750}
    .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
    .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 8px 25px rgba(37,35,71,.035);transition:transform .22s,box-shadow .22s,border-color .22s}
    .card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cec5f4}
    .card p{font-size:14px;line-height:1.85}
    .card-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:21px;border-radius:14px;background:var(--lavender);color:var(--violet-dark);font-size:21px;font-weight:800}
    .step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
    .step{position:relative;padding:25px 22px;background:#fff;border:1px solid var(--line);border-radius:19px}
    .step-number{font-size:30px;line-height:1;color:#a699e8;font-weight:850;margin-bottom:22px}
    .step p{font-size:14px}
    .stage{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:23px;overflow:hidden;box-shadow:var(--shadow)}
    .stage-item{padding:28px;border-right:1px solid var(--line)}
    .stage-item:last-child{border-right:0}
    .stage-item strong{display:block;margin:11px 0;font-size:19px}
    .stage-item p{font-size:14px}
    .showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
    .showcase-main{position:relative;min-height:330px;border-radius:var(--radius);overflow:hidden;background:#29264c}
    .showcase-main img{width:100%;height:100%;min-height:330px;object-fit:cover}
    .showcase-main::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(24,22,52,.88))}
    .showcase-caption{position:absolute;z-index:1;bottom:24px;left:27px;right:27px;color:#fff}
    .showcase-caption p{color:#ece7ff;font-size:14px}
    .showcase-side{display:grid;gap:16px}
    .mini-panel{padding:22px;border-radius:19px;background:#fff;border:1px solid var(--line)}
    .mini-panel p{font-size:14px}
    .quote{border-left:4px solid #a999ed;padding:23px 28px;background:#fff;border-radius:0 19px 19px 0;box-shadow:var(--shadow)}
    .quote p{font-size:17px;color:var(--ink)}
    .quote small{display:block;margin-top:12px;color:var(--muted)}
    .news-list{display:grid;gap:12px}
    .news-item{display:grid;grid-template-columns:85px 1fr auto;align-items:center;gap:21px;padding:18px 22px;border:1px solid var(--line);border-radius:17px;background:#fff;transition:transform .2s,border-color .2s}
    .news-item:hover{transform:translateX(4px);border-color:#cbbff5}
    .news-item .badge{justify-self:start}
    .news-item strong{font-size:16px}
    .news-item p{font-size:13px}
    .news-item .arrow{color:var(--violet);font-size:22px}
    .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .metric{padding:30px;border-radius:20px;background:#fff;border:1px solid var(--line)}
    .metric b{display:block;font-size:27px;line-height:1.3;color:var(--violet-dark)}
    .metric p{margin-top:8px;font-size:14px}
    .channel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 31px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
    .channel p{max-width:720px;font-size:14px}
    .channel .btn{flex:none}
    .download-band{background:#eae5fb}
    .download-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
    .download-panel img{height:330px;width:100%;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}
    .notice{padding:21px 24px;border-radius:18px;border:1px solid #d8cdf2;background:#fff;display:flex;gap:17px;align-items:flex-start}
    .notice-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--lavender);color:var(--violet-dark);font-weight:900}
    .notice p{font-size:14px}
    .closing{background:var(--deep);color:#fff;text-align:center}
    .closing .section-heading{margin:0 auto 26px}
    .closing p{color:#dfdcf4}
    .closing .eyebrow{color:#d6c8ff}
    .closing .btn-light{color:var(--violet-dark)}
    footer{padding:45px 0 25px;background:#1d1c35;color:#d7d4ea}
    .footer-top{display:flex;justify-content:space-between;gap:28px;align-items:start;padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.13)}
    .footer-brand{font-weight:800;color:#fff;font-size:19px}
    .footer-top p{max-width:580px;margin-top:10px;color:#bcb8d1;font-size:14px}
    .footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}
    .footer-links a:hover{color:#fff}
    .copyright{padding-top:22px;font-size:12px;color:#aaa6c3}
    @media(max-width:1024px){.hero-grid{gap:30px}.split{gap:35px}.step-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:13px}.brand{font-size:17px}.nav-links a{padding:8px 11px}}
    @media(max-width:768px){section{padding:58px 0}.nav{min-height:68px;flex-wrap:wrap;padding:13px 0;row-gap:10px}.nav-links{order:3;width:100%;margin-left:0;overflow-x:auto;padding-bottom:2px}.nav-action{margin-left:auto}.hero{padding:68px 0}.hero-grid,.split,.split.reverse,.showcase,.download-panel{grid-template-columns:1fr}.hero-grid{gap:30px}.console{transform:none}.split.reverse .visual{order:0}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{grid-template-columns:1fr}.stage-item{border-right:0;border-bottom:1px solid var(--line)}.stage-item:last-child{border-bottom:0}.visual img{height:300px}.footer-top{flex-direction:column}}
    @media(max-width:520px){.container{width:min(calc(100% - 32px),var(--wrap))}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.nav-action{padding:8px 10px;font-size:12px}.hero{min-height:0;padding:58px 0}.hero p{font-size:15px}.console-body{padding:18px}.console pre{font-size:11px}.grid-3,.grid-2,.step-grid,.metrics{grid-template-columns:1fr}.card,.metric{padding:22px}.visual img{height:240px}.visual .image-note{right:8px;bottom:-15px}.news-item{grid-template-columns:1fr auto;gap:8px}.news-item .badge{grid-column:1/-1}.channel{flex-direction:column;align-items:flex-start;padding:23px}.footer-links{gap:12px}.hero-actions .btn{width:100%}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* roulang page: category1 */
:root{--ink:#20223d;--muted:#61647f;--soft:#f7f6fc;--surface:#fff;--violet:#6654d9;--violet-dark:#4939b0;--lavender:#eeeaff;--pink:#f6dce9;--line:#e7e5f2;--deep:#252347;--radius:22px;--shadow:0 18px 48px rgba(40,33,95,.09);--wrap:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--soft);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:color .2s,background .2s,transform .2s,box-shadow .2s}
button,input{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.3;letter-spacing:-.035em}
h1{font-size:clamp(34px,4.4vw,56px);margin-bottom:20px}
h2{font-size:clamp(27px,3vw,38px);margin-bottom:13px}
h3{font-size:19px;margin-bottom:10px}
p{color:var(--muted);margin-bottom:0}
:focus-visible{outline:3px solid #aa91fb;outline-offset:3px}
.container{width:min(calc(100% - 48px),var(--wrap));margin-inline:auto}
.site-header{position:relative;z-index:10;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);box-shadow:0 6px 28px rgba(37,35,71,.04)}
.nav{min-height:78px;display:flex;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
.brand-mark{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:var(--violet);color:#fff;font-size:19px;box-shadow:0 7px 18px rgba(102,84,217,.25)}
.nav-links{display:flex;align-items:center;gap:8px;margin-left:auto}
.nav-links a{padding:9px 16px;border-radius:12px;color:var(--muted);font-size:14px;font-weight:700}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--violet-dark);background:var(--lavender)}
.nav-action{display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border:1px solid #dcd5fa;border-radius:12px;color:var(--violet-dark);font-size:14px;font-weight:750;white-space:nowrap}
.nav-action:hover{background:var(--lavender);transform:translateY(-2px)}
main{overflow:hidden}
section{padding:76px 0;border-bottom:1px solid rgba(231,229,242,.7)}
.section-white{background:#fff}
.section-tint{background:#f0eefb}
.section-heading{max-width:750px;margin-bottom:32px}
.section-heading p,.section-intro{font-size:16px;line-height:1.9}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--violet-dark);font-size:13px;font-weight:800;letter-spacing:.06em;margin-bottom:14px}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#ae88f7}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 20px;border-radius:13px;border:1px solid transparent;font-size:14px;font-weight:800;line-height:1.4;transition:transform .2s,background .2s,box-shadow .2s}
.btn-primary{background:var(--violet);color:#fff;box-shadow:0 10px 24px rgba(102,84,217,.2)}
.btn-primary:hover{background:var(--violet-dark);transform:translateY(-2px);box-shadow:0 14px 27px rgba(102,84,217,.27)}
.btn-light{background:#fff;color:var(--violet-dark);border-color:var(--line)}
.btn-light:hover{background:var(--lavender);transform:translateY(-2px)}
.btn:active,.nav-action:active{transform:translateY(0)}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 11px;background:var(--lavender);color:var(--violet-dark);font-size:12px;font-weight:800}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 8px 25px rgba(37,35,71,.035);transition:transform .22s,box-shadow .22s,border-color .22s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cec5f4}
.card p{font-size:14px;line-height:1.85}
.card-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:21px;border-radius:14px;background:var(--lavender);color:var(--violet-dark);font-size:21px;font-weight:800}
.feature-list{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:13px}
.feature-list li{display:flex;gap:12px;align-items:flex-start;color:var(--ink);font-weight:650}
.feature-list li::before{content:"✓";flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--lavender);color:var(--violet-dark);font-size:14px}
footer{padding:45px 0 25px;background:#1d1c35;color:#d7d4ea}
.footer-top{display:flex;justify-content:space-between;gap:28px;align-items:start;padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.13)}
.footer-brand{font-weight:800;color:#fff;font-size:20px;margin-bottom:10px}
.footer-top p{max-width:560px;color:#bdb9d1;font-size:14px;line-height:1.9}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;padding-top:5px}
.footer-links a{font-size:14px;white-space:nowrap}
.footer-links a:hover{color:#d0c2ff}
.copyright{padding-top:22px;color:#a9a5c0;font-size:13px}
.category-hero{position:relative;background:#29264c url('/assets/images/55fc84eb97e3ec7d.webp') center/cover no-repeat;color:#fff;padding:75px 0 83px}
.category-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(29,27,62,.97),rgba(40,35,82,.87) 62%,rgba(40,35,82,.67))}
.category-hero .container{position:relative}
.hero-lead{max-width:700px;margin-bottom:31px}
.category-hero .eyebrow,.category-hero p{color:#e6ddff}
.category-hero h1{max-width:830px}
.category-hero .hero-lead p{font-size:17px;line-height:1.95}
.quiz-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:16px;align-items:stretch}
.quiz-box,.result-box{border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:28px;background:rgba(255,255,255,.12);backdrop-filter:blur(14px);box-shadow:var(--shadow)}
.quiz-box h2,.result-box h2{font-size:22px;margin:0 0 20px}
.quiz-box fieldset{margin:0 0 18px;padding:0;border:0}
.quiz-box legend{font-size:14px;font-weight:750;margin-bottom:11px}
.choice-row{display:flex;flex-wrap:wrap;gap:9px}
.choice{position:relative;display:inline-flex}
.choice input{position:absolute;inset:0;opacity:0;cursor:pointer}
.choice span{display:inline-flex;padding:8px 14px;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:rgba(255,255,255,.09);font-size:14px;font-weight:700;transition:background .2s,border-color .2s}
.choice:hover span,.choice input:checked+span{background:#fff;color:var(--violet-dark);border-color:#fff}
.choice input:focus-visible+span{outline:3px solid #dfcfff;outline-offset:3px}
.quiz-box .btn{margin-top:3px}
.result-box{background:#fff;color:var(--ink)}
.result-box .eyebrow{color:var(--violet-dark)}
.result-box p{color:var(--muted);font-size:14px;line-height:1.9}
.result-box strong{display:block;margin:17px 0 9px;font-size:21px;line-height:1.4}
.result-box .badge{margin-top:19px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:55px}
.split.reverse{grid-template-columns:minmax(0,.95fr) minmax(0,1fr)}
.visual{position:relative}
.visual img{width:100%;height:365px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.visual-note{position:absolute;left:18px;bottom:18px;right:18px;padding:14px 18px;border-radius:14px;background:rgba(32,34,61,.89);color:#fff;font-size:14px;font-weight:700}
.notice-strip{display:flex;align-items:center;gap:22px;padding:22px 26px;background:var(--lavender);border:1px solid #ddd6fa;border-radius:18px}
.notice-strip strong{flex:none;color:var(--violet-dark)}
.notice-strip p{font-size:14px}
.topic-list{display:grid;gap:12px}
.topic-item{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:start;padding:19px 22px;background:#fff;border:1px solid var(--line);border-radius:17px}
.topic-item .number{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--lavender);color:var(--violet-dark);font-weight:800}
.topic-item strong{font-size:17px}
.topic-item p{font-size:14px;margin-top:4px}
.live-panel{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;background:var(--deep);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}
.live-panel>div{padding:34px}
.live-panel>div+div{background:#302d5d;border-left:1px solid rgba(255,255,255,.12)}
.live-panel h3{font-size:23px}
.live-panel p{color:#d8d3f1}
.live-panel .badge{background:rgba(255,255,255,.14);color:#fff;margin-bottom:17px}
.check-list{margin:19px 0 0;padding-left:20px;color:#e6e2f8}
.check-list li+li{margin-top:9px}
.ticket-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.ticket-main{padding:34px;border-radius:var(--radius);background:var(--deep);color:#fff}
.ticket-main h3{font-size:26px}
.ticket-main p{color:#d8d3f1}
.ticket-main .badge{background:rgba(255,255,255,.14);color:#fff;margin-bottom:20px}
.ticket-side{display:grid;gap:18px}
.ticket-side .card{padding:23px}
.info-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}
.info-row:first-child{padding-top:0}
.info-row:last-child{border-bottom:0;padding-bottom:0}
.info-row strong{font-size:17px}
.info-row span{color:var(--muted);font-size:14px;text-align:right}
.editorial{display:grid;grid-template-columns:310px 1fr;gap:27px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center}
.editorial img{width:100%;height:234px;object-fit:cover;border-radius:15px}
.editorial-content{padding:12px 19px 12px 0}
.editorial-content h3{font-size:24px;margin:12px 0}
.editorial-content p{font-size:15px;line-height:1.9}
.brief-list{display:grid;gap:12px;margin-top:17px}
.brief-list article{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:16px}
.brief-list strong{font-size:16px}
.brief-list span{color:var(--muted);font-size:13px;text-align:right}
.closing{background:var(--deep);color:#fff}
.closing .section-heading{max-width:800px;margin-bottom:26px}
.closing .eyebrow{color:#d6c8ff}
.closing p{color:#d8d3f1}
.closing .btn-light{color:var(--violet-dark)}
.closing-actions{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:1024px){
.nav{gap:15px}.brand{font-size:17px}.nav-links a{padding:8px 11px}
.quiz-shell{grid-template-columns:1fr 1fr}
.split,.split.reverse{gap:32px}
}
@media(max-width:768px){
.container{width:min(calc(100% - 36px),var(--wrap))}
.nav{min-height:72px;flex-wrap:wrap;padding:13px 0;gap:12px}
.nav-links{order:3;width:100%;margin-left:0;border-top:1px solid var(--line);padding-top:8px}
.nav-action{margin-left:auto}
section{padding:58px 0}
.category-hero{padding:62px 0}
.quiz-shell,.split,.split.reverse,.ticket-grid,.live-panel{grid-template-columns:1fr}
.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.live-panel>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.12)}
.editorial{grid-template-columns:240px 1fr}
.footer-top{flex-direction:column}
}
@media(max-width:520px){
.container{width:min(calc(100% - 30px),var(--wrap))}
.brand{font-size:15px;white-space:normal;line-height:1.35}
.brand-mark{width:36px;height:36px;flex:none}
.nav-action{padding:8px 10px;font-size:12px}
.nav-links a{padding:7px 12px}
h1{font-size:34px}
h2{font-size:27px}
.category-hero{padding:53px 0 60px}
.quiz-box,.result-box{padding:21px}
.grid-3,.grid-2{grid-template-columns:1fr}
.visual img{height:270px}
.notice-strip{display:block}.notice-strip p{margin-top:7px}
.editorial{grid-template-columns:1fr}
.editorial img{height:200px}
.editorial-content{padding:5px 7px 12px}
.brief-list article{display:block}
.brief-list span{display:block;text-align:left;margin-top:5px}
.info-row{display:block}
.info-row span{display:block;text-align:left;margin-top:4px}
.ticket-main,.live-panel>div{padding:25px}
.footer-links{gap:10px 17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}