/* roulang page: index */
:root{
            --bg:#101114;
            --bg-2:#17181d;
            --bg-3:#202126;
            --panel:#1c1d24;
            --panel-2:#23242b;
            --warm:#f3d7a0;
            --warm-2:#ffe8b8;
            --warm-surface:#f6e7c6;
            --text:#f8f7f2;
            --muted:#b8bac4;
            --soft:#d8dbe4;
            --line:rgba(255,255,255,.12);
            --line-2:rgba(255,255,255,.18);
            --accent:#ff6a21;
            --accent-2:#ff8d4d;
            --cyan:#26e0c8;
            --shadow:0 18px 60px rgba(0,0,0,.35);
            --shadow-soft:0 12px 30px rgba(0,0,0,.22);
            --radius:28px;
            --radius-sm:18px;
            --radius-xs:12px;
            --container:1280px;
        }
        *{box-sizing:border-box}
        html{
            scroll-behavior:smooth;
            overflow-x:hidden;
        }
        body{
            margin:0;
            min-height:100vh;
            color:var(--text);
            background:
                radial-gradient(1000px 520px at 18% -10%, rgba(255,106,33,.18), transparent 60%),
                radial-gradient(850px 460px at 100% 0%, rgba(38,224,200,.10), transparent 56%),
                radial-gradient(900px 520px at 50% 100%, rgba(255,232,184,.09), transparent 52%),
                linear-gradient(180deg, #0d0e11 0%, #101114 26%, #121318 100%);
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
            line-height:1.75;
            overflow-x:hidden;
            text-rendering:optimizeLegibility;
            -webkit-font-smoothing:antialiased;
        }
        body::before{
            content:"";
            position:fixed;
            inset:0;
            pointer-events:none;
            background-image:
                linear-gradient(115deg, rgba(255,255,255,.05) 0, rgba(255,255,255,0) 35%),
                linear-gradient(0deg, rgba(255,255,255,.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
            background-size:100% 100%, 42px 42px, 42px 42px;
            mask-image: radial-gradient(circle at center, rgba(0,0,0,.95), transparent 92%);
            opacity:.16;
        }
        ::selection{background:rgba(255,106,33,.35); color:#fff}
        a{color:inherit; text-decoration:none; transition:color .2s ease, opacity .2s ease, transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease}
        a:hover,a:focus{color:inherit}
        img{max-width:100%; display:block}
        button,input,textarea,select{font:inherit}
        button{cursor:pointer}
        :focus{outline:none}
        :focus-visible{
            outline:3px solid rgba(38,224,200,.45);
            outline-offset:3px;
            border-radius:12px;
        }
        .grid-container{
            max-width:var(--container);
            padding-left:1rem;
            padding-right:1rem;
        }
        .site-header{
            position:sticky;
            top:0;
            z-index:90;
            backdrop-filter: blur(18px);
            background:rgba(11,12,15,.76);
            border-bottom:1px solid rgba(255,255,255,.09);
            box-shadow:0 12px 30px rgba(0,0,0,.18);
        }
        .site-header::before{
            content:"";
            position:absolute;
            inset:0 0 auto 0;
            height:2px;
            background:linear-gradient(90deg, rgba(255,106,33,0), rgba(255,106,33,.95), rgba(38,224,200,.55), rgba(255,106,33,0));
            opacity:.75;
        }
        .header-inner{
            display:flex;
            align-items:center;
            gap:1rem;
            min-height:82px;
            padding:1rem 0;
        }
        .brand{
            display:inline-flex;
            align-items:center;
            gap:.85rem;
            flex:0 0 auto;
            color:#fff;
            font-weight:900;
            letter-spacing:.02em;
            white-space:nowrap;
        }
        .brand-mark{
            width:44px;
            height:44px;
            border-radius:16px;
            position:relative;
            background:
                linear-gradient(145deg, rgba(255,106,33,.96), rgba(255,145,82,.78)),
                linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,0));
            box-shadow:0 14px 30px rgba(255,106,33,.24), inset 0 0 0 1px rgba(255,255,255,.12);
            overflow:hidden;
        }
        .brand-mark::before{
            content:"";
            position:absolute;
            inset:10px 9px 24px 9px;
            border-radius:12px 12px 6px 6px;
            background:rgba(16,17,20,.92);
            transform:skewX(-12deg);
        }
        .brand-mark::after{
            content:"";
            position:absolute;
            width:10px;
            height:10px;
            border-radius:3px;
            background:#fff;
            top:11px;
            right:9px;
            box-shadow:-16px 16px 0 rgba(38,224,200,.95), -8px 20px 0 rgba(255,232,184,.9);
            opacity:.95;
        }
        .brand-text{
            display:flex;
            flex-direction:column;
            line-height:1.05;
        }
        .brand-text strong{
            font-size:1.12rem;
        }
        .brand-text span{
            font-size:.74rem;
            color:var(--muted);
            margin-top:.25rem;
            letter-spacing:.12em;
        }
        .desktop-nav{
            display:flex;
            align-items:center;
            gap:.25rem;
            margin-left:1rem;
            margin-right:auto;
            padding:.35rem;
            border-radius:999px;
            background:rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.08);
        }
        .nav-link{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:44px;
            padding:.7rem .95rem;
            border-radius:999px;
            color:var(--soft);
            font-size:.96rem;
            font-weight:700;
            position:relative;
        }
        .nav-link:hover,
        .nav-link:focus{
            color:#fff;
            background:rgba(255,255,255,.05);
            box-shadow:inset 0 0 0 1px rgba(255,106,33,.22);
            transform:translateY(-1px);
        }
        .nav-link.active{
            color:#fff;
            background:linear-gradient(135deg, rgba(255,106,33,.22), rgba(255,106,33,.08));
            box-shadow:inset 0 0 0 1px rgba(255,106,33,.35), 0 10px 22px rgba(255,106,33,.10);
        }
        .header-actions{
            display:flex;
            align-items:center;
            gap:.75rem;
            flex:0 0 auto;
        }
        .search-form{
            display:flex;
            align-items:center;
            gap:.55rem;
            min-width:280px;
            padding:.55rem .75rem;
            border-radius:999px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
        }
        .search-form svg{
            flex:0 0 auto;
            width:16px;
            height:16px;
            color:var(--muted);
        }
        .search-form input{
            margin:0;
            height:auto;
            border:none;
            background:transparent;
            color:#fff;
            padding:0;
            box-shadow:none;
            font-size:.95rem;
        }
        .search-form input::placeholder{color:#8e93a3}
        .btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:.45rem;
            min-height:44px;
            padding:.82rem 1.15rem;
            border-radius:999px;
            border:1px solid transparent;
            font-weight:800;
            letter-spacing:.01em;
            transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, opacity .2s ease;
            white-space:nowrap;
        }
        .btn:hover{
            transform:translateY(-2px);
            color:#fff;
        }
        .btn:active{
            transform:translateY(0) scale(.98);
        }
        .btn-primary{
            color:#fff;
            background:linear-gradient(135deg, #ff6a21 0%, #ff8d4d 100%);
            box-shadow:0 16px 34px rgba(255,106,33,.28), inset 0 1px 0 rgba(255,255,255,.15);
        }
        .btn-primary:hover{
            box-shadow:0 20px 40px rgba(255,106,33,.32), inset 0 1px 0 rgba(255,255,255,.18);
        }
        .btn-secondary{
            color:#fff;
            background:rgba(255,255,255,.04);
            border-color:rgba(255,255,255,.11);
        }
        .btn-secondary:hover{
            border-color:rgba(38,224,200,.34);
            box-shadow:0 14px 30px rgba(0,0,0,.18);
        }
        .btn-ghost{
            color:var(--soft);
            background:transparent;
            border-color:rgba(255,255,255,.14);
        }
        .btn-ghost:hover{
            color:#fff;
            border-color:rgba(255,106,33,.36);
            background:rgba(255,255,255,.03);
        }
        .btn-sm{
            min-height:40px;
            padding:.7rem 1rem;
            font-size:.92rem;
        }
        .menu-toggle{
            display:none;
            width:48px;
            height:48px;
            border-radius:16px;
            border:1px solid rgba(255,255,255,.12);
            background:rgba(255,255,255,.04);
            color:#fff;
            position:relative;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
        }
        .menu-toggle span{
            position:absolute;
            left:13px;
            right:13px;
            height:2px;
            border-radius:999px;
            background:#fff;
            transition:transform .2s ease, top .2s ease, opacity .2s ease;
        }
        .menu-toggle span:nth-child(1){top:16px}
        .menu-toggle span:nth-child(2){top:23px}
        .menu-toggle span:nth-child(3){top:30px}
        .mobile-nav{
            display:none;
            padding:0 0 1rem;
        }
        .mobile-nav.is-open{
            display:block;
        }
        .mobile-nav-inner{
            padding:1rem;
            border-radius:24px;
            background:rgba(16,17,20,.94);
            border:1px solid rgba(255,255,255,.11);
            box-shadow:var(--shadow);
        }
        .mobile-nav .nav-link{
            display:flex;
            width:100%;
            justify-content:flex-start;
            margin:.15rem 0;
        }
        .mobile-search{
            margin:.9rem 0;
        }
        .mobile-actions{
            display:grid;
            gap:.65rem;
            margin-top:.9rem;
        }
        .section{
            position:relative;
            padding:clamp(3.5rem, 7vw, 6.8rem) 0;
        }
        .section.warm{
            background:linear-gradient(180deg, #f5ddb0 0%, #f5e5c2 100%);
            color:#16161a;
        }
        .section.dark{
            background:transparent;
        }
        .section-soft{
            background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
        }
        .section-head{
            display:flex;
            align-items:flex-end;
            justify-content:space-between;
            gap:1rem;
            margin-bottom:1.4rem;
        }
        .section-kicker{
            display:inline-flex;
            align-items:center;
            gap:.45rem;
            padding:.38rem .75rem;
            border-radius:999px;
            background:rgba(255,106,33,.14);
            color:#ffd9c3;
            border:1px solid rgba(255,106,33,.26);
            font-size:.82rem;
            font-weight:800;
            letter-spacing:.08em;
            text-transform:uppercase;
        }
        .section.warm .section-kicker{
            background:rgba(16,17,20,.08);
            color:#38210f;
            border-color:rgba(0,0,0,.08);
        }
        .section-title{
            margin:.55rem 0 0;
            font-size:clamp(1.9rem, 4vw, 3.2rem);
            line-height:1.08;
            letter-spacing:-.03em;
            font-weight:900;
        }
        .section-desc{
            max-width:66ch;
            margin:0;
            color:var(--muted);
            font-size:1.03rem;
            line-height:1.85;
        }
        .section.warm .section-desc{
            color:#4a4134;
        }
        .section-grid{
            margin-top:1.5rem;
        }
        .hero{
            padding-top:clamp(1.35rem, 3vw, 2rem);
        }
        .hero-shell{
            position:relative;
            overflow:hidden;
            border-radius:38px;
            border:1px solid rgba(255,255,255,.12);
            background:
                radial-gradient(900px 480px at 0% 0%, rgba(255,106,33,.18), transparent 46%),
                radial-gradient(800px 500px at 100% 10%, rgba(38,224,200,.14), transparent 42%),
                linear-gradient(145deg, rgba(21,22,27,.98), rgba(14,15,18,.98));
            box-shadow:var(--shadow);
        }
        .hero-shell::before{
            content:"";
            position:absolute;
            inset:auto -8% 0 -8%;
            height:2px;
            background:linear-gradient(90deg, rgba(255,106,33,0), rgba(255,106,33,.9), rgba(38,224,200,.65), rgba(255,106,33,0));
        }
        .hero-shell::after{
            content:"";
            position:absolute;
            right:-8%;
            top:-12%;
            width:340px;
            height:340px;
            border-radius:50%;
            border:1px solid rgba(255,255,255,.06);
            background:radial-gradient(circle, rgba(255,255,255,.06), rgba(255,255,255,0) 65%);
            filter:blur(2px);
            opacity:.6;
        }
        .hero-inner{
            position:relative;
            z-index:1;
            padding:clamp(1.2rem, 3vw, 2.4rem);
        }
        .hero-kicker{
            display:inline-flex;
            align-items:center;
            gap:.5rem;
            padding:.45rem .75rem;
            border-radius:999px;
            background:rgba(255,255,255,.05);
            border:1px solid rgba(255,255,255,.1);
            color:#f5f2eb;
            font-size:.82rem;
            font-weight:800;
            letter-spacing:.1em;
            text-transform:uppercase;
        }
        .hero-title{
            margin:1rem 0 0;
            font-size:clamp(2.35rem, 5.5vw, 4.55rem);
            line-height:1.03;
            letter-spacing:-.04em;
            font-weight:950;
            max-width:12ch;
        }
        .hero-title .accent{
            color:var(--warm-2);
            text-shadow:0 0 26px rgba(255,232,184,.18);
        }
        .hero-sub{
            margin:1rem 0 0;
            max-width:64ch;
            color:var(--soft);
            font-size:1.08rem;
            line-height:1.86;
        }
        .hero-actions{
            display:flex;
            flex-wrap:wrap;
            gap:.8rem;
            margin-top:1.4rem;
        }
        .hero-notes{
            display:flex;
            flex-wrap:wrap;
            gap:.65rem;
            margin-top:1.05rem;
        }
        .hero-note{
            display:inline-flex;
            align-items:center;
            gap:.45rem;
            padding:.5rem .75rem;
            border-radius:999px;
            background:rgba(255,255,255,.05);
            border:1px solid rgba(255,255,255,.1);
            color:var(--soft);
            font-size:.92rem;
        }
        .hero-note .dot{
            width:8px;
            height:8px;
            border-radius:50%;
            background:var(--cyan);
            box-shadow:0 0 0 4px rgba(38,224,200,.15);
        }
        .stats-strip{
            display:grid;
            grid-template-columns:repeat(3, minmax(0, 1fr));
            gap:.75rem;
            margin-top:1.5rem;
        }
        .stat-chip{
            padding:.95rem 1rem;
            border-radius:20px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
        }
        .stat-chip strong{
            display:block;
            font-size:1.32rem;
            line-height:1.1;
            color:#fff;
        }
        .stat-chip span{
            display:block;
            margin-top:.25rem;
            color:var(--muted);
            font-size:.82rem;
        }
        .hero-board{
            position:relative;
            border-radius:34px;
            background:
                linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
                rgba(255,255,255,.02);
            border:1px solid rgba(255,255,255,.11);
            box-shadow:var(--shadow-soft);
            overflow:hidden;
        }
        .hero-board::before{
            content:"";
            position:absolute;
            inset:0;
            background:
                linear-gradient(125deg, rgba(255,106,33,.14), transparent 35%),
                linear-gradient(315deg, rgba(38,224,200,.10), transparent 42%);
            pointer-events:none;
        }
        .board-inner{
            position:relative;
            padding:1.15rem;
        }
        .countdown{
            display:flex;
            align-items:flex-end;
            justify-content:space-between;
            gap:1rem;
            padding:1rem 1.1rem;
            border-radius:24px;
            background:rgba(17,18,22,.75);
            border:1px solid rgba(255,255,255,.1);
        }
        .countdown small{
            display:block;
            color:var(--muted);
            font-size:.8rem;
            letter-spacing:.08em;
            text-transform:uppercase;
            margin-bottom:.35rem;
        }
        .countdown strong{
            display:block;
            font-size:clamp(1.7rem, 4vw, 2.45rem);
            line-height:1;
            font-weight:900;
            color:var(--warm-2);
            letter-spacing:.1em;
        }
        .countdown em{
            font-style:normal;
            color:var(--muted);
            font-size:.92rem;
            align-self:center;
            white-space:nowrap;
        }
        .featured-card{
            margin-top:1rem;
            padding:1rem;
            border-radius:26px;
            background:linear-gradient(180deg, rgba(255,106,33,.16), rgba(255,106,33,.06));
            border:1px solid rgba(255,106,33,.22);
        }
        .featured-card h3{
            margin:0;
            font-size:1.28rem;
            line-height:1.25;
            color:#fff;
        }
        .featured-card p{
            margin:.6rem 0 0;
            color:#f3ebe2;
            line-height:1.78;
        }
        .panel-label{
            display:inline-flex;
            align-items:center;
            gap:.4rem;
            padding:.35rem .65rem;
            border-radius:999px;
            background:rgba(38,224,200,.12);
            border:1px solid rgba(38,224,200,.25);
            color:#d8fff7;
            font-size:.78rem;
            font-weight:800;
            margin-bottom:.8rem;
        }
        .metric-grid{
            display:grid;
            grid-template-columns:repeat(2, minmax(0, 1fr));
            gap:.8rem;
            margin-top:.95rem;
        }
        .metric{
            padding:.9rem;
            border-radius:20px;
            background:rgba(15,16,20,.78);
            border:1px solid rgba(255,255,255,.09);
        }
        .metric span{
            display:block;
            color:var(--muted);
            font-size:.76rem;
            letter-spacing:.06em;
            text-transform:uppercase;
        }
        .metric strong{
            display:block;
            margin-top:.35rem;
            color:#fff;
            font-size:1.08rem;
            line-height:1.32;
        }
        .ticker{
            margin-top:1rem;
            display:flex;
            gap:.65rem;
            overflow:auto;
            padding-bottom:.2rem;
            scrollbar-width:thin;
        }
        .ticker::-webkit-scrollbar{height:6px}
        .ticker::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18); border-radius:999px}
        .tag{
            display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.38rem .72rem;
            border-radius:999px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
            color:var(--soft);
            font-size:.82rem;
            font-weight:700;
            white-space:nowrap;
        }
        .tag.accent{
            background:rgba(255,106,33,.15);
            border-color:rgba(255,106,33,.26);
            color:#ffd7c4;
        }
        .tag.cyan{
            background:rgba(38,224,200,.12);
            border-color:rgba(38,224,200,.24);
            color:#d6fff8;
        }
        .tag.warm{
            background:rgba(255,232,184,.12);
            border-color:rgba(255,232,184,.18);
            color:#fff0c5;
        }
        .panel-card{
            position:relative;
            padding:1.35rem;
            border-radius:var(--radius);
            background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03));
            border:1px solid rgba(255,255,255,.1);
            box-shadow:var(--shadow-soft);
            overflow:hidden;
        }
        .panel-card::before{
            content:"";
            position:absolute;
            left:0;
            top:0;
            width:100%;
            height:3px;
            background:linear-gradient(90deg, rgba(255,106,33,.95), rgba(38,224,200,.9));
            opacity:.9;
        }
        .panel-card:hover{
            transform:translateY(-2px);
            border-color:rgba(255,106,33,.22);
        }
        .panel-card h3,
        .panel-card h4{
            margin:0;
            line-height:1.18;
        }
        .panel-card p{
            margin:.7rem 0 0;
            color:var(--muted);
            line-height:1.8;
        }
        .feature-layout{
            display:grid;
            grid-template-columns:1.35fr .65fr;
            gap:1rem;
            align-items:stretch;
        }
        .feature-list{
            display:grid;
            gap:.85rem;
            margin-top:1rem;
        }
        .feature-item{
            display:flex;
            gap:.95rem;
            align-items:flex-start;
            padding:.95rem 1rem;
            border-radius:22px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
        }
        .feature-item:hover{
            border-color:rgba(38,224,200,.24);
            background:rgba(255,255,255,.05);
            transform:translateY(-1px);
        }
        .icon-box{
            width:46px;
            height:46px;
            flex:0 0 auto;
            border-radius:16px;
            display:grid;
            place-items:center;
            background:linear-gradient(135deg, rgba(255,106,33,.2), rgba(38,224,200,.12));
            border:1px solid rgba(255,255,255,.1);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
        }
        .icon-box svg{
            width:22px;
            height:22px;
            stroke:currentColor;
            stroke-width:1.8;
            fill:none;
            color:#fff;
        }
        .feature-item h3{
            font-size:1.08rem;
        }
        .feature-item p{
            margin:.35rem 0 0;
            color:var(--muted);
            line-height:1.8;
            font-size:.96rem;
        }
        .feature-mini{
            display:grid;
            gap:.85rem;
        }
        .mini-card{
            padding:1rem;
            border-radius:22px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
        }
        .mini-card strong{
            display:block;
            font-size:1.2rem;
            line-height:1.2;
        }
        .mini-card span{
            display:block;
            margin-top:.45rem;
            color:var(--muted);
            line-height:1.7;
            font-size:.92rem;
        }
        .badge-row{
            display:flex;
            flex-wrap:wrap;
            gap:.55rem;
            margin-top:1rem;
        }
        .badge{
            display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.42rem .78rem;
            border-radius:999px;
            font-size:.82rem;
            font-weight:800;
            border:1px solid rgba(255,255,255,.1);
            background:rgba(255,255,255,.05);
            color:#fff;
        }
        .badge.accent{
            background:rgba(255,106,33,.14);
            border-color:rgba(255,106,33,.24);
            color:#ffd9c3;
        }
        .badge.cyan{
            background:rgba(38,224,200,.12);
            border-color:rgba(38,224,200,.22);
            color:#d8fff8;
        }
        .badge.warm{
            background:rgba(255,232,184,.18);
            border-color:rgba(255,232,184,.22);
            color:#fff0c7;
        }
        .warm .panel-card,
        .warm .mini-card,
        .warm .ticket-card{
            color:#171612;
            border-color:rgba(0,0,0,.08);
        }
        .warm .panel-card,
        .warm .mini-card{
            background:rgba(255,255,255,.5);
        }
        .warm .panel-card p,
        .warm .mini-card span,
        .warm .section-desc,
        .warm .section-title,
        .warm .section-kicker{
            color:inherit;
        }
        .warm .section-kicker{
            background:rgba(22,22,26,.06);
        }
        .ticket-grid{
            display:grid;
            grid-template-columns:repeat(3, minmax(0, 1fr));
            gap:1rem;
        }
        .ticket-card{
            position:relative;
            padding:1.25rem;
            border-radius:26px;
            background:
                linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.42));
            border:1px dashed rgba(0,0,0,.12);
            box-shadow:0 18px 38px rgba(82,58,15,.12);
            overflow:hidden;
        }
        .ticket-card::before,
        .ticket-card::after{
            content:"";
            position:absolute;
            top:50%;
            width:22px;
            height:22px;
            border-radius:50%;
            background:var(--bg);
            transform:translateY(-50%);
            box-shadow:0 0 0 1px rgba(0,0,0,.05);
        }
        .ticket-card::before{left:-11px}
        .ticket-card::after{right:-11px}
        .ticket-card .ticket-num{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-width:54px;
            height:54px;
            border-radius:18px;
            background:rgba(255,106,33,.12);
            color:#ff6a21;
            font-size:1.65rem;
            font-weight:950;
            margin-bottom:.85rem;
        }
        .ticket-card h3{
            margin:0;
            color:#171612;
            font-size:1.15rem;
            line-height:1.28;
        }
        .ticket-card p{
            margin:.55rem 0 0;
            color:#463f33;
            line-height:1.78;
        }
        .ticket-tags{
            display:flex;
            flex-wrap:wrap;
            gap:.45rem;
            margin-top:.9rem;
        }
        .ticket-tag{
            display:inline-flex;
            align-items:center;
            padding:.36rem .6rem;
            border-radius:999px;
            background:rgba(0,0,0,.05);
            color:#3b3328;
            font-size:.78rem;
            font-weight:800;
        }
        .progress-layout{
            display:grid;
            grid-template-columns:1fr .92fr;
            gap:1rem;
            align-items:stretch;
        }
        .scoreboard{
            padding:1.2rem;
            border-radius:30px;
            background:
                linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)),
                rgba(255,255,255,.02);
            border:1px solid rgba(255,255,255,.1);
            box-shadow:var(--shadow-soft);
        }
        .scoreboard-head{
            display:flex;
            justify-content:space-between;
            gap:1rem;
            align-items:flex-end;
            margin-bottom:1rem;
        }
        .scoreboard-head strong{
            display:block;
            font-size:1.18rem;
            line-height:1.2;
        }
        .scoreboard-head span{
            display:block;
            color:var(--muted);
            font-size:.92rem;
            margin-top:.3rem;
        }
        .step-list{
            display:grid;
            gap:.82rem;
        }
        .step-item{
            padding:.95rem 1rem;
            border-radius:22px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
        }
        .step-top{
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:1rem;
        }
        .step-top h3{
            margin:0;
            font-size:1.02rem;
            line-height:1.35;
        }
        .step-top small{
            color:var(--muted);
            font-size:.8rem;
            white-space:nowrap;
        }
        .step-item p{
            margin:.45rem 0 .8rem;
            color:var(--muted);
            line-height:1.78;
            font-size:.95rem;
        }
        .progress-bar{
            height:7px;
            border-radius:999px;
            background:rgba(255,255,255,.08);
            overflow:hidden;
        }
        .progress-bar span{
            display:block;
            height:100%;
            border-radius:inherit;
            background:linear-gradient(90deg, var(--accent), #ffb167);
            box-shadow:0 0 0 1px rgba(255,255,255,.04);
        }
        .progress-mini{
            display:grid;
            gap:1rem;
        }
        .mini-status{
            padding:1rem;
            border-radius:22px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
        }
        .mini-status strong{
            display:block;
            font-size:1.6rem;
            line-height:1.1;
            color:#fff;
        }
        .mini-status span{
            display:block;
            margin-top:.35rem;
            color:var(--muted);
            font-size:.92rem;
            line-height:1.7;
        }
        .scene-grid{
            display:grid;
            grid-template-columns:1fr .88fr .92fr 1fr;
            gap:1rem;
            align-items:stretch;
        }
        .scene-card{
            padding:1.15rem;
            border-radius:28px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
            box-shadow:var(--shadow-soft);
            position:relative;
            overflow:hidden;
        }
        .scene-card:nth-child(2){transform:translateY(14px)}
        .scene-card:nth-child(3){transform:translateY(-6px)}
        .scene-card::before{
            content:"";
            position:absolute;
            inset:auto 1rem 0 1rem;
            height:3px;
            background:linear-gradient(90deg, rgba(255,106,33,.95), rgba(38,224,200,.8));
            border-radius:999px;
            opacity:.72;
        }
        .scene-card h3{
            margin:0;
            font-size:1.08rem;
            line-height:1.35;
        }
        .scene-card .meta{
            display:flex;
            gap:.5rem;
            flex-wrap:wrap;
            margin-top:.65rem;
        }
        .scene-card p{
            margin:.75rem 0 0;
            color:var(--muted);
            line-height:1.78;
            font-size:.95rem;
        }
        .scene-card .result{
            margin-top:.95rem;
            display:inline-flex;
            padding:.4rem .7rem;
            border-radius:999px;
            background:rgba(38,224,200,.12);
            border:1px solid rgba(38,224,200,.22);
            color:#d9fff8;
            font-size:.82rem;
            font-weight:800;
        }
        .insight-layout{
            display:grid;
            grid-template-columns:1.1fr .9fr;
            gap:1rem;
            align-items:stretch;
        }
        .quote-card{
            padding:1.5rem;
            border-radius:34px;
            background:
                radial-gradient(700px 260px at 100% 0%, rgba(255,106,33,.14), transparent 42%),
                linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
            border:1px solid rgba(255,255,255,.1);
            box-shadow:var(--shadow-soft);
            position:relative;
        }
        .quote-card::before{
            content:"";
            position:absolute;
            left:1.2rem;
            top:1.2rem;
            bottom:1.2rem;
            width:4px;
            border-radius:999px;
            background:linear-gradient(180deg, var(--accent), var(--cyan));
        }
        .quote-card blockquote{
            margin:0 0 0 1.3rem;
            font-size:1.18rem;
            line-height:1.9;
            color:#fff;
            font-weight:700;
        }
        .quote-card cite{
            display:block;
            margin:1rem 0 0 1.3rem;
            color:var(--muted);
            font-style:normal;
            font-size:.92rem;
        }
        .insight-list{
            display:grid;
            gap:.85rem;
        }
        .insight-item{
            padding:1rem 1.05rem;
            border-radius:24px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
        }
        .insight-item h3{
            margin:0;
            font-size:1.02rem;
            line-height:1.35;
        }
        .insight-item p{
            margin:.45rem 0 0;
            color:var(--muted);
            line-height:1.78;
            font-size:.95rem;
        }
        .media-scroll{
            display:grid;
            grid-auto-flow:column;
            grid-auto-columns:minmax(220px, 1fr);
            gap:.85rem;
            overflow-x:auto;
            padding-bottom:.25rem;
            scrollbar-width:thin;
        }
        .media-scroll::-webkit-scrollbar{height:6px}
        .media-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18); border-radius:999px}
        .media-card{
            padding:1rem;
            border-radius:24px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
            min-height:160px;
        }
        .media-card .thumb{
            height:72px;
            border-radius:18px;
            background:
                linear-gradient(135deg, rgba(255,106,33,.22), rgba(38,224,200,.14)),
                linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,0));
            border:1px solid rgba(255,255,255,.08);
            position:relative;
            overflow:hidden;
            margin-bottom:.85rem;
        }
        .media-card .thumb::before{
            content:"";
            position:absolute;
            inset:14px 18px;
            border-radius:12px;
            border:1px dashed rgba(255,255,255,.28);
        }
        .media-card h3{
            margin:0;
            font-size:1.02rem;
            line-height:1.35;
        }
        .media-card p{
            margin:.45rem 0 0;
            color:var(--muted);
            line-height:1.75;
            font-size:.92rem;
        }
        .case-grid{
            display:grid;
            grid-template-columns:repeat(3, minmax(0, 1fr));
            gap:1rem;
        }
        .case-card{
            position:relative;
            padding:1.25rem;
            border-radius:30px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
            box-shadow:var(--shadow-soft);
        }
        .case-card:hover{
            transform:translateY(-2px);
            border-color:rgba(255,106,33,.25);
        }
        .case-stamp{
            display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.35rem .65rem;
            border-radius:999px;
            background:rgba(255,106,33,.15);
            border:1px solid rgba(255,106,33,.25);
            color:#ffd9c3;
            font-size:.76rem;
            font-weight:900;
            letter-spacing:.08em;
        }
        .case-card h3{
            margin:1rem 0 0;
            font-size:1.15rem;
            line-height:1.35;
        }
        .case-card p{
            margin:.6rem 0 0;
            color:var(--muted);
            line-height:1.8;
        }
        .case-badges{
            display:flex;
            flex-wrap:wrap;
            gap:.45rem;
            margin-top:.9rem;
        }
        .case-badges .tag{
            font-size:.77rem;
            padding:.33rem .62rem;
        }
        .case-foot{
            display:flex;
            justify-content:space-between;
            gap:1rem;
            align-items:flex-end;
            margin-top:1rem;
            padding-top:.95rem;
            border-top:1px solid rgba(255,255,255,.08);
        }
        .case-foot strong{
            display:block;
            color:#fff;
            font-size:1.05rem;
        }
        .case-foot span{
            display:block;
            color:var(--muted);
            font-size:.86rem;
        }
        .pricing-grid{
            display:grid;
            grid-template-columns:1fr 1.15fr 1fr;
            gap:1rem;
            align-items:stretch;
        }
        .pricing-card{
            padding:1.35rem;
            border-radius:34px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
            box-shadow:var(--shadow-soft);
            position:relative;
            overflow:hidden;
        }
        .pricing-card::before{
            content:"";
            position:absolute;
            top:0;
            left:0;
            height:3px;
            width:100%;
            background:linear-gradient(90deg, rgba(255,106,33,.95), rgba(255,232,184,.85));
            opacity:.78;
        }
        .pricing-card.featured{
            transform:translateY(-10px);
            background:
                radial-gradient(700px 240px at 100% 0%, rgba(255,106,33,.18), transparent 40%),
                linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.035));
            border-color:rgba(255,106,33,.28);
            box-shadow:0 22px 60px rgba(255,106,33,.12), var(--shadow-soft);
        }
        .pricing-head{
            display:flex;
            justify-content:space-between;
            gap:1rem;
            align-items:flex-start;
        }
        .pricing-head h3{
            margin:0;
            font-size:1.18rem;
            line-height:1.25;
        }
        .pricing-head .flag{
            display:inline-flex;
            align-items:center;
            padding:.38rem .68rem;
            border-radius:999px;
            background:rgba(255,106,33,.14);
            border:1px solid rgba(255,106,33,.22);
            color:#ffd9c3;
            font-size:.76rem;
            font-weight:900;
        }
        .price{
            margin:.9rem 0 0;
            display:flex;
            align-items:flex-end;
            gap:.35rem;
            color:#fff;
            font-weight:950;
            line-height:1;
        }
        .price strong{
            font-size:clamp(2rem, 4vw, 2.85rem);
        }
        .price span{
            color:var(--muted);
            font-size:.95rem;
            padding-bottom:.25rem;
        }
        .pricing-card p{
            margin:.8rem 0 0;
            color:var(--muted);
            line-height:1.8;
        }
        .pricing-list{
            list-style:none;
            margin:1rem 0 0;
            padding:0;
            display:grid;
            gap:.72rem;
        }
        .pricing-list li{
            display:flex;
            gap:.65rem;
            align-items:flex-start;
            color:#f0f1f7;
            line-height:1.72;
        }
        .pricing-list li::before{
            content:"";
            width:8px;
            height:8px;
            border-radius:50%;
            background:var(--accent);
            margin-top:.56rem;
            flex:0 0 auto;
            box-shadow:0 0 0 4px rgba(255,106,33,.14);
        }
        .pricing-actions{
            display:flex;
            gap:.7rem;
            flex-wrap:wrap;
            margin-top:1.1rem;
        }
        .updates-layout{
            display:grid;
            grid-template-columns:.9fr 1.1fr;
            gap:1rem;
            align-items:start;
        }
        .updates-intro{
            padding:1.35rem;
            border-radius:34px;
            background:
                radial-gradient(700px 300px at 0% 0%, rgba(255,106,33,.12), transparent 40%),
                linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
            border:1px solid rgba(255,255,255,.1);
            box-shadow:var(--shadow-soft);
        }
        .updates-intro h3{
            margin:0;
            font-size:1.22rem;
        }
        .updates-intro p{
            margin:.75rem 0 0;
            color:var(--muted);
            line-height:1.8;
        }
        .updates-tags{
            display:flex;
            flex-wrap:wrap;
            gap:.55rem;
            margin-top:1rem;
        }
        .news-list{
            display:grid;
            gap:.85rem;
        }
        .news-card{
            display:grid;
            grid-template-columns:1fr auto;
            gap:1rem;
            align-items:start;
            padding:1.05rem 1.1rem;
            border-radius:26px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
            box-shadow:var(--shadow-soft);
        }
        .news-card:hover{
            transform:translateY(-2px);
            border-color:rgba(38,224,200,.28);
            background:rgba(255,255,255,.055);
        }
        .news-main h3{
            margin:.1rem 0 .45rem;
            font-size:1.08rem;
            line-height:1.5;
        }
        .news-main p{
            margin:0;
            color:var(--muted);
            line-height:1.78;
            font-size:.95rem;
        }
        .news-meta{
            display:flex;
            flex-wrap:wrap;
            gap:.5rem;
            margin-top:.7rem;
            font-size:.8rem;
            color:var(--muted);
        }
        .news-meta .tag{
            padding:.3rem .56rem;
            font-size:.75rem;
        }
        .news-link{
            display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.42rem .6rem;
            border-radius:999px;
            border:1px solid rgba(255,106,33,.22);
            background:rgba(255,106,33,.12);
            color:#ffd9c3;
            font-size:.82rem;
            font-weight:900;
            white-space:nowrap;
            margin-top:.2rem;
        }
        .news-link:hover{
            transform:translateY(-1px);
            border-color:rgba(255,106,33,.35);
            background:rgba(255,106,33,.16);
            color:#fff;
        }
        .empty-state{
            padding:1.5rem 1.25rem;
            text-align:center;
            border-radius:24px;
            border:1px dashed rgba(255,255,255,.16);
            color:var(--muted);
            background:rgba(255,255,255,.025);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
        }
        .faq-wrap{
            border-radius:34px;
            overflow:hidden;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.1);
            box-shadow:var(--shadow-soft);
        }
        .accordion{
            margin:0;
            background:transparent;
        }
        .accordion-title{
            padding:1.12rem 1.2rem;
            color:#fff;
            font-size:1rem;
            font-weight:800;
            line-height:1.5;
            border-bottom:1px solid rgba(255,255,255,.08);
            background:transparent;
        }
        .accordion-title:hover{
            background:rgba(255,255,255,.04);
        }
        .accordion-title::before{
            top:50%;
            transform:translateY(-50%);
            color:var(--accent);
            font-size:1.35rem;
            right:1rem;
            margin-top:0;
        }
        .accordion-content{
            padding:0 1.2rem 1.15rem;
            color:var(--muted);
            line-height:1.85;
            background:rgba(255,255,255,.02);
        }
        .accordion-content p{margin:0}
        .cta-band{
            position:relative;
            overflow:hidden;
            border-radius:36px;
            padding:clamp(1.35rem, 4vw, 2.1rem);
            background:
                radial-gradient(900px 260px at 100% 0%, rgba(255,106,33,.22), transparent 40%),
                linear-gradient(145deg, rgba(255,106,33,.18), rgba(18,19,24,.98));
            border:1px solid rgba(255,106,33,.24);
            box-shadow:0 22px 60px rgba(255,106,33,.12);
        }
        .cta-band::after{
            content:"";
            position:absolute;
            inset:0;
            background:
                linear-gradient(120deg, rgba(255,255,255,.06), transparent 24%),
                linear-gradient(315deg, rgba(38,224,200,.10), transparent 50%);
            pointer-events:none;
        }
        .cta-band-inner{
            position:relative;
            z-index:1;
            display:grid;
            grid-template-columns:1.1fr auto;
            gap:1rem;
            align-items:center;
        }
        .cta-band .section-title{
            margin:0;
            font-size:clamp(1.9rem, 4vw, 3rem);
        }
        .cta-band p{
            margin:.7rem 0 0;
            color:#f3ebe2;
            max-width:62ch;
        }
        .cta-actions{
            display:flex;
            gap:.7rem;
            flex-wrap:wrap;
            justify-content:flex-end;
        }
        .site-footer{
            padding:2.4rem 0 2.8rem;
            border-top:1px solid rgba(255,255,255,.1);
            background:rgba(10,11,14,.72);
        }
        .footer-grid{
            display:grid;
            grid-template-columns:1.1fr .9fr .9fr;
            gap:1rem;
            align-items:start;
        }
        .footer-brand{
            display:flex;
            align-items:center;
            gap:.85rem;
            margin-bottom:.8rem;
        }
        .footer-brand .brand-mark{transform:scale(.92); transform-origin:left center}
        .footer-title{
            margin:0;
            font-size:1.08rem;
            font-weight:900;
        }
        .footer-desc{
            margin:.55rem 0 0;
            color:var(--muted);
            line-height:1.85;
        }
        .footer-links{
            display:grid;
            gap:.55rem;
            margin-top:.25rem;
        }
        .footer-links a{
            color:var(--soft);
            width:max-content;
            padding:.1rem 0;
            border-bottom:1px solid transparent;
        }
        .footer-links a:hover{
            color:#fff;
            border-bottom-color:rgba(255,106,33,.45);
        }
        .footer-note{
            margin-top:1rem;
            color:var(--muted);
            font-size:.9rem;
            line-height:1.8;
        }
        .footer-copy{
            margin-top:1rem;
            padding-top:1rem;
            border-top:1px solid rgba(255,255,255,.08);
            color:#9da1b0;
            font-size:.9rem;
        }
        .section-alt-border{
            position:relative;
        }
        .section-alt-border::before{
            content:"";
            position:absolute;
            inset:0 1rem auto 1rem;
            height:1px;
            background:linear-gradient(90deg, transparent, rgba(255,106,33,.28), rgba(38,224,200,.24), transparent);
            opacity:.85;
        }
        .soft-divider{
            height:1px;
            background:linear-gradient(90deg, transparent, rgba(255,255,255,.1), transparent);
            margin:1.1rem 0;
        }
        .hide-overflow{overflow:hidden}
        .text-muted{color:var(--muted)}
        .subtle{color:var(--soft)}
        .link-arrow{
            display:inline-flex;
            align-items:center;
            gap:.35rem;
            color:#ffd9c3;
            font-weight:800;
        }
        .link-arrow:hover{color:#fff}
        .link-arrow span{
            display:inline-block;
            transition:transform .2s ease;
        }
        .link-arrow:hover span{transform:translateX(2px)}
        .mobile-only{display:none}
        @media (max-width: 63.9375em){
            .desktop-nav,
            .header-actions{
                display:none !important;
            }
            .menu-toggle{
                display:inline-grid;
                place-items:center;
            }
            .mobile-only{display:block}
            .header-inner{
                justify-content:space-between;
            }
            .hero-title{
                max-width:100%;
            }
            .feature-layout,
            .progress-layout,
            .insight-layout,
            .updates-layout,
            .cta-band-inner{
                grid-template-columns:1fr;
            }
            .scene-grid,
            .case-grid,
            .pricing-grid,
            .ticket-grid{
                grid-template-columns:1fr 1fr;
            }
            .stats-strip{
                grid-template-columns:1fr 1fr;
            }
            .scene-card:nth-child(2),
            .scene-card:nth-child(3){
                transform:none;
            }
            .cta-actions{
                justify-content:flex-start;
            }
            .footer-grid{
                grid-template-columns:1fr 1fr;
            }
        }
        @media (max-width: 39.9375em){
            .grid-container{padding-left:.85rem; padding-right:.85rem}
            .header-inner{min-height:72px}
            .brand-text strong{font-size:1rem}
            .brand-text span{display:none}
            .hero-shell,
            .panel-card,
            .ticket-card,
            .scoreboard,
            .quote-card,
            .cta-band,
            .faq-wrap,
            .pricing-card,
            .news-card,
            .case-card,
            .scene-card{
                border-radius:24px;
            }
            .hero-inner{
                padding:1rem;
            }
            .hero-title{
                font-size:clamp(2.15rem, 10vw, 3.15rem);
            }
            .hero-sub,
            .section-desc{
                font-size:1rem;
            }
            .stats-strip,
            .metric-grid,
            .scene-grid,
            .case-grid,
            .pricing-grid,
            .ticket-grid,
            .footer-grid{
                grid-template-columns:1fr;
            }
            .countdown{
                flex-direction:column;
                align-items:flex-start;
            }
            .countdown em{
                white-space:normal;
            }
            .news-card{
                grid-template-columns:1fr;
            }
            .cta-band-inner{
                gap:1.15rem;
            }
            .cta-actions,
            .hero-actions{
                width:100%;
            }
            .btn,
            .btn-primary,
            .btn-secondary,
            .btn-ghost{
                width:100%;
            }
            .search-form{
                min-width:0;
                width:100%;
            }
            .panel-card{
                padding:1.1rem;
            }
            .section-head{
                flex-direction:column;
                align-items:flex-start;
            }
            .feature-item{
                padding:.92rem;
            }
            .mobile-nav-inner{
                padding:.9rem;
            }
        }
        .callout-line{
            display:flex;
            align-items:center;
            gap:.5rem;
            margin-top:1rem;
            color:var(--muted);
            font-size:.92rem;
        }
        .callout-line .pulse{
            width:10px;
            height:10px;
            border-radius:50%;
            background:var(--accent);
            box-shadow:0 0 0 6px rgba(255,106,33,.14);
        }
        .spaced{
            margin-top:1rem;
        }
        .align-right{
            text-align:right;
        }
        .news-list-wrap{
            display:grid;
            gap:.85rem;
        }
        .icon-inline{
            width:18px;
            height:18px;
            display:inline-block;
            vertical-align:-3px;
        }
        .hero-float{
            position:absolute;
            inset:auto 1rem 1rem auto;
            width:min(220px, 44vw);
            padding:.8rem .9rem;
            border-radius:18px;
            background:rgba(17,18,22,.88);
            border:1px solid rgba(255,255,255,.09);
            box-shadow:0 18px 40px rgba(0,0,0,.25);
        }
        .hero-float strong{
            display:block;
            color:#fff;
            font-size:1rem;
        }
        .hero-float span{
            display:block;
            margin-top:.25rem;
            color:var(--muted);
            font-size:.84rem;
            line-height:1.6;
        }

/* roulang page: article */
:root{
            --bg:#101114;
            --bg-2:#17181d;
            --bg-3:#202126;
            --panel:#1c1d24;
            --panel-2:#23242b;
            --warm:#f3d7a0;
            --warm-2:#ffe8b8;
            --warm-surface:#f6e7c6;
            --text:#f8f7f2;
            --muted:#b8bac4;
            --soft:#d8dbe4;
            --line:rgba(255,255,255,.12);
            --line-2:rgba(255,255,255,.18);
            --accent:#ff6a21;
            --accent-2:#ff8d4d;
            --cyan:#26e0c8;
            --shadow:0 18px 60px rgba(0,0,0,.35);
            --shadow-soft:0 12px 30px rgba(0,0,0,.22);
            --radius:28px;
            --radius-sm:18px;
            --radius-xs:12px;
            --container:1280px;
        }
        *{box-sizing:border-box}
        html{
            scroll-behavior:smooth;
            overflow-x:hidden;
        }
        body{
            margin:0;
            min-height:100vh;
            color:var(--text);
            background:
                radial-gradient(1000px 520px at 18% -10%, rgba(255,106,33,.18), transparent 60%),
                radial-gradient(850px 460px at 100% 0%, rgba(38,224,200,.10), transparent 56%),
                radial-gradient(900px 520px at 50% 100%, rgba(255,232,184,.09), transparent 52%),
                linear-gradient(180deg, #0d0e11 0%, #101114 26%, #121318 100%);
            font-family:system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
            line-height:1.75;
            overflow-x:hidden;
            text-rendering:optimizeLegibility;
            -webkit-font-smoothing:antialiased;
        }
        body::before{
            content:"";
            position:fixed;
            inset:0;
            pointer-events:none;
            background-image:
                linear-gradient(115deg, rgba(255,255,255,.05) 0, rgba(255,255,255,0) 35%),
                linear-gradient(0deg, rgba(255,255,255,.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
            background-size:100% 100%, 42px 42px, 42px 42px;
            mask-image:radial-gradient(circle at center, rgba(0,0,0,.95), transparent 92%);
            opacity:.16;
        }
        a{
            color:inherit;
            text-decoration:none;
            transition:color .2s ease, opacity .2s ease, transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
        }
        a:hover,
        a:focus{
            color:inherit;
        }
        img{
            max-width:100%;
            display:block;
        }
        button,
        input,
        textarea,
        select{
            font:inherit;
        }
        button{
            cursor:pointer;
        }
        ::selection{
            background:rgba(255,106,33,.25);
            color:#fff;
        }
        .grid-container{
            max-width:var(--container);
            padding-left:1rem;
            padding-right:1rem;
        }
        .section-block{
            position:relative;
            padding:88px 0;
        }
        .section-block.tight{
            padding:68px 0;
        }
        .section-block + .section-block{
            border-top:1px solid rgba(255,255,255,.04);
        }
        .section-head{
            display:flex;
            align-items:flex-end;
            justify-content:space-between;
            gap:1rem;
            margin-bottom:1.35rem;
        }
        .section-kicker{
            display:inline-flex;
            align-items:center;
            gap:.45rem;
            padding:.42rem .75rem;
            border-radius:999px;
            background:rgba(255,106,33,.10);
            border:1px solid rgba(255,106,33,.22);
            color:#ffd7c1;
            font-size:.8rem;
            font-weight:800;
            letter-spacing:.12em;
            text-transform:uppercase;
        }
        .section-title{
            margin:0;
            font-size:clamp(1.7rem, 2vw + 1rem, 3rem);
            line-height:1.12;
            font-weight:900;
            letter-spacing:-.03em;
        }
        .section-lead{
            margin:0;
            color:var(--muted);
            font-size:1rem;
            max-width:62ch;
        }
        .site-header{
            position:sticky;
            top:0;
            z-index:90;
            backdrop-filter:blur(18px);
            background:rgba(11,12,15,.76);
            border-bottom:1px solid rgba(255,255,255,.09);
            box-shadow:0 12px 30px rgba(0,0,0,.18);
        }
        .site-header::before{
            content:"";
            position:absolute;
            inset:0 0 auto 0;
            height:2px;
            background:linear-gradient(90deg, rgba(255,106,33,0), rgba(255,106,33,.95), rgba(38,224,200,.55), rgba(255,106,33,0));
            opacity:.75;
        }
        .header-inner{
            display:flex;
            align-items:center;
            gap:1rem;
            min-height:82px;
            padding:1rem 0;
        }
        .brand{
            display:inline-flex;
            align-items:center;
            gap:.85rem;
            flex:0 0 auto;
            color:#fff;
            font-weight:900;
            letter-spacing:.02em;
            white-space:nowrap;
        }
        .brand-mark{
            width:44px;
            height:44px;
            border-radius:16px;
            position:relative;
            background:
                linear-gradient(145deg, rgba(255,106,33,.96), rgba(255,145,82,.78)),
                linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,0));
            box-shadow:0 14px 30px rgba(255,106,33,.24), inset 0 0 0 1px rgba(255,255,255,.12);
            overflow:hidden;
        }
        .brand-mark::before{
            content:"";
            position:absolute;
            inset:10px 9px 24px 9px;
            border-radius:12px 12px 6px 6px;
            background:rgba(16,17,20,.92);
            transform:skewX(-12deg);
        }
        .brand-mark::after{
            content:"";
            position:absolute;
            width:10px;
            height:10px;
            border-radius:3px;
            background:#fff;
            top:11px;
            right:9px;
            box-shadow:-16px 16px 0 rgba(38,224,200,.95), -8px 20px 0 rgba(255,232,184,.9);
            opacity:.95;
        }
        .brand-text{
            display:flex;
            flex-direction:column;
            line-height:1.05;
        }
        .brand-text strong{
            font-size:1.12rem;
        }
        .brand-text span{
            font-size:.74rem;
            color:var(--muted);
            margin-top:.25rem;
            letter-spacing:.12em;
        }
        .desktop-nav{
            display:flex;
            align-items:center;
            gap:.25rem;
            margin-left:1rem;
            margin-right:auto;
            padding:.35rem;
            border-radius:999px;
            background:rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.08);
            overflow:auto;
            scrollbar-width:none;
        }
        .desktop-nav::-webkit-scrollbar{
            display:none;
        }
        .nav-link{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:44px;
            padding:.7rem .95rem;
            border-radius:999px;
            color:var(--soft);
            font-size:.96rem;
            font-weight:700;
            position:relative;
            white-space:nowrap;
        }
        .nav-link:hover,
        .nav-link:focus{
            color:#fff;
            background:rgba(255,255,255,.05);
            box-shadow:inset 0 0 0 1px rgba(255,106,33,.22);
            transform:translateY(-1px);
        }
        .nav-link.active{
            color:#fff;
            background:linear-gradient(135deg, rgba(255,106,33,.22), rgba(255,106,33,.08));
            box-shadow:inset 0 0 0 1px rgba(255,106,33,.35), 0 10px 22px rgba(255,106,33,.10);
        }
        .header-actions{
            display:flex;
            align-items:center;
            gap:.7rem;
        }
        .search-form{
            display:flex;
            align-items:center;
            gap:.65rem;
            min-width:290px;
            height:46px;
            padding:0 .95rem;
            border-radius:999px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.10);
            box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
        }
        .search-form svg{
            width:18px;
            height:18px;
            flex:0 0 auto;
            stroke:var(--muted);
            stroke-width:2;
            fill:none;
            opacity:.9;
        }
        .search-form input{
            width:100%;
            min-width:0;
            height:100%;
            border:none;
            outline:none;
            background:transparent;
            color:var(--text);
            padding:0;
        }
        .search-form input::placeholder{
            color:#8e92a1;
        }
        .search-form:focus-within{
            border-color:rgba(255,106,33,.42);
            box-shadow:0 0 0 4px rgba(255,106,33,.10), inset 0 0 0 1px rgba(255,255,255,.05);
        }
        .btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:.45rem;
            min-height:46px;
            padding:.85rem 1.1rem;
            border-radius:999px;
            border:1px solid transparent;
            font-weight:800;
            letter-spacing:.01em;
            line-height:1;
            text-align:center;
            transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease, opacity .2s ease;
            position:relative;
            overflow:hidden;
        }
        .btn::after{
            content:"";
            position:absolute;
            inset:0;
            background:linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,0));
            opacity:0;
            transition:opacity .2s ease;
            pointer-events:none;
        }
        .btn:hover::after{opacity:1}
        .btn:hover,
        .btn:focus{
            transform:translateY(-2px);
        }
        .btn:active{
            transform:translateY(0) scale(.98);
        }
        .btn:focus-visible,
        .search-form input:focus-visible,
        .menu-toggle:focus-visible,
        .accordion-title:focus-visible,
        .footer-links a:focus-visible,
        .crumb-link:focus-visible{
            outline:none;
            box-shadow:0 0 0 4px rgba(38,224,200,.18), 0 0 0 1px rgba(38,224,200,.40);
        }
        .btn-primary{
            background:linear-gradient(135deg, var(--accent), var(--accent-2));
            color:#fff;
            box-shadow:0 14px 28px rgba(255,106,33,.24);
        }
        .btn-primary:hover,
        .btn-primary:focus{
            color:#fff;
            box-shadow:0 18px 38px rgba(255,106,33,.30);
        }
        .btn-secondary{
            background:rgba(255,255,255,.04);
            color:var(--text);
            border-color:rgba(255,255,255,.12);
            box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
        }
        .btn-secondary:hover,
        .btn-secondary:focus{
            color:#fff;
            border-color:rgba(255,106,33,.34);
            background:rgba(255,106,33,.08);
        }
        .btn-sm{
            min-height:40px;
            padding:.7rem .95rem;
            font-size:.92rem;
        }
        .menu-toggle{
            width:46px;
            height:46px;
            border-radius:14px;
            border:1px solid rgba(255,255,255,.12);
            background:rgba(255,255,255,.04);
            display:inline-flex;
            align-items:center;
            justify-content:center;
            flex-direction:column;
            gap:5px;
            padding:0;
            box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
        }
        .menu-toggle span{
            width:18px;
            height:2px;
            border-radius:2px;
            background:#fff;
            display:block;
        }
        .mobile-nav{
            display:none;
            padding:0 0 1rem;
        }
        .mobile-nav.is-open{
            display:block;
        }
        .mobile-nav-inner{
            border-radius:24px;
            background:rgba(20,21,27,.96);
            border:1px solid rgba(255,255,255,.10);
            box-shadow:var(--shadow);
            padding:1rem;
            margin-bottom:1rem;
        }
        .mobile-nav .nav-link{
            width:100%;
            justify-content:flex-start;
            margin:0;
            border-radius:16px;
            min-height:48px;
            padding:.85rem 1rem;
        }
        .mobile-nav .nav-link + .nav-link{
            margin-top:.35rem;
        }
        .mobile-search{
            min-width:0;
            width:100%;
            margin-top:1rem;
            margin-bottom:.9rem;
        }
        .mobile-actions{
            display:grid;
            gap:.65rem;
            grid-template-columns:1fr 1fr;
        }
        .crumbs{
            display:flex;
            align-items:center;
            gap:.45rem;
            flex-wrap:wrap;
            color:var(--muted);
            font-size:.88rem;
            margin-bottom:1rem;
        }
        .crumbs .sep{
            opacity:.45;
        }
        .crumb-link{
            color:var(--soft);
            position:relative;
        }
        .crumb-link:hover{
            color:#fff;
        }
        .crumb-current{
            color:#fff;
        }
        .article-intro{
            position:relative;
            padding:40px 0 18px;
        }
        .article-intro::before{
            content:"";
            position:absolute;
            inset:0 0 auto 0;
            height:1px;
            background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.12), rgba(255,255,255,0));
        }
        .article-intro-panel{
            position:relative;
            display:grid;
            grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
            gap:1.15rem;
            align-items:stretch;
        }
        .headline-card,
        .summary-card,
        .reading-card,
        .side-card,
        .entry-card,
        .cta-panel,
        .faq-card,
        .content-tile{
            position:relative;
            background:linear-gradient(180deg, rgba(28,29,36,.98), rgba(24,25,31,.98));
            border:1px solid rgba(255,255,255,.10);
            border-radius:var(--radius);
            box-shadow:var(--shadow);
            overflow:hidden;
        }
        .headline-card{
            padding:1.4rem 1.45rem 1.35rem;
        }
        .headline-card::before,
        .summary-card::before,
        .reading-card::before,
        .side-card::before,
        .entry-card::before,
        .cta-panel::before,
        .faq-card::before{
            content:"";
            position:absolute;
            left:0;
            right:0;
            top:0;
            height:4px;
            background:linear-gradient(90deg, var(--accent), rgba(255,106,33,.2), var(--cyan));
            opacity:.95;
        }
        .article-kicker{
            display:inline-flex;
            align-items:center;
            gap:.45rem;
            padding:.38rem .7rem;
            border-radius:999px;
            background:rgba(38,224,200,.09);
            border:1px solid rgba(38,224,200,.18);
            color:#d8fffa;
            font-size:.78rem;
            font-weight:800;
            letter-spacing:.1em;
            margin-bottom:.95rem;
        }
        .article-title{
            margin:0;
            font-size:clamp(2rem, 3vw + 1rem, 4rem);
            line-height:1.12;
            letter-spacing:-.04em;
            font-weight:900;
            max-width:18ch;
            text-wrap:balance;
        }
        .article-summary{
            margin:1rem 0 0;
            color:var(--muted);
            font-size:1.03rem;
            line-height:1.85;
            max-width:60ch;
        }
        .meta-row{
            display:flex;
            flex-wrap:wrap;
            gap:.7rem;
            margin-top:1.15rem;
        }
        .meta-chip{
            display:inline-flex;
            align-items:center;
            gap:.4rem;
            min-height:34px;
            padding:.45rem .8rem;
            border-radius:999px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.10);
            color:var(--soft);
            font-size:.86rem;
        }
        .meta-chip strong{
            color:#fff;
        }
        .meta-dot{
            width:8px;
            height:8px;
            border-radius:50%;
            background:var(--cyan);
            box-shadow:0 0 0 4px rgba(38,224,200,.10);
        }
        .summary-card{
            padding:1.3rem;
            display:flex;
            flex-direction:column;
            gap:1rem;
            justify-content:space-between;
        }
        .scoreboard{
            border-radius:24px;
            padding:1rem;
            background:
                linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
                radial-gradient(320px 220px at 100% 0%, rgba(255,106,33,.18), transparent 60%);
            border:1px solid rgba(255,255,255,.08);
            box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
        }
        .scoreboard-top{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:.8rem;
            margin-bottom:1rem;
        }
        .score-label{
            color:var(--muted);
            font-size:.84rem;
            letter-spacing:.14em;
            text-transform:uppercase;
            font-weight:800;
        }
        .status-pill{
            display:inline-flex;
            align-items:center;
            gap:.4rem;
            padding:.38rem .7rem;
            border-radius:999px;
            background:rgba(255,106,33,.10);
            border:1px solid rgba(255,106,33,.22);
            color:#ffd6be;
            font-size:.8rem;
            font-weight:800;
        }
        .status-pill .dot{
            width:7px;
            height:7px;
            border-radius:50%;
            background:var(--cyan);
            box-shadow:0 0 0 4px rgba(38,224,200,.10);
        }
        .score-grid{
            display:grid;
            gap:.75rem;
        }
        .score-item{
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:1rem;
            padding:.82rem .9rem;
            border-radius:18px;
            background:rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.08);
        }
        .score-item h3{
            margin:0 0 .2rem;
            font-size:.95rem;
            font-weight:800;
        }
        .score-item p{
            margin:0;
            color:var(--muted);
            font-size:.88rem;
            line-height:1.55;
        }
        .score-num{
            flex:0 0 auto;
            font-size:1.6rem;
            font-weight:900;
            color:#fff;
            letter-spacing:-.04em;
            line-height:1;
        }
        .score-num.accent{color:#ffd3bf}
        .score-num.cyan{color:#b2fff6}
        .quick-links{
            display:grid;
            grid-template-columns:repeat(2, minmax(0,1fr));
            gap:.65rem;
        }
        .quick-link{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:.8rem;
            padding:.85rem .92rem;
            border-radius:18px;
            background:rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.09);
            color:var(--text);
            min-height:62px;
        }
        .quick-link:hover{
            transform:translateY(-2px);
            border-color:rgba(255,106,33,.30);
            box-shadow:0 14px 30px rgba(0,0,0,.18);
        }
        .quick-link span{
            display:block;
        }
        .quick-link strong{
            display:block;
            font-size:.95rem;
        }
        .quick-link em{
            display:block;
            color:var(--muted);
            font-style:normal;
            font-size:.8rem;
            margin-top:.12rem;
        }
        .quick-arrow{
            font-size:1rem;
            color:var(--accent);
        }
        .article-body-wrap{
            padding-top:28px;
            padding-bottom:20px;
        }
        .content-layout{
            display:grid;
            grid-template-columns:minmax(0, minmax(0, 1fr)) 330px;
            gap:1.2rem;
            align-items:start;
        }
        .reading-card{
            padding:1.35rem 1.35rem 1.1rem;
        }
        .reading-card .article-content{
            max-width:860px;
            color:var(--text);
            font-size:1.02rem;
            line-height:1.85;
        }
        .article-content > *:first-child{margin-top:0}
        .article-content > *:last-child{margin-bottom:0}
        .article-content p{
            margin:0 0 1rem;
            color:rgba(248,247,242,.95);
        }
        .article-content h2,
        .article-content h3,
        .article-content h4{
            margin:1.8rem 0 .8rem;
            line-height:1.25;
            font-weight:900;
            letter-spacing:-.02em;
            scroll-margin-top:120px;
        }
        .article-content h2{
            font-size:clamp(1.4rem, 1vw + 1.1rem, 2.2rem);
            padding-left:.85rem;
            border-left:4px solid var(--accent);
        }
        .article-content h3{
            font-size:clamp(1.15rem, .6vw + 1rem, 1.5rem);
            color:#fff;
        }
        .article-content h4{
            font-size:1.02rem;
            color:#fff;
        }
        .article-content a{
            color:#ffb58f;
            text-decoration:none;
            border-bottom:1px solid rgba(255,106,33,.28);
        }
        .article-content a:hover{
            color:#fff;
            border-bottom-color:rgba(38,224,200,.5);
        }
        .article-content ul,
        .article-content ol{
            margin:0 0 1rem 1.2rem;
            padding:0;
        }
        .article-content li{
            margin:.35rem 0;
            padding-left:.2rem;
        }
        .article-content blockquote{
            margin:1.2rem 0;
            padding:1rem 1.05rem 1rem 1.2rem;
            border-left:4px solid var(--accent);
            background:rgba(255,106,33,.06);
            border-radius:0 18px 18px 0;
            color:#fff;
            box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
        }
        .article-content blockquote p{
            margin:0;
            color:#fff;
        }
        .article-content hr{
            border:0;
            height:1px;
            margin:1.5rem 0;
            background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.18), rgba(255,255,255,0));
        }
        .article-content img{
            margin:1rem 0;
            border-radius:22px;
            box-shadow:var(--shadow-soft);
            border:1px solid rgba(255,255,255,.10);
        }
        .article-content figure{
            margin:1.1rem 0;
        }
        .article-content figcaption{
            margin-top:.5rem;
            color:var(--muted);
            font-size:.88rem;
            text-align:center;
        }
        .article-content table{
            width:100%;
            border-collapse:collapse;
            margin:1.2rem 0;
            min-width:620px;
            background:rgba(255,255,255,.02);
            overflow:hidden;
            display:block;
            overflow-x:auto;
            border-radius:18px;
            border:1px solid rgba(255,255,255,.10);
        }
        .article-content table thead{
            background:rgba(255,106,33,.12);
        }
        .article-content table th,
        .article-content table td{
            padding:.8rem .9rem;
            border-bottom:1px solid rgba(255,255,255,.08);
            text-align:left;
            white-space:nowrap;
        }
        .article-content table th{
            color:#fff;
            font-weight:800;
        }
        .article-content table td{
            color:var(--soft);
        }
        .article-content code{
            display:inline-flex;
            align-items:center;
            padding:.15rem .45rem;
            border-radius:9px;
            background:rgba(255,255,255,.08);
            border:1px solid rgba(255,255,255,.08);
            color:#ffe9db;
            font-size:.92em;
        }
        .article-content pre{
            margin:1rem 0;
            padding:1rem 1.05rem;
            background:rgba(0,0,0,.32);
            border:1px solid rgba(255,255,255,.10);
            border-radius:20px;
            overflow:auto;
            box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
        }
        .article-content pre code{
            display:block;
            padding:0;
            border:0;
            background:none;
            color:#f6f0d8;
            white-space:pre;
        }
        .article-content .aligncenter{
            margin-left:auto;
            margin-right:auto;
        }
        .article-content .wp-caption{
            max-width:100%;
        }
        .article-content .wp-caption-text{
            color:var(--muted);
            font-size:.88rem;
            margin-top:.35rem;
        }
        .side-card{
            padding:1.15rem;
        }
        .side-card + .side-card{
            margin-top:1rem;
        }
        .side-title{
            margin:0 0 .8rem;
            font-size:1.02rem;
            font-weight:900;
            letter-spacing:-.02em;
        }
        .side-note{
            color:var(--muted);
            font-size:.92rem;
            margin:0;
            line-height:1.75;
        }
        .stats-list{
            display:grid;
            gap:.75rem;
            margin:0;
            padding:0;
            list-style:none;
        }
        .stats-list li{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:1rem;
            padding:.78rem .85rem;
            border-radius:16px;
            background:rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.08);
        }
        .stats-list strong{
            color:#fff;
            font-size:.94rem;
        }
        .stats-list span{
            color:var(--muted);
            font-size:.86rem;
            text-align:right;
        }
        .mini-action-list{
            display:grid;
            gap:.7rem;
        }
        .mini-action{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:.85rem;
            padding:.88rem .95rem;
            border-radius:16px;
            background:rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.08);
        }
        .mini-action strong{
            display:block;
            font-size:.95rem;
            color:#fff;
        }
        .mini-action span{
            display:block;
            font-size:.8rem;
            color:var(--muted);
            margin-top:.1rem;
        }
        .mini-action .arrow{
            color:var(--accent);
            font-weight:900;
        }
        .ticket-grid{
            display:grid;
            grid-template-columns:repeat(2, minmax(0,1fr));
            gap:1rem;
        }
        .entry-card{
            padding:1.05rem;
            min-height:164px;
            display:flex;
            flex-direction:column;
            justify-content:space-between;
        }
        .entry-top{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:.8rem;
            margin-bottom:.85rem;
        }
        .entry-badge{
            display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.35rem .68rem;
            border-radius:999px;
            background:rgba(255,106,33,.11);
            border:1px solid rgba(255,106,33,.22);
            color:#ffd8c3;
            font-size:.78rem;
            font-weight:800;
        }
        .entry-time{
            font-size:.8rem;
            color:var(--muted);
        }
        .entry-title{
            margin:0 0 .45rem;
            font-size:1.05rem;
            line-height:1.35;
            font-weight:900;
        }
        .entry-desc{
            margin:0;
            color:var(--muted);
            font-size:.92rem;
            line-height:1.7;
        }
        .entry-foot{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:1rem;
            margin-top:1rem;
        }
        .entry-foot .cat{
            font-size:.8rem;
            color:#fff;
            opacity:.9;
        }
        .entry-link{
            color:#fff;
            font-weight:800;
            font-size:.88rem;
        }
        .entry-link:hover{
            color:#ffd5bf;
        }
        .cta-panel{
            padding:1.4rem;
            background:
                radial-gradient(650px 260px at 0% 0%, rgba(255,106,33,.18), transparent 58%),
                linear-gradient(180deg, rgba(22,23,29,.98), rgba(18,19,24,.98));
        }
        .cta-panel-inner{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:1rem;
        }
        .cta-copy{
            max-width:62ch;
        }
        .cta-copy h2{
            margin:0 0 .5rem;
            font-size:clamp(1.35rem, 1vw + 1rem, 2rem);
            line-height:1.18;
            font-weight:900;
        }
        .cta-copy p{
            margin:0;
            color:var(--muted);
        }
        .cta-actions{
            display:flex;
            align-items:center;
            gap:.75rem;
            flex-wrap:wrap;
            flex:0 0 auto;
        }
        .faq-card{
            padding:1.2rem 1.2rem .95rem;
        }
        .accordion{
            margin:0;
            border:0;
            background:transparent;
        }
        .accordion-item{
            border:1px solid rgba(255,255,255,.10);
            border-radius:20px;
            overflow:hidden;
            background:rgba(255,255,255,.03);
            box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
        }
        .accordion-item + .accordion-item{
            margin-top:.8rem;
        }
        .accordion-title{
            color:#fff;
            font-weight:800;
            font-size:1rem;
            padding:1rem 1.05rem;
            position:relative;
            transition:background .2s ease, color .2s ease;
        }
        .accordion-title::before{
            right:1rem;
            margin-top:-.35rem;
            border-color:#fff transparent transparent;
        }
        .accordion-title:hover{
            background:rgba(255,255,255,.04);
            color:#fff;
        }
        .accordion-content{
            color:var(--muted);
            padding:0 1.05rem 1rem;
            border-top:1px solid rgba(255,255,255,.08);
            background:rgba(0,0,0,.10);
        }
        .accordion-content p{
            margin:.85rem 0 0;
        }
        .empty-state{
            padding:2.3rem 1rem 1rem;
            text-align:center;
        }
        .empty-state .empty-icon{
            width:72px;
            height:72px;
            margin:0 auto 1rem;
            border-radius:22px;
            background:linear-gradient(145deg, rgba(255,106,33,.20), rgba(38,224,200,.08));
            border:1px solid rgba(255,255,255,.10);
            display:grid;
            place-items:center;
            box-shadow:0 18px 40px rgba(0,0,0,.18);
        }
        .empty-state .empty-icon svg{
            width:30px;
            height:30px;
            stroke:var(--warm-2);
            fill:none;
            stroke-width:2;
        }
        .empty-state h2{
            margin:0 0 .5rem;
            font-size:1.5rem;
            font-weight:900;
        }
        .empty-state p{
            margin:0 auto 1.2rem;
            max-width:48ch;
            color:var(--muted);
        }
        .site-footer{
            position:relative;
            padding:64px 0 28px;
            background:
                radial-gradient(760px 260px at 10% 0%, rgba(255,106,33,.12), transparent 58%),
                linear-gradient(180deg, rgba(12,13,16,1), rgba(16,17,20,1));
            border-top:1px solid rgba(255,255,255,.08);
        }
        .site-footer::before{
            content:"";
            position:absolute;
            top:0;
            left:0;
            right:0;
            height:2px;
            background:linear-gradient(90deg, rgba(255,106,33,0), rgba(255,106,33,.85), rgba(38,224,200,.52), rgba(255,106,33,0));
        }
        .footer-grid{
            display:grid;
            grid-template-columns:1.2fr .8fr .9fr;
            gap:1.4rem;
            align-items:start;
        }
        .footer-brand{
            display:flex;
            align-items:flex-start;
            gap:.95rem;
            margin-bottom:1rem;
        }
        .footer-title{
            margin:0;
            font-size:1.02rem;
            font-weight:900;
            color:#fff;
        }
        .footer-desc{
            margin:.2rem 0 0;
            color:var(--muted);
        }
        .footer-note{
            color:var(--muted);
            font-size:.92rem;
            line-height:1.8;
        }
        .footer-links{
            display:flex;
            flex-wrap:wrap;
            gap:.6rem .85rem;
        }
        .footer-links a{
            color:var(--soft);
            padding:.12rem 0;
            position:relative;
        }
        .footer-links a:hover{
            color:#fff;
        }
        .footer-copy{
            margin-top:1.6rem;
            padding-top:1rem;
            border-top:1px solid rgba(255,255,255,.08);
            color:#d9dbe3;
            font-size:.9rem;
            opacity:.9;
        }
        .site-footer .brand-mark{
            width:38px;
            height:38px;
            border-radius:14px;
        }
        .site-footer .brand-mark::before{
            inset:9px 8px 21px 8px;
        }
        .site-footer .brand-mark::after{
            width:9px;
            height:9px;
            top:10px;
            right:8px;
            box-shadow:-14px 14px 0 rgba(38,224,200,.95), -7px 18px 0 rgba(255,232,184,.9);
        }
        .notice-inline{
            display:inline-flex;
            align-items:center;
            gap:.45rem;
            padding:.45rem .7rem;
            border-radius:999px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.10);
            color:var(--soft);
            font-size:.84rem;
        }
        .notice-inline .dot{
            width:8px;
            height:8px;
            border-radius:50%;
            background:var(--cyan);
            box-shadow:0 0 0 4px rgba(38,224,200,.10);
        }
        .stack-gap{gap:1rem}
        .sticky-side{
            position:sticky;
            top:108px;
        }
        @media (max-width: 1024px){
            .article-intro-panel,
            .content-layout,
            .footer-grid{
                grid-template-columns:1fr;
            }
            .sticky-side{
                position:static;
            }
            .header-actions{
                display:none;
            }
            .desktop-nav{
                margin-right:0;
            }
            .section-block{
                padding:74px 0;
            }
            .cta-panel-inner{
                align-items:flex-start;
                flex-direction:column;
            }
        }
        @media (max-width: 640px){
            .header-inner{
                min-height:72px;
            }
            .brand-text span{
                display:none;
            }
            .brand-mark{
                width:40px;
                height:40px;
                border-radius:14px;
            }
            .desktop-nav{
                display:none;
            }
            .menu-toggle{
                margin-left:auto;
            }
            .mobile-search{
                min-width:0;
            }
            .mobile-actions{
                grid-template-columns:1fr;
            }
            .section-block{
                padding:58px 0;
            }
            .article-intro{
                padding-top:28px;
            }
            .headline-card,
            .summary-card,
            .reading-card,
            .side-card,
            .entry-card,
            .cta-panel,
            .faq-card{
                border-radius:22px;
            }
            .article-title{
                max-width:unset;
            }
            .quick-links,
            .ticket-grid{
                grid-template-columns:1fr;
            }
            .cta-actions{
                width:100%;
            }
            .cta-actions .btn{
                width:100%;
            }
            .footer-grid{
                gap:1.1rem;
            }
            .accordion-title{
                padding:1rem .95rem;
                padding-right:2.3rem;
            }
        }
        @media (min-width: 641px) and (max-width: 1024px){
            .quick-links{
                grid-template-columns:repeat(2, minmax(0,1fr));
            }
            .ticket-grid{
                grid-template-columns:repeat(2, minmax(0,1fr));
            }
        }
        @media (min-width: 1025px){
            .site-main{
                padding-bottom:8px;
            }
            .headline-card{
                min-height:100%;
            }
            .summary-card{
                min-height:100%;
            }
        }