@font-face{
            font-family:'Quanshenzhi';
            src:url('../fonts/quanshenzhi-web.woff2') format('woff2'),
                url('../fonts/quanshenzhi-web.woff') format('woff');
            font-weight:400;
            font-style:normal;
            font-display:swap;
        }

        *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
        html{background:var(--bg);scroll-behavior:smooth}
        body{
            font-family:'Quanshenzhi','PingFang SC','Microsoft YaHei','Segoe UI',Roboto,sans-serif;
            background:var(--bg);color:var(--text);line-height:1.75;font-size:16px;
            -webkit-font-smoothing:antialiased;overflow-x:hidden;
        }
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%;height:auto}
        button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
        input,textarea,select{font-family:inherit}
        ul,li{list-style:none}

        @media (hover:none),(pointer:coarse){
            a,img{-webkit-user-drag:none;user-drag:none}
            a,.card,.card-poster,img{-webkit-touch-callout:none}
            .card,.card-poster,.row-track,.hero,.hero-cat,.tabbar,.tab-item{
                -webkit-user-select:none;user-select:none}
        }

        :root{
            --bg:#0a0d14;--bg-elev:#131822;--bg-card:#1a202c;
            --gold:#d4a24c;--gold-hover:#e8b85c;--red:#e74c3c;
            
            --on-gold:#1a1508;
            --text:#fff;--text-sub:rgba(255,255,255,.7);--text-dim:rgba(255,255,255,.45);
            --border:rgba(255,255,255,.08);
            --radius-card:8px;
            --ease:200ms cubic-bezier(.2,.8,.2,1);
        }
        
        [data-theme="light"]{
            --bg:#ffffff;
            --bg-elev:#f8f9fa;
            --bg-card:#ffffff;
            --gold:#b8862c;
            --gold-hover:#c99a3c;
            --red:#d63031;
            
            --on-gold:#ffffff;
            --text:#1a1a1a;
            --text-sub:rgba(0,0,0,.7);
            --text-dim:rgba(0,0,0,.4);
            --border:rgba(0,0,0,.08);
        }
        
        [data-color="green"]{--gold:#4caf50;--gold-hover:#66bb6a;--red:#e53935}
        [data-color="blue"]{--gold:#3b82f6;--gold-hover:#60a5fa;--red:#e53935}
        [data-color="pink"]{--gold:#ec4899;--gold-hover:#f472b6;--red:#e53935}
        [data-color="red"]{--gold:#e74c3c;--gold-hover:#ef5350;--red:#d63031}
        [data-theme="light"][data-color="green"]{--gold:#2e7d32;--gold-hover:#388e3c}
        [data-theme="light"][data-color="blue"]{--gold:#1e57a5;--gold-hover:#2563c9}
        [data-theme="light"][data-color="pink"]{--gold:#be3079;--gold-hover:#c9498b}
        [data-theme="light"][data-color="red"]{--gold:#c62828;--gold-hover:#d63031}