:root{
        --c-primary: #2563eb;
        --c-primary-2: #4f7ef5;
        --c-primary-deep: #1e40af;
        --c-accent: #06b6d4;
        --c-accent-2: #22d3ee;
        
        --c-bg: #eef2fa;
        --c-bg-2: #e3eaf6;
        --c-paper: #ffffff;
        
        --c-card: linear-gradient(180deg, #ffffff 0%, #f4f8fe 100%);
        --c-card-soft: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
        --c-card-tinted: linear-gradient(160deg, #ffffff 0%, #eef4fc 100%);
        --c-ink: #0f172a;
        --c-ink-2: #334155;
        --c-muted: #64748b;
        
        --c-line: #d8e1ee;
        --c-line-2: #e7ecf5;
        --c-line-soft: rgba(99,120,170,.12);
        --c-red: #ef4444;
        --c-green: #10b981;
        --c-amber: #f59e0b;
        --f-sans: "Noto Sans SC", "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
        --f-mono: "Inter", ui-monospace, "SF Mono", monospace;
        --r-sm: 8px;
        --r-md: 12px;
        --r-lg: 16px;
        --r-xl: 20px;
        --r-pill: 999px;
        --sh-sm: 0 1px 2px rgba(15,23,42,.06);
        --sh-md: 0 4px 12px rgba(15,23,42,.06), 0 2px 4px rgba(15,23,42,.04);
        --sh-lg: 0 12px 32px rgba(15,23,42,.10);
        --sh-blue: 0 8px 24px rgba(37,99,235,.25);
        --ease: cubic-bezier(.22,.61,.36,1);
        --ease-out: cubic-bezier(.16,1,.3,1);
        --spring: cubic-bezier(.34,1.56,.64,1);

        
        --acg-primary: var(--c-primary);
        --acg-secondary: var(--c-primary-2);
        --acg-danger: var(--c-red);
        --acg-border: var(--c-line);
        --acg-text-strong: var(--c-ink);
        --acg-text-muted: var(--c-muted);
    }

    
    body[data-skin^="jk"]{
        --acg-primary: var(--jk);
        --acg-secondary: var(--jkv);
        --acg-border: rgba(var(--jk-line),.45);
        --acg-text-strong: var(--jk-ink);
        --acg-text-muted: var(--jk-sub);
    }

    
    body.dalin-body{
        font-family: var(--f-sans) !important;
        background:
            radial-gradient(ellipse 80% 60% at 0% 0%, rgba(99,102,241,.08), transparent 60%) fixed,
            radial-gradient(ellipse 80% 60% at 100% 100%, rgba(34,211,238,.07), transparent 60%) fixed,
            linear-gradient(180deg, #e9eff8 0%, #f4f7fc 35%, #eef2fa 100%) fixed !important;
        color: var(--c-ink);
        font-size: 14px;
        line-height: 1.55;
        -webkit-font-smoothing: antialiased;
        padding-bottom: env(safe-area-inset-bottom);
        
        min-height: 100vh;
        min-height: 100dvh;
        position: relative;
    }
    body.dalin-body.has-selection{
        padding-bottom: calc(80px + env(safe-area-inset-bottom));
    }
    
    body.dalin-body::before{
        content:"";
        position: fixed;
        top: 30%; left: -8%;
        width: 220px; height: 220px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(129,140,248,.18), transparent 65%);
        pointer-events: none;
        z-index: 0;
        filter: blur(40px);
        will-change: transform, opacity;
        animation: dlBgFloat1 18s ease-in-out infinite;
    }
    body.dalin-body::after{
        content:"";
        position: fixed;
        bottom: 5%; right: -8%;
        width: 280px; height: 280px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(34,211,238,.15), transparent 65%);
        pointer-events: none;
        z-index: 0;
        filter: blur(40px);
        will-change: transform, opacity;
        animation: dlBgFloat2 22s ease-in-out infinite;
    }
    
    @keyframes dlBgFloat1{
        0%  { transform: translate(0,0) scale(1);            opacity: .82; }
        22% { transform: translate(48px,-34px) scale(1.12);  opacity: 1; }
        48% { transform: translate(94px,8px) scale(1.05);    opacity: .9; }
        74% { transform: translate(28px,46px) scale(1.16);   opacity: 1; }
        100%{ transform: translate(0,0) scale(1);            opacity: .82; }
    }
    @keyframes dlBgFloat2{
        0%  { transform: translate(0,0) scale(1);             opacity: .88; }
        28% { transform: translate(-38px,26px) scale(1.08);   opacity: 1; }
        56% { transform: translate(-74px,-16px) scale(1.14);  opacity: .86; }
        82% { transform: translate(-18px,42px) scale(1.04);   opacity: 1; }
        100%{ transform: translate(0,0) scale(1);             opacity: .88; }
    }
    
    body.dalin-body > *{ position: relative; z-index: 1; }
    body.dalin-body > .dl-float-actions{ z-index: 90; }
    body.dalin-body > .dl-fixed-buybar,
    body.dalin-body > .dl-buy-bar{ z-index: 60; }

    
    body.dalin-body > #pjax-container{ z-index: 2; }

    .dalin-body *, .dalin-body *::before, .dalin-body *::after{
        -webkit-tap-highlight-color: transparent;
    }

    
    .dalin-body > nav.navbar-acg{ display: none !important; }
    .dalin-body > #pjax-container{ padding: 0 !important; }

    
    .dl-hero{
        position: relative;
        background:
            radial-gradient(ellipse at 20% 0%, rgba(99,102,241,.45) 0%, transparent 55%),
            radial-gradient(ellipse at 100% 100%, rgba(6,182,212,.30) 0%, transparent 55%),
            linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #4f7ef5 100%);
        color: #fff;
        overflow: hidden;
        border-radius: 0 0 22px 22px;
        
        padding: 14px 0 16px;
        margin-bottom: 8px;
        box-shadow:
            inset 0 -1px 0 rgba(255,255,255,.06),
            0 8px 28px -10px rgba(37,99,235,.45);
    }
    
    .dl-hero::before{
        content:""; position: absolute;
        top: -180px; right: -120px;
        width: 420px; height: 420px;
        background: radial-gradient(circle, rgba(34,211,238,.36), transparent 60%);
        border-radius: 50%; pointer-events: none;
        filter: blur(20px);
        will-change: transform, opacity;
        animation: dlHeroFloatA 14s ease-in-out infinite;
    }
    .dl-hero::after{
        content:""; position: absolute;
        bottom: -120px; left: -80px;
        width: 320px; height: 320px;
        background: radial-gradient(circle, rgba(168,85,247,.28), transparent 60%);
        border-radius: 50%; pointer-events: none;
        filter: blur(20px);
        will-change: transform, opacity;
        animation: dlHeroFloatB 16s ease-in-out infinite;
    }
    @keyframes dlHeroFloatA{
        0%,100%{ transform: translate(0,0) scale(1);           opacity: .9; }
        35%    { transform: translate(-44px,26px) scale(1.10); opacity: 1; }
        70%    { transform: translate(14px,-16px) scale(1.02); opacity: .86; }
    }
    @keyframes dlHeroFloatB{
        0%,100%{ transform: translate(0,0) scale(1);           opacity: .84; }
        40%    { transform: translate(52px,-30px) scale(1.14); opacity: 1; }
        75%    { transform: translate(-16px,20px) scale(1.04); opacity: .9; }
    }
    .dl-hero-grid{
        position: absolute; inset: 0;
        background-image:
            linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
        background-size: 32px 32px;
        pointer-events: none;
        mask-image: radial-gradient(ellipse at top right, black 30%, transparent 75%);
        -webkit-mask-image: radial-gradient(ellipse at top right, black 30%, transparent 75%);
    }

    
    .dl-hero-orbs{
        position: absolute; inset: 0;
        pointer-events: none; z-index: 1;
        overflow: hidden;
    }
    .dl-hero-orbs .orb{
        position: absolute;
        border-radius: 50%;
        filter: blur(2px);
        opacity: .7;
        will-change: transform, opacity;
    }
    .dl-hero-orbs .o1{
        top: 20%; left: 8%;
        width: 6px; height: 6px;
        background: radial-gradient(circle, #22d3ee, transparent 70%);
        box-shadow: 0 0 12px #22d3ee, 0 0 24px rgba(34,211,238,.6);
        animation: dlOrbDrift1 9s ease-in-out infinite;
    }
    .dl-hero-orbs .o2{
        top: 40%; right: 12%;
        width: 4px; height: 4px;
        background: radial-gradient(circle, #c4b5fd, transparent 70%);
        box-shadow: 0 0 10px #c4b5fd, 0 0 20px rgba(196,181,253,.6);
        animation: dlOrbDrift2 11s ease-in-out infinite -2s;
    }
    .dl-hero-orbs .o3{
        top: 70%; left: 25%;
        width: 5px; height: 5px;
        background: radial-gradient(circle, #fde9b8, transparent 70%);
        box-shadow: 0 0 10px #fde9b8, 0 0 20px rgba(253,233,184,.6);
        animation: dlOrbDrift3 13s ease-in-out infinite -4s;
    }
    .dl-hero-orbs .o4{
        top: 12%; left: 55%;
        width: 3px; height: 3px;
        background: radial-gradient(circle, #fff, transparent 70%);
        box-shadow: 0 0 8px #fff, 0 0 16px rgba(255,255,255,.5);
        animation: dlOrbDrift1 8s ease-in-out infinite -1s;
    }
    .dl-hero-orbs .o5{
        bottom: 18%; right: 28%;
        width: 5px; height: 5px;
        background: radial-gradient(circle, #67e8f9, transparent 70%);
        box-shadow: 0 0 10px #67e8f9, 0 0 20px rgba(103,232,249,.55);
        animation: dlOrbDrift2 10s ease-in-out infinite -3s;
    }
    
    @keyframes dlOrbDrift1{
        0%,100%{ transform: translate(0,0); opacity: .62; }
        25%    { transform: translate(34px,-18px); opacity: .95; }
        50%    { transform: translate(68px,8px); opacity: .55; }
        75%    { transform: translate(26px,30px); opacity: .88; }
    }
    @keyframes dlOrbDrift2{
        0%,100%{ transform: translate(0,0); opacity: .6; }
        33%    { transform: translate(-44px,26px); opacity: .95; }
        66%    { transform: translate(-22px,52px); opacity: .5; }
    }
    @keyframes dlOrbDrift3{
        0%,100%{ transform: translate(0,0); opacity: .58; }
        50%    { transform: translate(52px,-34px); opacity: .95; }
    }

    .dl-wrap{ max-width: 1180px; margin: 0 auto; padding: 0 16px; position: relative; z-index: 2; }

    
    .dl-float-actions{
        position: absolute;
        
        top: 23px;
        left: 0; right: 0;
        max-width: 1180px;
        margin: 0 auto;
        padding: 0 16px;
        box-sizing: border-box;
        z-index: 90;
        display: flex; gap: 6px; align-items: center;
        justify-content: flex-end;
        pointer-events: none;          
        
        transition: opacity .25s, transform .25s;
    }
    .dl-float-actions > *{ pointer-events: auto; }
    .dl-float-btn{
        width: 34px; height: 34px;
        border-radius: 50%;
        background: rgba(255,255,255,.18);
        backdrop-filter: blur(14px) saturate(180%);
        -webkit-backdrop-filter: blur(14px) saturate(180%);
        border: 1px solid rgba(255,255,255,.28);
        color: #fff;
        display: grid; place-items: center;
        text-decoration: none;
        cursor: pointer;
        transition: transform .2s, background .2s, box-shadow .25s;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.25),
            0 2px 6px rgba(15,23,42,.18),
            0 6px 16px -6px rgba(15,23,42,.30);
        overflow: hidden;
        position: relative;
        
        padding: 0;
        font: inherit;
        -webkit-appearance: none;
        appearance: none;
    }
    
    body.is-fullscreen .dl-float-fs .ico-enter{ display: none; }
    body.is-fullscreen .dl-float-fs .ico-exit{ display: block !important; }
    .dl-float-btn::before{
        
        content:""; position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(255,255,255,.18) 0%, transparent 50%);
        pointer-events: none;
    }
    .dl-float-btn:hover{
        background: rgba(255,255,255,.26);
        transform: translateY(-1px);
        color: #fff;
    }
    .dl-float-btn:active{ transform: scale(.92); }
    .dl-float-btn svg{ width: 16px; height: 16px; position: relative; z-index: 1; }
    .dl-float-btn img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
    .dl-float-user{
        padding: 0;
        background: rgba(255,255,255,.25);
    }
    
    .dl-float-actions.is-scrolled .dl-float-btn{
        background: rgba(255,255,255,.95);
        border-color: var(--c-line);
        color: var(--c-ink-2);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,1),
            0 2px 6px rgba(15,23,42,.08),
            0 8px 20px -8px rgba(15,23,42,.20);
    }

    .dl-topbar{
        display: flex; justify-content: space-between; align-items: center;
        gap: 8px; margin-bottom: 14px;
    }
    .dl-brand-tag{
        font-family: var(--f-mono);
        font-size: 11px; letter-spacing: .2em;
        color: rgba(255,255,255,.78);
        display: inline-flex; align-items: center; gap: 8px;
    }
    .dl-brand-tag::before{
        content: ""; width: 6px; height: 6px;
        background: var(--c-accent-2); border-radius: 50%;
        box-shadow: 0 0 10px var(--c-accent-2);
        animation: dlBlink 2s ease-in-out infinite;
    }
    @keyframes dlBlink { 0%,100%{opacity:1;} 50%{opacity:.4;} }

    .dl-top-actions{ display: flex; gap: 6px; align-items: center; }
    .dl-icon-btn{
        background: rgba(255,255,255,.14);
        backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255,255,255,.18);
        border-radius: var(--r-pill);
        height: 34px; padding: 0 14px;
        color: #fff; font-size: 12.5px; font-weight: 500;
        display: inline-flex; align-items: center; gap: 5px;
        transition: background .2s, transform .15s;
        text-decoration: none;
        cursor: pointer;
    }
    .dl-icon-btn:hover{ background: rgba(255,255,255,.22); color: #fff; }
    .dl-icon-btn:active{ transform: scale(.95); }
    .dl-icon-btn.icon-only{ width: 34px; padding: 0; justify-content: center; }
    .dl-icon-btn svg{ width: 15px; height: 15px; }

    .dl-shop-row{
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 12px;
        align-items: center;
        margin-bottom: 10px;
        
        padding-right: 84px;
    }
    .dl-shop-avatar{
        position: relative;
        width: 52px; height: 52px;
        border-radius: 14px;
        background: linear-gradient(135deg, #0f172a, #1e293b);
        display: grid; place-items: center;
        box-shadow:
            0 6px 18px rgba(0,0,0,.25),
            inset 0 1px 0 rgba(255,255,255,.10);
        border: 1px solid rgba(255,255,255,.12);
        flex-shrink: 0;
        overflow: hidden;
    }
    
    .dl-shop-avatar::before{
        content:""; position: absolute;
        inset: -3px;
        border-radius: 16px;
        background: conic-gradient(from 0deg,
            rgba(34,211,238,.6), rgba(168,85,247,.5),
            rgba(34,211,238,.6), rgba(96,165,250,.5),
            rgba(34,211,238,.6));
        z-index: -1;
        filter: blur(6px);
        opacity: .55;
        will-change: transform;
        animation: dlAvatarGlow 4s linear infinite;
    }
    @keyframes dlAvatarGlow{
        0%{ transform: rotate(0); }
        100%{ transform: rotate(360deg); }
    }

    .dl-shop-avatar img{ width: 100%; height: 100%; object-fit: cover; border-radius: inherit; position: relative; z-index: 1; }
    .dl-shop-avatar svg{ width: 32px; height: 32px; position: relative; z-index: 1; }
    .dl-shop-meta .name{
        font-size: 19px; font-weight: 700;
        letter-spacing: .02em; line-height: 1.2;
        margin-bottom: 4px;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0,0,0,.15);
    }
    .dl-shop-meta .stats{
        display: flex; gap: 12px; flex-wrap: wrap;
        font-size: 11.5px;
        color: rgba(255,255,255,.78);
    }
    .dl-shop-meta .stats span{ display: inline-flex; align-items: center; gap: 4px; }
    .dl-shop-meta .stats b{
        color: var(--c-accent-2); font-weight: 700; font-family: var(--f-mono);
        text-shadow: 0 0 8px rgba(34,211,238,.4);
    }

    .dl-user-info{
        background: rgba(255,255,255,.14);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,.18);
        border-radius: var(--r-pill);
        padding: 4px 4px 4px 14px;
        display: inline-flex; align-items: center; gap: 8px;
        text-decoration: none; color: #fff;
        font-size: 12.5px;
    }
    .dl-user-info img{
        width: 28px; height: 28px; border-radius: 50%; object-fit: cover;
    }
    .dl-user-info .name{ font-weight: 600; line-height: 1.1; }
    .dl-user-info .balance{ color: var(--c-accent-2); font-family: var(--f-mono); font-size: 11px; }
    .dl-login-row{ display: flex; gap: 6px; }

    
    .dl-verified-card{
        position: relative;
        margin-bottom: 10px;
        background: linear-gradient(135deg, rgba(15,23,42,.88), rgba(30,41,59,.74));
        border: 1px solid rgba(212,175,116,.40);
        border-radius: var(--r-md);
        padding: 10px 14px;
        display: flex; align-items: center; gap: 12px;
        overflow: hidden;
        box-shadow:
            inset 0 1px 0 rgba(245,197,124,.25),
            inset 0 -1px 0 rgba(0,0,0,.25),
            0 6px 20px -6px rgba(0,0,0,.35);
    }
    
    .dl-verified-card::before{
        content:""; position: absolute;
        top: 0; left: -50%;
        width: 50%; height: 100%;
        background: linear-gradient(100deg, transparent 30%, rgba(245,197,124,.18) 50%, transparent 70%);
        animation: dlShine 5s ease-in-out infinite;
        pointer-events: none;
        z-index: 1;
        will-change: transform, opacity;
    }
    
    .dl-verified-card::after{
        content:""; position: absolute;
        inset: 0;
        border-radius: var(--r-md);
        pointer-events: none;
        box-shadow:
            0 0 0 1px rgba(245,197,124,.50),
            0 0 20px rgba(245,197,124,.24),
            0 0 42px rgba(212,175,116,.14),
            inset 0 0 18px rgba(245,197,124,.10);
        animation: dlVerifiedAura 3.6s ease-in-out infinite;
        z-index: 0;
        will-change: opacity;
    }
    @keyframes dlVerifiedAura{
        0%, 100%{ opacity: .52; }
        50%     { opacity: 1; }
    }
    
    @keyframes dlShine{
        0%  { transform: translateX(-10%); opacity: 0; }
        3%  { transform: translateX(0);    opacity: .9; }
        24% { transform: translateX(320%); opacity: .9; }
        30% { transform: translateX(356%); opacity: 0; }
        100%{ transform: translateX(356%); opacity: 0; }
    }
    .dl-vc-seal{
        width: 50px; height: 50px;
        flex-shrink: 0;
        position: relative;
        display: grid; place-items: center;
        z-index: 2;
    }
    .dl-vc-seal::after{
        content:""; position: absolute; inset: -6px;
        background: radial-gradient(circle, rgba(245,197,124,.40), transparent 70%);
        border-radius: 50%; z-index: -1;
        filter: blur(8px);
        will-change: transform, opacity;
        animation: dlSealPulse 3s ease-in-out infinite;
    }
    @keyframes dlSealPulse{
        0%,100%{ opacity: .48; transform: scale(.98); }
        50%    { opacity: .95; transform: scale(1.07); }
    }
    .dl-vc-seal svg{ width: 100%; height: 100%; }
    .dl-vc-content{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; position: relative; z-index: 2; }
    .dl-vc-title{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
    .dl-vc-title .name{
        font-size: 14.5px; font-weight: 700;
        letter-spacing: .04em;
        background: linear-gradient(180deg, #f5e1ae 0%, #d4a574 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        line-height: 1.1;
    }
    .dl-official-mark{
        display: inline-flex; align-items: center; gap: 3px;
        font-family: var(--f-mono);
        font-size: 9px; font-weight: 700;
        letter-spacing: .2em;
        color: #d4a574;
        border: 1px solid rgba(212,175,116,.4);
        padding: 2px 6px; border-radius: 3px;
        background: rgba(212,175,116,.08);
    }
    .dl-official-mark svg{ width: 9px; height: 9px; }
    .dl-vc-stats{ display: flex; gap: 0; align-items: center; }
    .dl-vc-stat{
        display: inline-flex; flex-direction: column; gap: 1px;
        padding: 0 10px;
        border-right: 1px solid rgba(212,175,116,.18);
    }
    .dl-vc-stat:first-child{ padding-left: 0; }
    .dl-vc-stat:last-child{ border-right: none; padding-right: 0; }
    .dl-vc-stat .k{
        font-size: 9.5px;
        color: rgba(255,255,255,.55);
        letter-spacing: .12em;
        font-family: var(--f-mono);
        text-transform: uppercase;
    }
    .dl-vc-stat .v{
        font-size: 12.5px; font-weight: 700;
        color: #f5e1ae;
        font-family: var(--f-mono);
        letter-spacing: .02em;
        line-height: 1.2;
        white-space: nowrap;
    }
    
    @media (max-width: 480px){
        .dl-verified-card{ padding: 10px 12px; gap: 10px; }
        .dl-vc-seal{ width: 42px; height: 42px; }
        .dl-vc-title .name{ font-size: 13.5px; }
        .dl-official-mark{ font-size: 8.5px; letter-spacing: .12em; }
        .dl-vc-stat{ padding: 0 8px; }
        .dl-vc-stat .k{ font-size: 9px; letter-spacing: .04em; }
        .dl-vc-stat .v{ font-size: 12px; }
    }

    
    .dl-recruit-card{
        position: relative;
        margin-bottom: 10px;
        background: linear-gradient(135deg, rgba(15,52,96,.92), rgba(30,90,160,.78));
        border: 1px solid rgba(56,189,248,.45);
        border-radius: var(--r-md);
        padding: 11px 14px;
        display: flex; align-items: center; gap: 12px;
        overflow: hidden;
        cursor: pointer;
        text-decoration: none !important;
        color: inherit;
        transition: transform .25s ease, box-shadow .25s ease;
        box-shadow:
            inset 0 1px 0 rgba(125,211,252,.30),
            inset 0 -1px 0 rgba(0,0,0,.20),
            0 6px 20px -6px rgba(14,116,210,.45);
    }
    .dl-recruit-card:hover{
        transform: translateY(-2px);
        box-shadow:
            inset 0 1px 0 rgba(125,211,252,.40),
            0 12px 28px -8px rgba(14,116,210,.65);
    }
    .dl-recruit-card::before{
        content:""; position: absolute;
        top: 0; left: -50%;
        width: 50%; height: 100%;
        background: linear-gradient(100deg, transparent 30%, rgba(125,211,252,.22) 50%, transparent 70%);
        animation: dlRecruitShine 4.5s ease-in-out infinite;
        pointer-events: none;
        z-index: 1;
        will-change: transform, opacity;
    }
    
    .dl-recruit-card::after{
        content:""; position: absolute;
        inset: 0;
        border-radius: var(--r-md);
        pointer-events: none;
        box-shadow:
            0 0 0 1px rgba(56,189,248,.50),
            0 0 18px rgba(56,189,248,.24),
            0 0 38px rgba(34,211,238,.14);
        animation: dlRecruitAura 3.2s ease-in-out infinite;
        z-index: 0;
        will-change: opacity;
    }
    @keyframes dlRecruitAura{
        0%,100%{ opacity: .5; }
        50%    { opacity: 1; }
    }
    @keyframes dlRecruitShine{
        0%  { transform: translateX(-10%); opacity: 0; }
        3%  { transform: translateX(0);    opacity: .9; }
        24% { transform: translateX(320%); opacity: .9; }
        30% { transform: translateX(356%); opacity: 0; }
        100%{ transform: translateX(356%); opacity: 0; }
    }
    .dl-rc-icon{
        width: 44px; height: 44px;
        flex-shrink: 0;
        position: relative;
        display: grid; place-items: center;
        z-index: 2;
        background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%);
        border-radius: 12px;
        box-shadow: 0 4px 12px -2px rgba(56,189,248,.55), inset 0 1px 0 rgba(255,255,255,.30);
    }
    .dl-rc-icon::after{
        content:""; position: absolute; inset: -5px;
        background: radial-gradient(circle, rgba(56,189,248,.45), transparent 70%);
        border-radius: 50%; z-index: -1;
        filter: blur(6px);
        will-change: transform, opacity;
        animation: dlRcIconPulse 2.6s ease-in-out infinite;
    }
    @keyframes dlRcIconPulse{
        0%,100%{ opacity: .5; transform: scale(.98); }
        50%    { opacity: .95; transform: scale(1.09); }
    }
    .dl-rc-icon svg{ width: 24px; height: 24px; color: #fff; filter: drop-shadow(0 1px 2px rgba(0,0,0,.35)); }
    .dl-rc-content{ flex: 1; min-width: 0; position: relative; z-index: 2; }
    .dl-rc-title{
        font-size: 14px; font-weight: 700;
        color: #fff;
        letter-spacing: .02em;
        margin-bottom: 3px;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .dl-rc-sub{
        font-size: 11.5px;
        color: rgba(255,255,255,.78);
        line-height: 1.4;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .dl-rc-btn{
        flex-shrink: 0;
        position: relative;
        z-index: 2;
        display: inline-flex; align-items: center; gap: 5px;
        padding: 8px 14px;
        font-size: 12.5px; font-weight: 700;
        color: #0c1e3e;
        background: linear-gradient(135deg, #fff 0%, #e0f2fe 100%);
        border-radius: 999px;
        white-space: nowrap;
        box-shadow:
            0 2px 8px rgba(56,189,248,.40),
            inset 0 -1px 0 rgba(0,0,0,.08);
        transition: all .2s ease;
    }
    .dl-recruit-card:hover .dl-rc-btn{
        transform: scale(1.04);
        box-shadow: 0 4px 14px rgba(56,189,248,.55);
    }
    .dl-rc-btn svg{ width: 12px; height: 12px; }
    @media (max-width: 480px){
        .dl-recruit-card{ padding: 10px 12px; gap: 10px; }
        .dl-rc-icon{ width: 38px; height: 38px; }
        .dl-rc-icon svg{ width: 20px; height: 20px; }
        .dl-rc-title{ font-size: 13px; }
        .dl-rc-sub{ font-size: 10.5px; }
        .dl-rc-btn{ padding: 6px 11px; font-size: 11.5px; }
        
        .dl-rc-title{
            white-space: normal;
            display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
            line-height: 1.32;
        }
        .dl-rc-sub{
            white-space: normal;
            display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
            line-height: 1.34;
        }
    }

    
    .dl-notice{
        position: relative;
        background: rgba(255,255,255,.08);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,.12);
        border-radius: 14px;
        padding: 11px 15px 11px 32px;
        font-size: 13px; line-height: 1.75;
        cursor: pointer;
        color: rgba(255,255,255,.92);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
        transition: background .2s ease, border-color .2s ease;
    }
    .dl-notice:hover{ background: rgba(255,255,255,.11); border-color: rgba(255,255,255,.20); }
    
    .dl-notice::before{
        content:""; position: absolute;
        left: 13px; top: 18px;
        width: 7px; height: 7px;
        border-radius: 50%;
        background: currentColor;
        box-shadow: 0 0 8px currentColor;
        opacity: .8;
        will-change: transform, opacity;
        animation: dlNoticePulse 2.2s ease-in-out infinite;
    }
    @keyframes dlNoticePulse{
        0%,100%{ opacity: .82; transform: scale(1); }
        50%{ opacity: .45; transform: scale(.86); }
    }
    
    .dl-notice-text{
        overflow: hidden;
        max-height: calc(1.75em * 8 + 32px);
        padding-right: 56px;
        transition: max-height .3s ease;
    }
    
    .dl-notice:not(.expanded) .dl-notice-text{
        -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 8px), transparent);
        mask-image: linear-gradient(to bottom, #000 calc(100% - 8px), transparent);
    }
    .dl-notice.expanded .dl-notice-text{
        max-height: 6000px;
        padding-right: 0;
        -webkit-mask-image: none;
        mask-image: none;
    }
    .dl-notice.expanded{ padding-bottom: 36px; }
    
    .dl-notice.no-fold{ padding-bottom: 11px; }
    .dl-notice.no-fold .dl-notice-text{ padding-right: 0; -webkit-mask-image: none; mask-image: none; }
    .dl-notice.no-fold .dl-notice-toggle{ display: none; }

    
    .dl-notice-toggle{
        position: absolute; right: 12px; top: auto; bottom: 9px;
        font-size: 11px; font-weight: 700;
        color: #0b2b4a;
        display: inline-flex; align-items: center; gap: 3px;
        padding: 2px 9px;
        border-radius: 999px;
        background: rgba(255,255,255,.94);
        border: 1px solid rgba(255,255,255,.85);
        box-shadow: 0 2px 8px rgba(15,23,42,.30), inset 0 1px 0 rgba(255,255,255,.9);
        user-select: none;
        transition: background .2s ease, box-shadow .2s ease;
    }
    .dl-notice:hover .dl-notice-toggle{
        background: #fff;
        box-shadow: 0 3px 12px rgba(15,23,42,.38), inset 0 1px 0 #fff;
    }
    .dl-notice.expanded .dl-notice-toggle{ top: auto; bottom: 11px; }
    .dl-notice-toggle svg{ width: 12px; height: 12px; transition: transform .25s; }
    .dl-notice.expanded .dl-notice-toggle svg{ transform: rotate(180deg); }

    
    .dl-notice-text > *:first-child{ margin-top: 0 !important; }
    .dl-notice-text > *:last-child{ margin-bottom: 0 !important; }

    
    .dl-notice-text p{
        margin: 0 0 8px;
        color: inherit;
        opacity: .9;
    }

    
    .dl-notice-text h1,
    .dl-notice-text h2,
    .dl-notice-text h3,
    .dl-notice-text h4,
    .dl-notice-text h5,
    .dl-notice-text h6{
        display: flex; align-items: center; gap: 8px;
        margin: 16px 0 8px;
        font-size: 13.5px; font-weight: 800; line-height: 1.5;
        color: inherit;
        letter-spacing: .3px;
    }
    .dl-notice-text h1::before,
    .dl-notice-text h2::before,
    .dl-notice-text h3::before,
    .dl-notice-text h4::before,
    .dl-notice-text h5::before,
    .dl-notice-text h6::before{
        content: ""; flex: 0 0 auto;
        width: 3px; height: 13px; border-radius: 2px;
        background: currentColor;
        opacity: .55;
    }

    
    .dl-notice-text ul{
        list-style: none;
        margin: 0 0 6px;
        padding: 0 0 0 14px;
    }
    .dl-notice-text ul > li{
        position: relative;
        margin: 5px 0;
        color: inherit;
        opacity: .9;
    }
    .dl-notice-text ul > li::before{
        content: ""; position: absolute;
        left: -11px; top: .78em;
        width: 5px; height: 5px; border-radius: 50%;
        background: currentColor;
        opacity: .6;
    }

    
    .dl-notice-text ol{
        margin: 0 0 6px;
        padding-left: 20px;
        list-style: decimal;
    }
    .dl-notice-text ol > li{
        margin: 5px 0;
        color: inherit;
        opacity: .9;
    }
    .dl-notice-text ol > li::marker{ opacity: .7; }

    
    .dl-notice-text blockquote{
        margin: 10px 0 0;
        padding: 7px 11px;
        border-left: 3px solid currentColor;
        border-radius: 0 9px 9px 0;
        background: rgba(127,127,127,.14);
        font-size: 12px; line-height: 1.65;
        color: inherit;
        opacity: .8;
    }

    
    .dl-notice-text strong,
    .dl-notice-text b{ font-weight: 800; opacity: 1; }
    .dl-notice-text em,
    .dl-notice-text i,
    .dl-notice-text u{ color: inherit; }
    .dl-notice-text a{
        color: inherit;
        text-decoration: underline;
        text-underline-offset: 2px;
        opacity: .95;
    }
    .dl-notice-text img{
        max-width: 100%; height: auto;
        border-radius: 8px;
        margin: 6px 0;
    }
    .dl-notice-text hr{
        border: 0;
        border-top: 1px dashed currentColor;
        opacity: .25;
        margin: 12px 0;
    }
    .dl-notice-text table{
        width: 100%;
        border-collapse: collapse;
        font-size: 12px;
        margin: 8px 0;
    }
    .dl-notice-text th,
    .dl-notice-text td{
        border: 1px solid rgba(127,127,127,.3);
        padding: 5px 8px;
        color: inherit;
    }

    
    .dl-cat-bar{
        position: sticky; top: 0; z-index: 30;
        background: rgba(238,242,250,.85);
        backdrop-filter: blur(16px) saturate(160%);
        -webkit-backdrop-filter: blur(16px) saturate(160%);
        margin: 0 -16px;
        padding: 12px 16px 10px;
        transition: box-shadow .2s, background .2s;
    }
    .dl-cat-bar.stuck{
        box-shadow: 0 1px 0 var(--c-line), 0 4px 16px rgba(15,23,42,.05);
        background: rgba(244,247,252,.92);
    }
    
    .dl-cat-bar.stuck::after{
        content:""; position: absolute;
        left: 16px; right: 16px; bottom: 0;
        height: 1px;
        background: linear-gradient(90deg,
            transparent 0%,
            rgba(37,99,235,.30) 25%,
            rgba(6,182,212,.40) 50%,
            rgba(37,99,235,.30) 75%,
            transparent 100%);
        pointer-events: none;
    }
    .dl-cat-tabs{
        display: flex; gap: 8px;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .dl-cat-tabs::-webkit-scrollbar{ display: none; }
    
    .switch-category.chip{
        flex-shrink: 0;
        background: var(--c-paper);
        border: 1px solid var(--c-line);
        border-radius: var(--r-md);
        padding: 9px 16px;
        font-size: 13.5px; font-weight: 500;
        color: var(--c-ink-2);
        transition: all .2s;
        display: inline-flex; align-items: center; gap: 6px;
        text-decoration: none;
        cursor: pointer;
        line-height: 1.2;
        position: relative;
    }
    .switch-category.chip:active{ transform: scale(.97); }
    .switch-category.chip.is-primary{
        background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2));
        border-color: transparent; color: #fff !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.30),
            0 4px 12px rgba(37,99,235,.32),
            0 8px 20px -6px rgba(37,99,235,.45);
        animation: dlChipBreath 3s ease-in-out infinite;
    }
    @keyframes dlChipBreath{
        0%,100%{
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.30),
                0 4px 12px rgba(37,99,235,.32),
                0 8px 20px -6px rgba(37,99,235,.45);
        }
        50%{
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.30),
                0 4px 14px rgba(37,99,235,.40),
                0 10px 26px -6px rgba(37,99,235,.60),
                0 0 0 4px rgba(37,99,235,.10);
        }
    }
    .switch-category.chip .chip-icon{
        width: 16px; height: 16px; border-radius: 4px;
        display: inline-block;
    }

    
    .dl-section-head{
        display: flex; justify-content: space-between; align-items: center;
        margin: 16px 0 12px;
        padding: 0 4px;
    }
    .dl-section-title{
        font-size: 16px; font-weight: 700;
        margin: 0; color: var(--c-ink);
        display: inline-flex; align-items: center; gap: 8px;
    }
    .dl-section-title .bar{
        width: 3px; height: 14px;
        background: linear-gradient(180deg, var(--c-primary), var(--c-accent));
        border-radius: 2px;
    }
    .dl-section-count{ font-size: 12px; color: var(--c-muted); font-family: var(--f-mono); }

    
    .item-list.dl-grid{
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .item-list.dl-grid > .dl-product{
        background:
            linear-gradient(165deg, #ffffff 0%, #e8f0fb 100%);
        border: 1px solid var(--c-line);
        border-radius: var(--r-md);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
        transition: border-color .2s, box-shadow .25s, transform .15s;
        position: relative;
        
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.9),
            0 1px 2px rgba(15,23,42,.04),
            0 6px 16px -6px rgba(15,23,42,.10);
    }
    .item-list.dl-grid > .dl-product:hover{
        border-color: var(--c-primary-2);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.9),
            0 2px 4px rgba(37,99,235,.08),
            0 16px 32px -10px rgba(37,99,235,.28);
        color: inherit;
        transform: translateY(-3px);
    }
    
    .item-list.dl-grid > .dl-product::before{
        content:""; position: absolute;
        top: 0; left: -100%;
        width: 60%; height: 100%;
        background: linear-gradient(105deg,
            transparent 30%,
            rgba(99,179,237,.12) 48%,
            rgba(34,211,238,.18) 50%,
            rgba(99,179,237,.12) 52%,
            transparent 70%);
        transform: skewX(-12deg);
        transition: left .8s var(--ease-out);
        pointer-events: none;
        z-index: 5;
    }
    .item-list.dl-grid > .dl-product:hover::before{
        left: 130%;
    }
    .item-list.dl-grid > .dl-product:active{ transform: scale(.985); }
    .item-list.dl-grid > .dl-product.soldout{ opacity: .55; cursor: not-allowed; }

    .dl-p-cover{
        width: 100%;
        
        padding-bottom: 75%;
        height: 0;
        background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) center/cover no-repeat;
        position: relative;
        overflow: hidden;
        transition: transform .5s var(--ease-out);
    }
    
    @supports (aspect-ratio: 1) {
        .dl-p-cover{
            aspect-ratio: 4 / 3;
            padding-bottom: 0;
            height: auto;
        }
    }
    .dl-product:hover .dl-p-cover{
        transform: scale(1.04);
    }
    .dl-p-cover::before{
        
        content:""; position: absolute;
        top: 0; left: 0; right: 0; height: 40%;
        background: linear-gradient(180deg, rgba(255,255,255,.18), transparent);
        pointer-events: none;
        z-index: 1;
    }
    .dl-p-cover::after{
        content:""; position: absolute; inset: 0;
        background:
            radial-gradient(circle at 75% 15%, rgba(34,211,238,.22), transparent 55%),
            radial-gradient(circle at 15% 90%, rgba(15,23,42,.18), transparent 55%);
        pointer-events: none;
    }
    .dl-p-corner{
        position: absolute;
        top: 8px; left: 8px;
        display: flex; gap: 4px;
        z-index: 3;
    }
    .dl-p-corner .dl-p-tag{
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
    }
    
    .dl-p-corner .dl-p-tag.t-recommend{
        box-shadow:
            0 2px 6px rgba(239,68,68,.45),
            0 0 12px rgba(249,115,22,.5);
        animation: dlRecommendPulse 2.4s ease-in-out infinite;
    }
    @keyframes dlRecommendPulse{
        0%,100%{
            box-shadow:
                0 2px 6px rgba(239,68,68,.45),
                0 0 12px rgba(249,115,22,.5);
        }
        50%{
            box-shadow:
                0 2px 6px rgba(239,68,68,.52),
                0 0 18px rgba(249,115,22,.68);
        }
    }
    .dl-p-body{
        padding: 10px 12px 12px;
        display: flex; flex-direction: column;
        gap: 8px;
        flex: 1;
    }
    .dl-p-name{
        font-size: 13px; font-weight: 600;
        color: var(--c-ink);
        margin: 0;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: calc(13px * 1.4 * 2);
    }
    .dl-p-bottom{
        margin-top: auto;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 6px;
    }
    .dl-p-price{
        line-height: 1;
        display: flex; align-items: baseline; gap: 1px;
    }
    .dl-p-price .y{
        color: var(--c-red);
        font-size: 12px;
        font-weight: 700;
        font-family: var(--f-mono);
    }
    .dl-p-price .now{
        font-family: var(--f-mono);
        font-weight: 800;
        font-size: 18px;
        letter-spacing: -.01em;
        background: linear-gradient(180deg, #f87171 0%, #dc2626 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        text-shadow: 0 0 14px rgba(239,68,68,.18);
    }
    .dl-p-stock{
        font-family: var(--f-mono);
        font-size: 10.5px;
        color: var(--c-muted);
        white-space: nowrap;
        line-height: 1;
        padding-bottom: 2px;
    }
    .dl-p-stock.low{ color: var(--c-red); font-weight: 600; }
    .dl-p-tag{
        padding: 2px 7px;
        border-radius: 4px;
        font-size: 9.5px;
        font-weight: 700;
        color: #fff;
        letter-spacing: .04em;
        line-height: 1.4;
        white-space: nowrap;
    }
    .dl-p-tag.t-recommend{ background: linear-gradient(135deg, #f97316, #ef4444); }
    .dl-p-tag.t-auto{ background: linear-gradient(135deg, var(--c-green), #059669); }
    .dl-p-tag.t-online{ background: linear-gradient(135deg, var(--c-accent), var(--c-primary)); }
    .dl-p-meta-tags{
        display: flex; gap: 4px; flex-wrap: wrap;
    }
    .dl-p-meta-tags .dl-p-tag{
        font-size: 9px;
        padding: 1px 5px;
        background: var(--c-bg-2);
        color: var(--c-ink-2);
    }
    .dl-p-meta-tags .dl-p-tag.t-auto{
        background: rgba(16,185,129,.1); color: var(--c-green);
    }
    .dl-p-meta-tags .dl-p-tag.t-online{
        background: rgba(6,182,212,.1); color: var(--c-accent);
    }

    .dl-soldout-flag{
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%,-50%) rotate(-12deg);
        background: rgba(15,23,42,.88);
        color: #fff;
        font-size: 14px; font-weight: 800;
        padding: 6px 16px;
        border-radius: var(--r-sm);
        letter-spacing: .12em;
        z-index: 3;
    }

    .item-message{
        text-align: center;
        padding: 60px 20px;
        color: var(--c-muted);
        font-size: 13px;
        grid-column: 1 / -1;
    }

    
    @media (min-width: 600px){
        .item-list.dl-grid{ grid-template-columns: repeat(3, 1fr); gap: 12px; }
    }
    @media (min-width: 1024px){
        .item-list.dl-grid{ grid-template-columns: repeat(4, 1fr); gap: 14px; }
    }
    @media (min-width: 768px){
        
        .dl-hero{ border-radius: 0 0 28px 28px; padding: 16px 0 20px; }
        .dl-shop-avatar{ width: 60px; height: 60px; border-radius: 16px; }
        .dl-shop-avatar svg{ width: 36px; height: 36px; }
        .dl-shop-meta .name{ font-size: 22px; }
        .dl-section-title{ font-size: 18px; }
        
        .dl-float-btn{ width: 40px; height: 40px; }
        .dl-float-btn svg{ width: 18px; height: 18px; }
        
        .dl-float-actions{ top: 26px; gap: 8px; }
        
        .item-list.dl-grid > .dl-product{ border-radius: var(--r-lg); }
        .dl-p-name{ font-size: 14px; }
        .dl-p-price .now{ font-size: 20px; }
    }
    @media (min-width: 1024px){
        
        .dl-hero{ padding: 20px 0 24px; }
        
        .dl-float-actions{ top: 30px; }
        .dl-shop-row{ padding-right: 100px; }
    }

    
    .dl-item-page{ padding: 0 0 20px; }
    .dl-item-card{
        background: var(--c-paper);
        border: 1px solid var(--c-line);
        border-radius: var(--r-lg);
        overflow: hidden;
        margin-bottom: 14px;
    }
    
    .dl-item-cover{
        width: 100%;
        height: 220px;
        background: linear-gradient(135deg, #0f172a, #1e293b);
        position: relative;
        overflow: hidden;
        display: grid; place-items: center;
    }
    .dl-item-cover img.item-cover{
        width: 100%; height: 100%;
        object-fit: cover;
        display: block;
    }
    @media (min-width: 768px){
        .dl-item-cover{ height: 280px; }
    }

    .dl-item-info{ padding: 16px 18px; }
    .dl-item-info h4{
        margin: 0 0 10px; font-size: 18px; font-weight: 700; color: var(--c-ink);
        line-height: 1.4;
    }
    .dl-item-tags{ display: flex; align-items: center; gap: 6px; margin-bottom: 14px; flex-wrap: wrap; }
    .dl-item-tags .badge-soft{
        font-size: 11px; font-weight: 600;
        padding: 3px 9px; border-radius: var(--r-pill);
        line-height: 1.4;
    }
    .badge-soft.badge-soft-success{ background: rgba(16,185,129,.12); color: var(--c-green); }
    .badge-soft.badge-soft-primary{ background: rgba(37,99,235,.1); color: var(--c-primary); }
    .badge-soft.badge-soft-info{ background: rgba(6,182,212,.1); color: var(--c-accent); cursor: pointer; }
    .badge-soft.snap-up{ background: rgba(245,158,11,.1); color: var(--c-amber); font-family: var(--f-mono); }

    .dl-item-price-row{
        display: flex; align-items: baseline; gap: 6px;
        margin-bottom: 18px;
        padding: 14px 16px;
        background: linear-gradient(135deg, rgba(239,68,68,.04), rgba(239,68,68,.01));
        border: 1px solid rgba(239,68,68,.1);
        border-radius: var(--r-md);
    }
    .dl-item-price-row .abacus{ display: flex; align-items: baseline; gap: 4px; }
    .dl-item-price-row .price{
        color: var(--c-red);
        font-family: var(--f-mono);
        font-weight: 800;
        font-size: 28px;
        line-height: 1;
    }
    
    .dl-item-price-row .price .unit{
        font-size: 14px; font-weight: 600; margin-right: 2px;
    }

    
    form.vstack{ display: flex; flex-direction: column; gap: 14px; }
    .dl-item-info form .form-label{
        display: block; font-size: 13px; font-weight: 500;
        color: var(--c-ink-2); margin-bottom: 6px;
    }
    .dl-item-info form .form-control,
    .dl-item-info form input[type="text"],
    .dl-item-info form input[type="email"],
    .dl-item-info form input[type="password"],
    .dl-item-info form input[type="number"]{
        width: 100%; height: 44px;
        border: 1px solid var(--c-line) !important;
        border-radius: var(--r-md) !important;
        padding: 0 14px;
        font-size: 14px;
        color: var(--c-ink);
        background: var(--c-paper) !important;
        outline: none !important;
        transition: border-color .15s, box-shadow .15s;
        box-shadow: none !important;
    }
    .dl-item-info form .form-control:focus,
    .dl-item-info form input:focus{
        border-color: var(--c-primary) !important;
        box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
        outline: none !important;
    }
    
    .dl-item-info form input:invalid,
    .dl-item-info form input:focus:invalid,
    .dl-item-info form .form-control:invalid{
        box-shadow: none !important;
        border-color: var(--c-line) !important;
    }
    .sku-list{ display: flex; flex-wrap: wrap; gap: 6px; }
    .sku-list.is-long{ max-height: 104px; overflow-y: auto; padding-right: 4px; scrollbar-width: thin; scrollbar-color: var(--c-line) transparent; }
    .sku-list.is-long::-webkit-scrollbar{ width: 4px; }
    .sku-list.is-long::-webkit-scrollbar-thumb{ background: var(--c-line); border-radius: 2px; }
    .sku-list.is-long::-webkit-scrollbar-track{ background: transparent; }
    
    .switch-race.sku, .switch-sku.sku{
        background: var(--c-paper);
        border: 1.5px solid var(--c-line);
        border-radius: var(--r-md);
        padding: 7px 14px;
        font-size: 13px; font-weight: 500;
        color: var(--c-ink-2);
        text-decoration: none;
        display: inline-flex; align-items: center; gap: 6px;
        cursor: pointer;
        transition: all .15s;
        line-height: 1.3;
    }
    .switch-race.sku:hover, .switch-sku.sku:hover{ border-color: var(--c-primary-2); color: var(--c-primary); }
    .switch-race.sku.is-primary, .switch-sku.sku.is-primary{
        background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2));
        border-color: transparent;
        color: #fff;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.25),
            0 4px 10px rgba(37,99,235,.28),
            0 8px 18px -6px rgba(37,99,235,.38);
    }
    .badge-money{
        font-family: var(--f-mono);
        font-size: 11px; font-weight: 700;
        background: rgba(255,255,255,.18);
        padding: 1px 6px;
        border-radius: 3px;
    }
    .switch-race.sku:not(.is-primary) .badge-money,
    .switch-sku.sku:not(.is-primary) .badge-money{
        background: var(--c-bg-2); color: var(--c-red);
    }

    
    .input-group.qty-group{
        display: inline-flex !important; align-items: center;
        background: var(--c-bg-2) !important;
        border-radius: var(--r-pill) !important;
        padding: 3px !important;
        width: auto !important;
        box-shadow: none !important;
        border: 1px solid transparent !important;
    }
    .input-group.qty-group:focus-within{
        box-shadow: none !important;
        border-color: transparent !important;
    }
    .input-group.qty-group .change-num-sub,
    .input-group.qty-group .change-num-add{
        width: 36px; height: 36px;
        border-radius: 50% !important;
        background: transparent !important;
        border: none !important;
        color: var(--c-primary) !important;
        font-size: 18px; font-weight: 700;
        transition: background .15s, transform .15s;
        display: grid; place-items: center;
        box-shadow: none !important;
        outline: none !important;
    }
    .input-group.qty-group .change-num-sub:hover,
    .input-group.qty-group .change-num-add:hover{
        background: rgba(37,99,235,.1) !important;
    }
    .input-group.qty-group .change-num-sub:active,
    .input-group.qty-group .change-num-add:active{ transform: scale(.85); }
    .input-group.qty-group input[name="num"]{
        width: 56px !important; height: 36px !important;
        border: none !important;
        background: transparent !important;
        text-align: center !important;
        font-size: 15px; font-weight: 600;
        color: var(--c-ink) !important;
        outline: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    .input-group.qty-group input[name="num"]:invalid,
    .input-group.qty-group input[name="num"]:focus{
        box-shadow: none !important;
        border-color: transparent !important;
        outline: none !important;
    }

    .optional-card{
        width: 100%;
        background: var(--c-bg-2);
        border: 1.5px dashed var(--c-line) !important;
        border-radius: var(--r-md);
        padding: 14px;
        font-size: 13px;
        color: var(--c-muted);
        text-align: center;
        cursor: pointer;
        transition: all .15s;
    }
    .optional-card:hover{ border-color: var(--c-primary) !important; color: var(--c-primary); }

    
    .input-group .captcha-input + .captcha-img,
    .dl-captcha-wrap .captcha-input{
        
    }
    .input-group .captcha-input{
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-right: none !important;
    }
    .captcha-img{
        height: 44px; min-width: 100px;
        border: 1px solid var(--c-line);
        border-left: none;
        border-radius: 0 var(--r-md) var(--r-md) 0;
        cursor: pointer;
        display: block;
        object-fit: cover;
    }

    
    .cash-pay{
        margin-top: 4px !important; padding: 0 !important;
        background: transparent !important;
    }
    .cash-pay .form-label{
        display: block; font-size: 13px; font-weight: 500;
        color: var(--c-ink-2); margin-bottom: 8px !important;
    }

    
    .item-detail{
        margin-top: 14px;
        background: var(--c-paper);
        border: 1px solid var(--c-line);
        border-radius: var(--r-lg);
        overflow: hidden;
    }
    .item-detail .panel-header{
        padding: 14px 18px 8px;
        display: flex; align-items: center; gap: 8px;
        font-weight: 600;
    }
    .item-detail .panel-header .icon{
        color: var(--c-primary);
    }
    .item-detail .panel-header h6{
        margin: 0; font-size: 15px; color: var(--c-ink);
    }
    .item-detail .panel-body{
        padding: 0 18px 18px;
        font-size: 13.5px; line-height: 1.7;
        color: var(--c-ink-2);
    }
    .item-detail .panel-body img{ max-width: 100%; border-radius: var(--r-sm); }

    
    .dl-panel{
        background: var(--c-paper);
        border: 1px solid var(--c-line);
        border-radius: var(--r-lg);
        margin-bottom: 14px;
        overflow: hidden;
    }
    .dl-panel-head{
        padding: 14px 18px;
        display: flex; align-items: center; gap: 8px;
        border-bottom: 1px solid var(--c-line-2);
    }
    .dl-panel-head .icon{ color: var(--c-primary); }
    .dl-panel-head h6{ margin: 0; font-size: 15px; font-weight: 700; color: var(--c-ink); }
    .dl-panel-body{ padding: 18px; }

    
    .dl-slim-topbar{
        background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
        color: #fff;
        padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0));
        position: relative;
        overflow: hidden;
    }
    .dl-slim-topbar::before{
        content:""; position: absolute;
        inset: 0;
        background-image:
            linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
        background-size: 32px 32px;
        pointer-events: none;
    }
    .dl-slim-topbar-inner{
        
        max-width: 1180px; margin: 0 auto;
        display: flex; align-items: center; gap: 10px;
        position: relative; z-index: 1;
    }
    .dl-back-btn{
        width: 36px; height: 36px;
        border-radius: 50%;
        background: rgba(255,255,255,.16);
        border: 1px solid rgba(255,255,255,.18);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        display: grid; place-items: center;
        color: #fff;
        flex-shrink: 0;
        transition: background .15s, transform .15s;
    }
    .dl-back-btn:hover{ background: rgba(255,255,255,.25); color: #fff; }
    .dl-back-btn:active{ transform: scale(.92); }
    .dl-back-btn svg{ width: 16px; height: 16px; }
    .dl-slim-shop-name{
        flex: 1; min-width: 0;
        font-size: 14.5px; font-weight: 600;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
        color: rgba(255,255,255,.92);
    }
    .dl-slim-shop-name .tag{
        display: inline-block;
        font-family: var(--f-mono);
        font-size: 9.5px; letter-spacing: .15em;
        color: var(--c-accent-2);
        margin-right: 6px;
        font-weight: 700;
    }

    
    .dl-item-summary{
        position: relative;
        background:
            linear-gradient(160deg, #ffffff 0%, #e6eef9 100%);
        border-radius: var(--r-lg);
        margin: 14px 0;
        padding: 14px;
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 14px;
        align-items: start;
        border: 1px solid var(--c-line);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.9),
            0 1px 2px rgba(15,23,42,.04),
            0 10px 28px -12px rgba(15,23,42,.14);
    }
    
    .dl-item-summary::before{
        content:""; position: absolute;
        top: -20px; left: -20px;
        width: 160px; height: 160px;
        background: radial-gradient(circle, rgba(34,211,238,.10), transparent 65%);
        pointer-events: none;
        border-radius: 50%;
        z-index: 0;
    }
    .dl-item-summary > *{ position: relative; z-index: 1; }
    .dl-item-thumb{
        width: 96px; height: 96px;
        border-radius: var(--r-md);
        overflow: hidden;
        background: linear-gradient(135deg, #0f172a, #1e293b);
        flex-shrink: 0;
        position: relative;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.1),
            0 4px 12px -4px rgba(15,23,42,.25);
    }
    .dl-item-thumb::after{
        
        content:""; position: absolute;
        top: 0; left: 0; right: 0; height: 50%;
        background: linear-gradient(180deg, rgba(255,255,255,.12), transparent);
        pointer-events: none;
        z-index: 2;
    }
    .dl-item-thumb img.item-cover{
        width: 100%; height: 100%;
        object-fit: cover; display: block;
    }
    .dl-item-summary-body{ min-width: 0; display: flex; flex-direction: column; gap: 8px; }
    
    .dl-item-summary-body h4,
    .dl-item-summary-body h1.dl-item-title{
        margin: 0; font-size: 16px; font-weight: 700;
        color: var(--c-ink); line-height: 1.35;
        word-break: break-word;
    }
    .dl-item-summary-tags{
        display: flex; align-items: center; gap: 6px;
        flex-wrap: wrap;
    }
    .dl-item-summary-tags .badge-soft{
        font-size: 10.5px; font-weight: 600;
        padding: 2px 8px; border-radius: var(--r-pill);
        line-height: 1.5;
    }
    .dl-item-summary-price{
        display: flex; align-items: baseline; gap: 4px;
        margin-top: 2px;
    }
    .dl-item-summary-price .abacus{ display: inline-flex; align-items: baseline; }
    .dl-item-summary-price .price{
        color: var(--c-red);
        font-family: var(--f-mono);
        font-weight: 800;
        font-size: 24px;
        line-height: 1;
    }
    .dl-item-summary-price .price .unit{
        font-size: 13px; font-weight: 600;
        margin-right: 1px;
    }
    .dl-item-summary-price .price .dl-price-coupon{
        margin-left: 8px;
        padding: 2px 8px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 700;
        font-family: var(--f-base, inherit);
        vertical-align: 3px;
        color: #fff;
        background: linear-gradient(135deg, var(--c-red), #ff8a5c);
        white-space: nowrap;
    }

    @media (min-width: 768px){
        .dl-item-thumb{ width: 120px; height: 120px; }
        .dl-item-summary-body h4,
        .dl-item-summary-body h1.dl-item-title{ font-size: 18px; }
        .dl-item-summary-price .price{ font-size: 28px; }
    }

    
    .dl-combo-card{
        background:
            linear-gradient(165deg, #ffffff 0%, #eaf1fb 100%);
        border: 1px solid var(--c-line);
        border-radius: var(--r-lg);
        margin-bottom: 12px;
        overflow: hidden;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.9),
            0 1px 2px rgba(15,23,42,.04),
            0 8px 24px -10px rgba(15,23,42,.10);
    }
    .dl-row{
        padding: 14px 18px;
        display: flex; align-items: center; gap: 12px;
        border-bottom: 1px solid var(--c-line-2);
        min-height: 56px;
    }
    .dl-row:last-child{ border-bottom: none; }
    .dl-row-label{
        flex-shrink: 0;
        font-size: 13px; font-weight: 500;
        color: var(--c-ink-2);
        min-width: 70px;
    }
    .dl-row-label .req{ color: var(--c-red); margin-left: 2px; }
    .dl-row-label .hint{
        display: block;
        font-size: 11px; color: var(--c-muted);
        font-weight: 400;
        margin-top: 2px;
    }
    .dl-row-content{
        flex: 1; min-width: 0;
    }

    .dl-coupon-line{
        display: flex; align-items: center; gap: 8px;
    }
    .dl-coupon-line input{ flex: 1 1 auto; min-width: 0; }
    .dl-coupon-btn{
        flex: 0 0 auto;
        height: 38px;
        padding: 0 18px;
        border: none;
        border-radius: var(--r-pill, 999px);
        background: linear-gradient(135deg, var(--dl-a, var(--c-primary)), var(--dl-a2, var(--c-primary-2)));
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .02em;
        cursor: pointer;
        white-space: nowrap;
        box-shadow: 0 3px 10px color-mix(in srgb, var(--dl-a, var(--c-primary)) 34%, transparent);
        transition: transform .15s, filter .15s, box-shadow .2s, opacity .15s;
    }
    .dl-coupon-btn:hover{
        filter: brightness(1.05);
        transform: translateY(-1px);
        box-shadow: 0 5px 14px color-mix(in srgb, var(--dl-a, var(--c-primary)) 42%, transparent);
    }
    .dl-coupon-btn:active{ transform: translateY(0) scale(.97); }
    .dl-coupon-btn:disabled{
        opacity: .65; cursor: default; transform: none;
        box-shadow: none; filter: none;
    }
    .dl-coupon-tip{
        margin-top: 6px;
        font-size: 12.5px;
        font-weight: 600;
        line-height: 1.5;
    }
    .dl-coupon-tip.is-ok{ color: #12a150; }
    .dl-coupon-tip.is-err{ color: var(--c-red, #e5484d); }
    
    .dl-row-block{
        display: block;
        padding: 14px 18px;
        border-bottom: 1px solid var(--c-line-2);
    }
    .dl-row-block:last-child{ border-bottom: none; }
    .dl-row-block .dl-row-label{ min-width: 0; margin-bottom: 10px; display: block; }

    
    .dl-row-content input.form-control,
    .dl-row-content input[type="text"],
    .dl-row-content input[type="email"],
    .dl-row-content input[type="password"],
    .dl-row-content input[type="number"]{
        width: 100%; height: 38px !important;
        border: 1px solid transparent !important;
        border-radius: var(--r-sm) !important;
        padding: 0 10px;
        font-size: 14px;
        color: var(--c-ink);
        background: rgba(99,120,170,.07) !important;
        outline: none !important;
        box-shadow: inset 0 1px 2px rgba(15,23,42,.04) !important;
        text-align: right;
    }
    .dl-row-content input.form-control:focus,
    .dl-row-content input:focus{
        
        background: var(--input-focus-bg, var(--c-paper)) !important;
        border-color: var(--c-primary) !important;
        box-shadow:
            inset 0 1px 2px rgba(15,23,42,.04),
            0 0 0 3px rgba(37,99,235,.12) !important;
    }
    .dl-row-content input:invalid,
    .dl-row-content input:focus:invalid{
        box-shadow: none !important;
        border-color: transparent !important;
    }

    .dl-row-content select.form-control,
    .dl-row-content textarea.form-control{
        width: 100%;
        border: 1px solid transparent;
        border-radius: var(--r-sm);
        padding: 0 10px;
        font-size: 14px;
        color: var(--c-ink);
        background: rgba(99,120,170,.07);
        outline: none;
        box-shadow: inset 0 1px 2px rgba(15,23,42,.04);
        text-align: left;
    }
    .dl-row-content select.form-control{
        height: 38px;
    }
    .dl-row-content textarea.form-control{
        height: auto;
        min-height: 78px;
        padding: 9px 10px;
        line-height: 1.6;
        resize: vertical;
    }
    .dl-row-content select.form-control:focus,
    .dl-row-content textarea.form-control:focus{
        background: var(--input-focus-bg, var(--c-paper));
        border-color: var(--c-primary);
    }
    .dl-widget-group{
        display: flex;
        flex-wrap: wrap;
        gap: 8px 16px;
        align-items: center;
        min-height: 38px;
    }
    .dl-widget-option{
        display: inline-flex;
        align-items: center;
        gap: 6px;
        cursor: pointer;
        font-size: 14px;
        color: var(--c-ink);
    }
    .dl-widget-option input{
        width: 16px;
        height: 16px;
        margin: 0;
        accent-color: var(--c-primary);
        cursor: pointer;
    }

    
    .dl-row .input-group.qty-group{
        display: inline-flex !important;
        background: var(--c-bg-2) !important;
        border-radius: var(--r-pill) !important;
        padding: 2px !important;
        width: auto !important;
        box-shadow: none !important;
        border: none !important;
        margin-left: auto;
    }
    .dl-row .input-group.qty-group:focus-within{
        box-shadow: none !important;
        border-color: transparent !important;
    }
    .dl-row .input-group.qty-group .change-num-sub,
    .dl-row .input-group.qty-group .change-num-add{
        width: 30px; height: 30px;
        border-radius: 50% !important;
        background: var(--c-paper) !important;
        border: none !important;
        color: var(--c-primary) !important;
        font-size: 16px; font-weight: 700;
        display: grid; place-items: center;
        box-shadow: var(--sh-sm) !important;
        outline: none !important;
        transition: transform .15s;
    }
    .dl-row .input-group.qty-group .change-num-sub:active,
    .dl-row .input-group.qty-group .change-num-add:active{ transform: scale(.85); }
    .dl-row .input-group.qty-group input[name="num"]{
        width: 44px !important; height: 30px !important;
        border: none !important; background: transparent !important;
        text-align: center !important;
        font-size: 14px !important; font-weight: 700 !important;
        color: var(--c-ink) !important;
        outline: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    .dl-row .input-group.qty-group input[name="num"]:invalid,
    .dl-row .input-group.qty-group input[name="num"]:focus{
        box-shadow: none !important;
        border-color: transparent !important;
    }

    
    .dl-captcha-wrap{
        display: flex; gap: 8px; align-items: stretch;
    }
    .dl-captcha-wrap input.captcha-input{
        flex: 1; text-align: left !important;
    }
    .dl-captcha-wrap .captcha-img{
        height: 38px; width: 100px; flex-shrink: 0;
        border: 1px solid var(--c-line);
        border-radius: var(--r-sm);
        cursor: pointer;
        object-fit: cover;
        background: var(--c-bg);
    }

    
    .sku-list{ display: flex; flex-wrap: wrap; gap: 6px; }
    
    .switch-race.sku, .switch-sku.sku{
        background: var(--c-paper);
        border: 1.5px solid var(--c-line);
        border-radius: var(--r-md);
        padding: 7px 14px;
        font-size: 13px; font-weight: 500;
        color: var(--c-ink-2);
        text-decoration: none;
        display: inline-flex; align-items: center; gap: 6px;
        cursor: pointer;
        transition: all .15s;
        line-height: 1.3;
    }
    .switch-race.sku:hover, .switch-sku.sku:hover{ border-color: var(--c-primary-2); color: var(--c-primary); }
    .switch-race.sku.is-primary, .switch-sku.sku.is-primary{
        background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2));
        border-color: transparent;
        color: #fff;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.25),
            0 4px 10px rgba(37,99,235,.28),
            0 8px 18px -6px rgba(37,99,235,.38);
    }
    .badge-money{
        font-family: var(--f-mono);
        font-size: 11px; font-weight: 700;
        background: rgba(255,255,255,.18);
        padding: 1px 6px;
        border-radius: 3px;
    }
    .switch-race.sku:not(.is-primary) .badge-money,
    .switch-sku.sku:not(.is-primary) .badge-money{
        background: var(--c-bg-2); color: var(--c-red);
    }

    .optional-card{
        width: 100%;
        background: var(--c-bg-2);
        border: 1.5px dashed var(--c-line) !important;
        border-radius: var(--r-md);
        padding: 12px;
        font-size: 13px;
        color: var(--c-muted);
        text-align: center;
        cursor: pointer;
        transition: all .15s;
    }
    .optional-card:hover{ border-color: var(--c-primary) !important; color: var(--c-primary); }

    
    .dl-pay-card{
        position: relative;
        
        background:
            linear-gradient(165deg, #ffffff 0%, #e8f0fa 100%);
        border: 1px solid var(--c-line);
        border-radius: var(--r-lg);
        padding: 14px 16px 16px;
        margin-bottom: 12px;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.9),
            0 1px 2px rgba(15,23,42,.04),
            0 8px 24px -10px rgba(15,23,42,.10);
    }
    
    .dl-pay-card::before{
        content:""; position: absolute;
        top: 0; left: 16px; right: 16px; height: 1px;
        background: linear-gradient(90deg,
            transparent 0%,
            rgba(37,99,235,.25) 30%,
            rgba(6,182,212,.25) 70%,
            transparent 100%);
        pointer-events: none;
    }
    .dl-pay-title{
        font-size: 13px; font-weight: 600;
        color: var(--c-ink-2);
        margin: 0 0 10px;
        display: flex; align-items: center; gap: 6px;
    }
    .dl-pay-title::before{
        content: ""; width: 3px; height: 12px;
        background: linear-gradient(180deg, var(--c-primary), var(--c-accent));
        border-radius: 2px;
    }
    
    
    .pay-list{
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 10px !important;
    }
    .pay-list a, .pay-list .pay-item-dl{
        display: flex !important;
        align-items: center; justify-content: center; gap: 10px;
        padding: 14px 12px !important;
        
        background: linear-gradient(165deg, #ffffff 0%, #e3ebf5 100%) !important;
        border: 1.5px solid var(--c-line) !important;
        border-radius: var(--r-md) !important;
        text-decoration: none !important;
        color: var(--c-ink) !important;
        cursor: pointer;
        transition: all .2s var(--ease);
        min-height: 60px;
        text-align: center;
        position: relative;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.95),
            0 1px 2px rgba(15,23,42,.04);
    }
    
    .pay-list a:only-child,
    .pay-list .pay-item-dl:only-child{
        grid-column: 1 / -1;
    }
    
    .pay-list .pay-fee{
        display: inline-block;
        margin-left: 4px;
        padding: 1px 6px;
        border-radius: 6px;
        background: #b45309 !important;
        color: #fff7ed !important;
        -webkit-text-fill-color: #fff7ed !important;
        font-size: 10.5px;
        font-weight: 800;
        line-height: 1.5;
        white-space: nowrap;
        pointer-events: none;
        box-shadow: 0 1px 3px rgba(120,53,15,.35);
    }
    
    .dl-fixed-buybar-price .dl-fee-tip{
        display: none;
        margin-top: 1px;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2;
        color: #f59e0b;
        white-space: nowrap;
    }
    .dl-fixed-buybar-price .price.has-fee{
        color: inherit;
    }
    .pay-list a:hover{
        border-color: var(--c-primary-2) !important;
        background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
        transform: translateY(-1px);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.95),
            0 4px 12px -4px rgba(37,99,235,.20);
    }
    
    .pay-list a.is-primary,
    .pay-list a.active,
    .pay-list a.selected,
    .pay-list .active,
    .pay-list .selected{
        border-color: var(--c-primary) !important;
        background: linear-gradient(135deg, #4f63f5 0%, #8a5cf6 100%) !important;
        color: #fff !important;
        transform: translateY(-1px);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.40),
            0 0 0 3px rgba(79,99,245,.22),
            0 10px 24px -8px rgba(79,99,245,.55);
    }
    
    .pay-list a.is-primary span:not(.pay-fee),
    .pay-list a.active span:not(.pay-fee),
    .pay-list a.selected span:not(.pay-fee){
        color: inherit !important;
    }
    
    .pay-list a.is-primary::after,
    .pay-list a.active::after,
    .pay-list a.selected::after,
    .pay-list .active::after,
    .pay-list .selected::after{
        content: "\2713";
        position: absolute;
        top: -8px; right: -8px;
        display: flex; align-items: center; justify-content: center;
        width: 22px; height: 22px;
        border: 2px solid #fff;
        border-radius: 50%;
        background: #16a34a;
        color: #fff;
        font-size: 12px; font-weight: 900; line-height: 1;
        box-shadow: 0 4px 10px rgba(22,163,74,.5);
        z-index: 3;
    }
    
    .pay-list a.is-primary img,
    .pay-list a.active img,
    .pay-list a.selected img{
        box-shadow: 0 0 0 2px rgba(255,255,255,.95);
    }
    .pay-list a img{
        width: 30px; height: 30px;
        border-radius: 6px;
        object-fit: contain;
        flex-shrink: 0;
        filter: drop-shadow(0 1px 2px rgba(15,23,42,.08));
    }
    
    .pay-list a span{
        font-weight: 600; font-size: 14px;
        color: inherit;
        letter-spacing: .02em;
    }
    .pay-list a img + span,
    .pay-list a span:nth-child(2){
        
    }

    
    .dl-desc-card{
        background: linear-gradient(165deg, #ffffff 0%, #eaf1fb 100%);
        border: 1px solid var(--c-line);
        border-radius: var(--r-lg);
        padding: 16px 18px;
        margin-bottom: 0; 
        font-size: 13.5px; line-height: 1.7;
        color: var(--c-ink-2);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.9),
            0 1px 2px rgba(15,23,42,.04),
            0 8px 24px -10px rgba(15,23,42,.10);
    }
    .dl-desc-card .panel-header{
        display: flex; align-items: center; gap: 6px;
        font-weight: 600; color: var(--c-ink);
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--c-line-2);
    }
    .dl-desc-card .panel-header h6{ margin: 0; font-size: 14.5px; }
    .dl-desc-card .panel-header .icon{ color: var(--c-primary); }
    .dl-desc-card .panel-body img{ max-width: 100%; border-radius: var(--r-sm); }

    
    .dl-fixed-buybar{
        position: fixed;
        left: 0; right: 0; bottom: 0;
        background: rgba(244,247,252,.92);
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        border-top: 1px solid rgba(216,225,238,.70);
        
        padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0));
        z-index: 60;
        box-shadow:
            0 -1px 0 rgba(255,255,255,.6) inset,
            0 -8px 28px rgba(15,23,42,.08);
    }
    
    .dl-fixed-buybar::before{
        content:"";
        position: absolute;
        top: 0; left: 8%; right: 8%;
        height: 1px;
        background: linear-gradient(90deg,
            transparent 0%,
            rgba(37,99,235,.30) 25%,
            rgba(6,182,212,.45) 50%,
            rgba(37,99,235,.30) 75%,
            transparent 100%);
        pointer-events: none;
    }
    .dl-fixed-buybar-inner{
        
        max-width: 1180px; margin: 0 auto;
        display: flex; align-items: center; gap: 12px;
    }
    .dl-fixed-buybar-price{
        flex: 1; min-width: 0;
        display: flex; flex-direction: column;
        line-height: 1.2;
    }
    .dl-fixed-buybar-price .label{
        font-size: 11px; color: var(--c-muted);
        margin-bottom: 1px;
    }
    .dl-fixed-buybar-price .abacus{
        display: inline-flex; align-items: baseline;
    }
    .dl-fixed-buybar-price .price{
        color: var(--c-red);
        font-family: var(--f-mono);
        font-weight: 800;
        font-size: 22px;
        line-height: 1;
    }
    .dl-fixed-buybar-price .price .unit{
        font-size: 12px; font-weight: 600;
        margin-right: 1px;
    }
    .dl-fixed-buybar .submit-btn{
        background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2));
        color: #fff;
        height: 46px; padding: 0 28px;
        border-radius: var(--r-pill);
        font-size: 14.5px; font-weight: 600;
        
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.30),
            inset 0 -1px 0 rgba(15,23,42,.10),
            0 4px 12px rgba(37,99,235,.32),
            0 8px 24px -8px rgba(37,99,235,.45);
        border: none;
        display: inline-flex; align-items: center; gap: 6px;
        cursor: pointer;
        transition: transform .15s, filter .15s, box-shadow .2s;
        position: relative;
        overflow: hidden;
    }
    
    .dl-fixed-buybar .submit-btn::before{
        content:""; position: absolute;
        top: 0; left: -120%;
        width: 60%; height: 100%;
        background: linear-gradient(100deg, transparent 30%, rgba(255,255,255,.22) 50%, transparent 70%);
        animation: dlBtnShine 3.5s ease-in-out infinite;
        pointer-events: none;
        will-change: transform;
    }
    
    @keyframes dlBtnShine{
        0%   { transform: translateX(0); }
        58%  { transform: translateX(0); }
        80%  { transform: translateX(400%); }
        100% { transform: translateX(400%); }
    }
    .dl-fixed-buybar .submit-btn:hover{
        filter: brightness(1.06);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.30),
            inset 0 -1px 0 rgba(15,23,42,.10),
            0 6px 16px rgba(37,99,235,.40),
            0 12px 32px -8px rgba(37,99,235,.55);
    }
    .dl-fixed-buybar .submit-btn:active{ transform: scale(.97); }
    .dl-fixed-buybar .submit-btn svg{ width: 16px; height: 16px; position: relative; z-index: 1; }

    
    .dl-btn{
        background: linear-gradient(135deg, var(--c-primary), var(--c-primary-2));
        color: #fff;
        height: 46px; padding: 0 24px;
        border-radius: var(--r-pill);
        font-size: 14.5px; font-weight: 600;
        box-shadow: var(--sh-blue);
        border: none;
        display: inline-flex; align-items: center; justify-content: center; gap: 6px;
        cursor: pointer;
        transition: transform .15s, box-shadow .15s, filter .15s;
        text-decoration: none;
    }
    .dl-btn:hover{ filter: brightness(1.05); color: #fff; }
    .dl-btn:active{ transform: scale(.98); }
    .dl-btn-block{ width: 100%; }
    .dl-btn-ghost{
        background: var(--c-bg-2);
        color: var(--c-ink);
        box-shadow: none;
    }
    .dl-btn-ghost:hover{ background: var(--c-line); color: var(--c-ink); }

    
    .dl-buy-bar{
        position: fixed;
        bottom: 0; left: 0; right: 0;
        background: rgba(255,255,255,.96);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        border-top: 1px solid var(--c-line);
        padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
        z-index: 60;
        box-shadow: 0 -6px 24px rgba(15,23,42,.08);
        display: none;
    }
    .dl-buy-bar.show{ display: block; }
    .dl-buy-bar-inner{
        max-width: 720px; margin: 0 auto;
        display: flex; align-items: center; gap: 10px;
    }
    .dl-buy-bar .label{ font-size: 12px; color: var(--c-muted); line-height: 1.2; margin-bottom: 2px; }
    .dl-buy-bar .price-display{
        color: var(--c-red);
        font-weight: 800;
        font-family: var(--f-mono);
        line-height: 1;
        display: flex; align-items: baseline; gap: 4px;
    }
    .dl-buy-bar .price-display .y{ font-size: 12px; }
    .dl-buy-bar .price-display .num{ font-size: 22px; }

    
    footer.dl-footer{
        text-align: center;
        padding: 24px 16px calc(24px + env(safe-area-inset-bottom));
        font-size: 11px;
        color: var(--c-muted);
        font-family: var(--f-mono);
        letter-spacing: .1em;
    }
    body.dalin-body footer:not(.dl-footer){
        text-align: center; color: var(--c-muted); font-size: 11px;
        padding: 12px 16px;
    }

    
    .dl-p-stock.low::before{
        content: "•"; color: var(--c-red);
        margin-right: 2px; animation: dlPulse 1.6s infinite;
    }
    @keyframes dlPulse { 0%,100%{ opacity:1; } 50%{ opacity:.35; } }

    
    .toast{ font-family: var(--f-sans) !important; }

    @media (prefers-reduced-motion: reduce){
        *, *::before, *::after{
            animation-duration: .01ms !important;
            transition-duration: .01ms !important;
        }
    }


    

    
    .dl-light-divider{
        position: relative;
        display: flex; align-items: center; justify-content: center;
        gap: 14px;
        margin: 18px 0 4px;
        padding: 4px 0;
        height: 36px;
    }
    .dl-light-divider .ld-line{
        flex: 1;
        height: 1px;
        position: relative;
        overflow: hidden;
    }
    .dl-light-divider .ld-line-l{
        background: linear-gradient(90deg,
            transparent 0%,
            rgba(99,102,241,.0) 8%,
            rgba(37,99,235,.45) 50%,
            rgba(6,182,212,.65) 100%);
    }
    .dl-light-divider .ld-line-r{
        background: linear-gradient(90deg,
            rgba(6,182,212,.65) 0%,
            rgba(37,99,235,.45) 50%,
            rgba(99,102,241,.0) 92%,
            transparent 100%);
    }
    
    .dl-light-divider .ld-line::before{
        content:"";
        position: absolute;
        top: -1px; left: -30%;
        width: 40%; height: 3px;
        background: linear-gradient(90deg, transparent, #ffffff, transparent);
        filter: blur(1.5px);
        animation: dlLDSweep 3.2s ease-in-out infinite;
    }
    .dl-light-divider .ld-line-r::before{ animation-delay: 1.6s; }
    @keyframes dlLDSweep{
        0%   { left: -30%; opacity: 0; }
        18%  { opacity: 1; }
        78%  { opacity: 1; }
        100% { left: 130%; opacity: 0; }
    }
    
    .dl-light-divider .ld-gem{
        width: 28px; height: 28px;
        flex-shrink: 0;
        display: grid; place-items: center;
        border-radius: 8px;
        background: linear-gradient(135deg, var(--c-primary), var(--c-accent));
        color: #fff;
        box-shadow:
            0 4px 14px rgba(37,99,235,.40),
            0 0 22px rgba(34,211,238,.35),
            inset 0 1px 0 rgba(255,255,255,.45);
        animation: dlLDPulse 2.4s ease-in-out infinite;
        transform: rotate(45deg);
    }
    .dl-light-divider .ld-gem svg{
        width: 13px; height: 13px;
        transform: rotate(-45deg);
    }
    @keyframes dlLDPulse{
        0%,100%{
            box-shadow:
                0 4px 14px rgba(37,99,235,.40),
                0 0 22px rgba(34,211,238,.35),
                inset 0 1px 0 rgba(255,255,255,.45);
            transform: rotate(45deg) scale(1);
        }
        50%{
            box-shadow:
                0 6px 22px rgba(37,99,235,.55),
                0 0 38px rgba(34,211,238,.55),
                inset 0 1px 0 rgba(255,255,255,.45);
            transform: rotate(45deg) scale(1.10);
        }
    }

    
    .dl-cat-bar{
        padding: 14px 16px 12px;
    }
    .dl-cat-tabs{
        gap: 10px;
    }
    .switch-category.chip{
        padding: 11px 22px;
        font-size: 14.5px;
        font-weight: 600;
        gap: 8px;
        letter-spacing: .02em;
        background: linear-gradient(180deg, #ffffff, #f3f6fc);
        border: 1.5px solid var(--c-line);
        box-shadow:
            0 1px 0 rgba(255,255,255,.95) inset,
            0 2px 6px rgba(15,23,42,.04);
    }
    .switch-category.chip:hover{
        border-color: var(--c-primary-2);
        color: var(--c-primary-deep);
        transform: translateY(-1px);
        box-shadow:
            0 1px 0 rgba(255,255,255,.95) inset,
            0 6px 14px -4px rgba(37,99,235,.20);
    }
    .switch-category.chip.is-primary{
        padding: 11px 24px;
        font-size: 14.5px;
        font-weight: 700;
        border: 1.5px solid transparent;
        background: linear-gradient(135deg, var(--c-primary) 0%, #5b8bff 50%, var(--c-accent) 100%);
        background-size: 200% 200%;
        animation: dlChipBreath 3s ease-in-out infinite, dlChipGradient 6s ease infinite;
    }
    @keyframes dlChipGradient{
        0%,100%{ background-position: 0% 50%; }
        50%    { background-position: 100% 50%; }
    }
    .switch-category.chip .chip-icon{
        width: 18px; height: 18px;
        border-radius: 5px;
    }
    
    .switch-category.chip.is-primary::after{
        content:"";
        position: absolute;
        left: 50%; bottom: -7px;
        width: 6px; height: 6px;
        border-radius: 50%;
        background: var(--c-accent);
        transform: translateX(-50%);
        box-shadow: 0 0 10px var(--c-accent);
    }

    
    
    .item-list.dl-grid{
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    @media (min-width: 720px){
        .item-list.dl-grid{ grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
    }
    @media (min-width: 1180px){
        .item-list.dl-grid{ grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }
    }

    
    .item-list.dl-grid > .dl-product{
        flex-direction: row !important;
        align-items: stretch;
        padding: 12px 14px 12px 12px;
        gap: 14px;
        border-radius: var(--r-lg) !important;
        min-height: 108px;
    }

    
    .item-list.dl-grid > .dl-product > .dl-p-cover{
        flex: 0 0 auto;
        width: 88px; height: 88px;
        padding-bottom: 0 !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: var(--r-md);
        align-self: center;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-color: #f1f5fc !important;
        box-shadow:
            inset 0 0 0 1px rgba(216,225,238,.6),
            inset 0 1px 0 rgba(255,255,255,.9);
    }
    .item-list.dl-grid > .dl-product > .dl-p-cover::before,
    .item-list.dl-grid > .dl-product > .dl-p-cover::after{
        display: none;
    }
    .dl-product:hover .dl-p-cover{
        transform: scale(1.04) rotate(-1.5deg);
    }

    
    .item-list.dl-grid > .dl-product .dl-p-corner{
        top: 4px; left: 4px;
    }
    .item-list.dl-grid > .dl-product .dl-p-corner .dl-p-tag{
        font-size: 8.5px;
        padding: 1px 5px;
    }
    .item-list.dl-grid > .dl-product .dl-soldout-flag{
        font-size: 11px;
        padding: 4px 10px;
    }

    
    .item-list.dl-grid > .dl-product > .dl-p-body{
        flex: 1;
        min-width: 0;
        padding: 2px 0 2px 0;
        gap: 6px;
    }
    .dl-p-name{
        font-size: 15px !important;
        font-weight: 700 !important;
        -webkit-line-clamp: 1 !important;
        min-height: 0 !important;
        line-height: 1.3 !important;
    }
    .dl-p-meta-tags{
        gap: 6px;
    }
    .dl-p-meta-tags .dl-p-tag{
        font-size: 9.5px;
        padding: 2px 7px;
    }
    .dl-p-bottom{
        gap: 10px;
        align-items: center;
    }
    .dl-p-price .now{
        font-size: 22px !important;
    }
    .dl-p-stock{
        font-size: 11px;
    }

    
    .dl-p-buy{
        margin-left: auto;
        flex-shrink: 0;
        position: relative;
        display: inline-flex; align-items: center; gap: 5px;
        padding: 8px 16px 8px 14px;
        border-radius: 999px;
        background: linear-gradient(135deg, var(--c-primary) 0%, #5b8bff 50%, var(--c-accent) 100%);
        background-size: 200% 200%;
        color: #fff !important;
        font-size: 12.5px;
        font-weight: 700;
        letter-spacing: .04em;
        white-space: nowrap;
        overflow: hidden;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.35),
            0 4px 12px rgba(37,99,235,.32),
            0 0 0 1px rgba(37,99,235,.30);
        transition: transform .25s var(--spring), box-shadow .25s, background-position .35s;
        animation: dlChipGradient 6s ease infinite;
    }
    .dl-p-buy svg{ width: 13px; height: 13px; }
    
    .dl-p-buy::before{
        content:"";
        position: absolute;
        top: 0; left: -120%;
        width: 60%; height: 100%;
        background: linear-gradient(100deg, transparent 30%, rgba(255,255,255,.45) 50%, transparent 70%);
        transition: left .8s var(--ease-out);
        pointer-events: none;
    }
    .dl-product:hover .dl-p-buy{
        transform: translateX(-2px) scale(1.06);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.40),
            0 8px 18px rgba(37,99,235,.50),
            0 0 0 1px rgba(34,211,238,.45),
            0 0 26px rgba(34,211,238,.35);
    }
    .dl-product:hover .dl-p-buy::before{
        left: 130%;
    }
    .dl-product.soldout .dl-p-buy{
        background: #cbd5e1 !important;
        color: #f8fafc !important;
        box-shadow: none !important;
        animation: none !important;
    }

    
    @media (max-width: 480px){
        .item-list.dl-grid > .dl-product{ padding: 10px 12px 10px 10px; gap: 10px; min-height: 96px; }
        .item-list.dl-grid > .dl-product > .dl-p-cover{ width: 76px; height: 76px; }
        .dl-p-name{ font-size: 14px !important; }
        .dl-p-price .now{ font-size: 19px !important; }
        .dl-p-buy{ padding: 7px 13px; font-size: 11.5px; }
        .dl-p-buy svg{ width: 12px; height: 12px; }
    }

    
    .dl-fixed-buybar .submit-btn{
        position: relative;
        height: 50px;
        padding: 0 32px 0 28px;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: .04em;
        background: linear-gradient(135deg, var(--c-primary) 0%, #5b8bff 35%, var(--c-accent) 100%);
        background-size: 200% 200%;
        animation: dlChipGradient 5s ease infinite, dlBuyBreath 2.6s ease-in-out infinite;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.35),
            inset 0 -1px 0 rgba(15,23,42,.10),
            0 6px 16px rgba(37,99,235,.40),
            0 12px 30px -8px rgba(37,99,235,.55),
            0 0 0 0 rgba(34,211,238,.45);
    }
    
    .dl-fixed-buybar .submit-btn::after{
        content:"";
        position: absolute;
        inset: -3px;
        border-radius: 999px;
        padding: 3px;
        background: conic-gradient(
            from 0deg,
            rgba(34,211,238,0) 0%,
            rgba(34,211,238,.7) 15%,
            rgba(99,102,241,.0) 35%,
            rgba(34,211,238,0) 60%,
            rgba(99,102,241,.7) 85%,
            rgba(34,211,238,0) 100%);
        -webkit-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
        mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
                mask-composite: exclude;
        animation: dlBuyHaloSpin 4s linear infinite;
        pointer-events: none;
        opacity: .85;
        z-index: 0;
        will-change: transform;
    }
    @keyframes dlBuyHaloSpin{
        to{ transform: rotate(360deg); }
    }
    @keyframes dlBuyBreath{
        0%,100%{
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.35),
                inset 0 -1px 0 rgba(15,23,42,.10),
                0 6px 16px rgba(37,99,235,.40),
                0 12px 30px -8px rgba(37,99,235,.55),
                0 0 0 0 rgba(34,211,238,.30);
        }
        50%{
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.38),
                inset 0 -1px 0 rgba(15,23,42,.10),
                0 7px 19px rgba(37,99,235,.48),
                0 13px 33px -8px rgba(37,99,235,.62),
                0 0 0 4px rgba(34,211,238,.06);
        }
    }
    
    .dl-fixed-buybar .submit-btn > *{ position: relative; z-index: 2; }
    .dl-fixed-buybar .submit-btn::before{
        z-index: 1;
        animation: dlBtnShine 3.5s ease-in-out infinite;
    }
    .dl-fixed-buybar .submit-btn svg{
        width: 18px !important; height: 18px !important;
        animation: dlCartShake 2.4s ease-in-out infinite;
    }
    
    @keyframes dlCartShake{
        0%, 90%, 100% { transform: rotate(0deg) translateY(0); }
        93%           { transform: rotate(-7deg) translateY(-1px); }
        96.5%         { transform: rotate(6deg) translateY(0); }
    }
    .dl-fixed-buybar .submit-btn:hover{
        transform: translateY(-2px) scale(1.03);
        filter: brightness(1.08) saturate(1.1);
    }
    .dl-fixed-buybar .submit-btn:active{
        transform: translateY(0) scale(.97);
    }

    

    
    .item-list.dl-grid > .dl-product .dl-soldout-flag{
        display: none !important;
    }

    
    .item-list.dl-grid > .dl-product.soldout{
        opacity: 1 !important;
        cursor: not-allowed;
    }
    
    .item-list.dl-grid > .dl-product.soldout > .dl-p-cover{
        filter: grayscale(.85) brightness(.92);
        position: relative;
    }
    
    .item-list.dl-grid > .dl-product.soldout:hover .dl-p-cover{
        transform: none !important;
    }
    .item-list.dl-grid > .dl-product.soldout:hover{
        transform: none !important;
        border-color: var(--c-line) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.9),
            0 1px 2px rgba(15,23,42,.04),
            0 6px 16px -6px rgba(15,23,42,.10) !important;
    }
    .item-list.dl-grid > .dl-product.soldout::before{ display: none; }

    
    .dl-soldout-overlay{
        position: absolute;
        inset: 0;
        z-index: 4;
        pointer-events: none;
        overflow: hidden;
        border-radius: inherit;
        background:
            repeating-linear-gradient(
                135deg,
                rgba(15,23,42,.0) 0px,
                rgba(15,23,42,.0) 6px,
                rgba(15,23,42,.06) 6px,
                rgba(15,23,42,.06) 7px
            ),
            linear-gradient(135deg, rgba(15,23,42,.18) 0%, rgba(15,23,42,.32) 100%);
    }

    
    .dl-soldout-ribbon{
        position: absolute;
        top: 0; right: 0;
        width: 86px; height: 86px;
        overflow: hidden;
        pointer-events: none;
    }
    .dl-soldout-ribbon span{
        position: absolute;
        display: block;
        width: 130px;
        padding: 4px 0;
        background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
        color: #fff;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .14em;
        text-align: center;
        font-family: var(--f-mono);
        text-shadow: 0 1px 1px rgba(0,0,0,.25);
        box-shadow:
            0 3px 8px rgba(185,28,28,.40),
            inset 0 1px 0 rgba(255,255,255,.25),
            inset 0 -1px 0 rgba(0,0,0,.15);
        transform: rotate(45deg);
        right: -34px;
        top: 18px;
    }
    
    .dl-soldout-ribbon span::before,
    .dl-soldout-ribbon span::after{
        content: "";
        position: absolute;
        top: 50%; transform: translateY(-50%);
        width: 4px; height: 4px;
        border-radius: 50%;
        background: rgba(255,255,255,.55);
        box-shadow: 0 0 4px rgba(255,255,255,.6);
    }
    .dl-soldout-ribbon span::before{ left: 8px; }
    .dl-soldout-ribbon span::after{ right: 8px; }

    
    .item-list.dl-grid > .dl-product .dl-soldout-ribbon{
        width: 64px; height: 64px;
    }
    .item-list.dl-grid > .dl-product .dl-soldout-ribbon span{
        width: 100px;
        font-size: 8.5px;
        padding: 2px 0;
        letter-spacing: .12em;
        right: -28px;
        top: 12px;
    }
    .item-list.dl-grid > .dl-product .dl-soldout-ribbon span::before,
    .item-list.dl-grid > .dl-product .dl-soldout-ribbon span::after{
        width: 3px; height: 3px;
    }
    .item-list.dl-grid > .dl-product .dl-soldout-ribbon span::before{ left: 6px; }
    .item-list.dl-grid > .dl-product .dl-soldout-ribbon span::after{ right: 6px; }

    
    .dl-p-stock.soldout{
        display: inline-flex;
        align-items: center;
        gap: 4px;
        color: #b91c1c !important;
        font-weight: 700;
        background: linear-gradient(135deg, rgba(254,226,226,.85) 0%, rgba(254,202,202,.55) 100%);
        padding: 3px 8px;
        border-radius: 6px;
        font-size: 10.5px;
        border: 1px solid rgba(239,68,68,.20);
    }
    .dl-p-stock.soldout .dl-stock-dot{
        width: 6px; height: 6px;
        border-radius: 50%;
        background: #ef4444;
        box-shadow: 0 0 6px rgba(239,68,68,.60);
        animation: dlSoldDot 1.6s ease-in-out infinite;
        flex-shrink: 0;
    }
    @keyframes dlSoldDot{
        0%,100%{ opacity: 1; transform: scale(1); }
        50%    { opacity: .4; transform: scale(.85); }
    }

    
    .dl-p-buy.dl-p-buy-soldout{
        background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%) !important;
        color: #94a3b8 !important;
        font-weight: 700 !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.95),
            inset 0 0 0 1px rgba(148,163,184,.30),
            0 1px 2px rgba(15,23,42,.04) !important;
        animation: none !important;
        cursor: not-allowed;
    }
    .dl-p-buy.dl-p-buy-soldout::before{ display: none !important; }
    .dl-p-buy.dl-p-buy-soldout svg{
        width: 12px; height: 12px;
        color: #94a3b8;
    }
    .dl-product.soldout:hover .dl-p-buy.dl-p-buy-soldout{
        transform: none !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.95),
            inset 0 0 0 1px rgba(148,163,184,.30),
            0 1px 2px rgba(15,23,42,.04) !important;
    }


    

    
    .dl-section-head{
        margin: 14px 0 10px !important;
    }
    
    .dl-section-title .bar{ display: none !important; }

    
    .dl-hero-aurora{
        position: absolute;
        inset: 0;
        overflow: hidden;
        pointer-events: none;
        z-index: 1;
    }
    .aurora-band{
        position: absolute;
        width: 70%; height: 200%;
        border-radius: 50%;
        filter: blur(48px);
        mix-blend-mode: screen;
        opacity: .78;
        will-change: transform;
    }
    .aurora-band.b1{
        top: -60%; left: -20%;
        background: radial-gradient(ellipse 50% 50% at center, rgba(34,211,238,.55) 0%, rgba(34,211,238,0) 70%);
        animation: dlAuroraDrift1 16s ease-in-out infinite;
    }
    .aurora-band.b2{
        top: -50%; left: 25%;
        background: radial-gradient(ellipse 50% 50% at center, rgba(99,102,241,.45) 0%, rgba(99,102,241,0) 70%);
        animation: dlAuroraDrift2 22s ease-in-out infinite;
    }
    .aurora-band.b3{
        top: -55%; left: 55%;
        background: radial-gradient(ellipse 50% 50% at center, rgba(168,85,247,.40) 0%, rgba(168,85,247,0) 70%);
        animation: dlAuroraDrift3 26s ease-in-out infinite;
    }
    
    @keyframes dlAuroraDrift1{
        0%,100%{ transform: translate(0,0) scale(1) rotate(0deg); }
        33%    { transform: translate(8%, 4%) scale(1.10) rotate(2.5deg); }
        66%    { transform: translate(-6%, -2%) scale(.95) rotate(-2deg); }
    }
    @keyframes dlAuroraDrift2{
        0%,100%{ transform: translate(0,0) scale(1) rotate(0deg); }
        50%    { transform: translate(-10%, 6%) scale(1.15) rotate(-3deg); }
    }
    @keyframes dlAuroraDrift3{
        0%,100%{ transform: translate(0,0) scale(1) rotate(0deg); }
        40%    { transform: translate(6%, -4%) scale(.92) rotate(-2.5deg); }
        80%    { transform: translate(-4%, 5%) scale(1.10) rotate(2deg); }
    }

    


    
    
    .dl-cat-tabs{
        -webkit-mask-image: linear-gradient(to right,
            transparent 0,
            #000 22px,
            #000 calc(100% - 22px),
            transparent 100%);
        mask-image: linear-gradient(to right,
            transparent 0,
            #000 22px,
            #000 calc(100% - 22px),
            transparent 100%);
        scroll-snap-type: x proximity;
        padding: 4px 0 12px;
        margin: -4px 0 -2px;
    }
    .switch-category.chip{
        scroll-snap-align: start;
    }

    
    .switch-category.chip{
        background: #ffffff !important;
        border: 1px solid rgba(99,130,200,.28) !important;
        color: #1e293b !important;
        font-weight: 600 !important;
        
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.98),
            inset 0 -1px 0 rgba(15,23,42,.03),
            0 1px 2px rgba(15,23,42,.04),
            0 4px 10px -5px rgba(99,130,200,.18) !important;
        transition: transform .25s var(--spring), border-color .2s, box-shadow .25s, color .2s !important;
    }
    
    .switch-category.chip .chip-name{
        color: inherit;
        opacity: 1;
    }
    
    .switch-category.chip:hover{
        transform: translateY(-2px) !important;
        border-color: rgba(37,99,235,.42) !important;
        color: var(--c-primary-deep) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,1),
            0 8px 18px -6px rgba(37,99,235,.28),
            0 0 0 3px rgba(37,99,235,.07) !important;
    }

    
    

    
    @media (max-width: 480px){
        .switch-category.chip{
            padding: 10px 18px !important;
            font-size: 13.5px !important;
        }
        .switch-category.chip.is-primary{
            padding: 10px 20px !important;
        }
    }

    
    

    
    
    .dl-title-gem{
        width: 16px; height: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-accent) 100%);
        color: #fff;
        transform: rotate(45deg);
        flex-shrink: 0;
        position: relative;
        box-shadow:
            0 2px 8px rgba(37,99,235,.32),
            0 0 18px rgba(34,211,238,.45),
            inset 0 1px 0 rgba(255,255,255,.55);
    }
    .dl-title-gem svg{
        width: 9px; height: 9px;
        transform: rotate(-45deg);
    }
    
    .dl-title-text{
        background: linear-gradient(180deg, var(--c-ink) 0%, #1e3a8a 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        letter-spacing: .04em;
        font-weight: 700;
    }

    
    .dl-section-count{
        font-family: var(--f-mono) !important;
        font-size: 11px !important;
        color: var(--c-ink-2) !important;
        background: linear-gradient(135deg, rgba(255,255,255,.75), rgba(243,247,253,.55)) !important;
        -webkit-backdrop-filter: blur(8px) saturate(150%);
        backdrop-filter: blur(8px) saturate(150%);
        border: 1px solid rgba(99,130,200,.18);
        padding: 3px 10px !important;
        border-radius: 999px;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.95),
            0 1px 2px rgba(15,23,42,.04);
        letter-spacing: .04em;
        font-weight: 600;
    }

    
    
    .dl-p-buy{
        animation: none !important;
    }

    


    

    

    
    .item-list.dl-grid[data-layout="magazine"]{
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    @media (min-width: 720px){
        .item-list.dl-grid[data-layout="magazine"]{
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 14px !important;
        }
    }
    @media (min-width: 1080px){
        .item-list.dl-grid[data-layout="magazine"]{
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        }
    }
    .item-list.dl-grid[data-layout="magazine"] > .dl-product{
        flex-direction: column !important;
        gap: 0 !important;
        padding: 0 !important;
        align-items: stretch !important;
        min-height: auto !important;
        overflow: hidden !important;
        border-radius: var(--r-lg) !important;
    }
    .item-list.dl-grid[data-layout="magazine"] > .dl-product > .dl-p-cover{
        flex: none !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3 !important;
        align-self: stretch !important;
        border-radius: 0 !important;
        position: relative !important;
        background-color: var(--c-cover-bg) !important;
    }
    
    .item-list.dl-grid[data-layout="magazine"] > .dl-product > .dl-p-cover::after{
        content: "";
        display: block;
        position: absolute; inset: auto 0 0 0; height: 40%;
        background: linear-gradient(180deg, transparent 0%, rgba(15,23,42,.18) 100%);
        pointer-events: none;
        z-index: 1;
    }
    
    .item-list.dl-grid[data-layout="magazine"] .dl-p-corner{ z-index: 6 !important; }
    .item-list.dl-grid[data-layout="magazine"] .dl-soldout-overlay{ z-index: 6 !important; }
    .item-list.dl-grid[data-layout="magazine"] > .dl-product > .dl-p-body{
        padding: 10px 12px 12px !important;
        gap: 6px !important;
    }
    .item-list.dl-grid[data-layout="magazine"] .dl-p-name{
        font-size: 14px !important;
        line-height: 1.4 !important;
        -webkit-line-clamp: 2 !important;
    }
    .item-list.dl-grid[data-layout="magazine"] .dl-p-bottom{
        flex-wrap: wrap !important;
        gap: 6px 8px !important;
    }
    .item-list.dl-grid[data-layout="magazine"] .dl-p-buy{
        margin-left: auto !important;
        padding: 6px 12px !important;
        font-size: 11.5px !important;
    }
    
    .item-list.dl-grid[data-layout="magazine"] > .dl-product .dl-soldout-ribbon{
        width: 92px !important; height: 92px !important;
    }
    .item-list.dl-grid[data-layout="magazine"] > .dl-product .dl-soldout-ribbon span{
        width: 140px !important;
        font-size: 11px !important;
        padding: 4px 0 !important;
        letter-spacing: .14em !important;
        right: -36px !important;
        top: 22px !important;
    }
    .item-list.dl-grid[data-layout="magazine"] > .dl-product .dl-soldout-ribbon span::before,
    .item-list.dl-grid[data-layout="magazine"] > .dl-product .dl-soldout-ribbon span::after{
        width: 4px !important; height: 4px !important;
    }


    
    .item-list.dl-grid[data-layout="compact"]{
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }
    .item-list.dl-grid[data-layout="compact"] > .dl-product{
        padding: 8px 12px !important;
        gap: 10px !important;
        min-height: 64px !important;
        align-items: center !important;
        background: linear-gradient(180deg, #fff 0%, #f7faff 100%) !important;
    }
    .item-list.dl-grid[data-layout="compact"] > .dl-product > .dl-p-cover{
        width: 48px !important;
        height: 48px !important;
        border-radius: 8px !important;
        align-self: center !important;
    }
    .item-list.dl-grid[data-layout="compact"] > .dl-product > .dl-p-body{
        padding: 0 !important;
        gap: 2px !important;
    }
    .item-list.dl-grid[data-layout="compact"] .dl-p-name{
        font-size: 13.5px !important;
        line-height: 1.3 !important;
        -webkit-line-clamp: 1 !important;
        margin-bottom: 0 !important;
    }
    .item-list.dl-grid[data-layout="compact"] .dl-p-meta-tags{
        display: none !important; 
    }
    .item-list.dl-grid[data-layout="compact"] .dl-p-bottom{
        gap: 8px !important;
        margin-top: 0 !important;
    }
    .item-list.dl-grid[data-layout="compact"] .dl-p-price{
        font-size: 18px !important;
    }
    .item-list.dl-grid[data-layout="compact"] .dl-p-buy{
        padding: 5px 12px !important;
        font-size: 11px !important;
        height: 26px !important;
    }
    .item-list.dl-grid[data-layout="compact"] .dl-p-buy svg{
        width: 11px !important; height: 11px !important;
    }
    
    .item-list.dl-grid[data-layout="compact"] > .dl-product .dl-soldout-ribbon{
        width: 44px !important; height: 44px !important;
    }
    .item-list.dl-grid[data-layout="compact"] > .dl-product .dl-soldout-ribbon span{
        width: 70px !important;
        font-size: 6.5px !important;
        padding: 1px 0 !important;
        letter-spacing: .08em !important;
        right: -18px !important;
        top: 8px !important;
    }
    .item-list.dl-grid[data-layout="compact"] > .dl-product .dl-soldout-ribbon span::before,
    .item-list.dl-grid[data-layout="compact"] > .dl-product .dl-soldout-ribbon span::after{
        width: 2px !important; height: 2px !important;
    }


    
    .item-list.dl-grid[data-layout="gallery"]{
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    @media (min-width: 720px){
        .item-list.dl-grid[data-layout="gallery"]{
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 12px !important;
        }
    }
    @media (min-width: 1080px){
        .item-list.dl-grid[data-layout="gallery"]{
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        }
    }
    .item-list.dl-grid[data-layout="gallery"] > .dl-product{
        flex-direction: column !important;
        position: relative !important;
        padding: 0 !important;
        gap: 0 !important;
        align-items: stretch !important;
        min-height: auto !important;
        aspect-ratio: 3 / 4 !important;
        overflow: hidden !important;
        border-radius: var(--r-lg) !important;
    }
    .item-list.dl-grid[data-layout="gallery"] > .dl-product > .dl-p-cover{
        width: 100% !important;
        height: 100% !important;
        flex: 1 !important;
        align-self: stretch !important;
        border-radius: 0 !important;
        position: absolute !important;
        inset: 0 !important;
        
        background-size: cover !important;
        background-position: center !important;
        background-color: rgba(15,23,42,.55) !important;
        box-shadow: none !important;
    }
    
    .item-list.dl-grid[data-layout="gallery"] > .dl-product > .dl-p-cover::after{
        content: "";
        display: block;
        position: absolute; inset: 0;
        background: linear-gradient(180deg,
            rgba(15,23,42,0) 0%,
            rgba(15,23,42,.08) 34%,
            rgba(15,23,42,.78) 55%,
            rgba(15,23,42,.95) 100%);
        pointer-events: none;
        z-index: 1;
    }
    .item-list.dl-grid[data-layout="gallery"] > .dl-product > .dl-p-body{
        position: relative !important;
        z-index: 5 !important;
        margin-top: auto !important;
        
        flex: 0 0 auto !important;
        justify-content: flex-end !important;
        padding: 10px 12px 12px !important;
        gap: 4px !important;
        background: transparent !important;
    }
    
    .item-list.dl-grid[data-layout="gallery"] > .dl-product .dl-p-name{
        color: #fff !important;
        font-size: 13.5px !important;
        line-height: 1.35 !important;
        -webkit-line-clamp: 2 !important;
        font-weight: 700 !important;
        text-shadow: 0 1px 3px rgba(0,0,0,.55), 0 0 12px rgba(0,0,0,.35);
    }
    .item-list.dl-grid[data-layout="gallery"] .dl-p-meta-tags .dl-p-tag{
        background: rgba(255,255,255,.18) !important;
        color: #fff !important;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        border: 1px solid rgba(255,255,255,.18);
    }
    .item-list.dl-grid[data-layout="gallery"] .dl-p-bottom{
        gap: 8px !important;
    }
    .item-list.dl-grid[data-layout="gallery"] .dl-p-price{
        background: linear-gradient(180deg, #fde68a 0%, #f59e0b 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
        font-size: 19px !important;
    }
    .item-list.dl-grid[data-layout="gallery"] .dl-p-price .y{
        color: #fbbf24 !important;
        background: none !important;
        -webkit-text-fill-color: #fbbf24 !important;
    }
    .item-list.dl-grid[data-layout="gallery"] .dl-p-stock{
        color: rgba(255,255,255,.75) !important;
    }
    .item-list.dl-grid[data-layout="gallery"] .dl-p-buy{
        padding: 5px 12px !important;
        font-size: 11px !important;
        height: 26px !important;
    }
    
    @media (max-width: 480px){
        .item-list.dl-grid[data-layout="gallery"] .dl-p-bottom{ gap: 6px !important; }
        .item-list.dl-grid[data-layout="gallery"] .dl-p-price{ font-size: 17px !important; }
        .item-list.dl-grid[data-layout="gallery"] .dl-p-stock:not(.low):not(.soldout){
            display: none !important;
        }
        .item-list.dl-grid[data-layout="gallery"] .dl-p-buy{
            padding: 4px 9px !important;
            font-size: 10.5px !important;
            height: 24px !important;
        }
    }
    
    .item-list.dl-grid[data-layout="gallery"] .dl-p-corner{
        z-index: 6 !important;
    }
    .item-list.dl-grid[data-layout="gallery"] .dl-soldout-overlay{
        z-index: 4 !important;
    }


    
    .item-list.dl-grid[data-layout="square"]{
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    @media (min-width: 720px){
        .item-list.dl-grid[data-layout="square"]{
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 14px !important;
        }
    }
    @media (min-width: 1080px){
        .item-list.dl-grid[data-layout="square"]{
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        }
    }
    .item-list.dl-grid[data-layout="square"] > .dl-product{
        flex-direction: column !important;
        gap: 0 !important;
        padding: 0 !important;
        align-items: stretch !important;
        min-height: auto !important;
        overflow: hidden !important;
        border-radius: var(--r-lg) !important;
    }
    .item-list.dl-grid[data-layout="square"] > .dl-product > .dl-p-cover{
        flex: none !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        align-self: stretch !important;
        border-radius: 0 !important;
        position: relative !important;
        background-color: var(--c-cover-bg) !important;
    }
    
    .item-list.dl-grid[data-layout="square"] > .dl-product > .dl-p-cover::after{
        content: "";
        display: block;
        position: absolute; inset: auto 0 0 0; height: 40%;
        background: linear-gradient(180deg, transparent 0%, rgba(15,23,42,.18) 100%);
        pointer-events: none;
        z-index: 1;
    }
    
    .item-list.dl-grid[data-layout="square"] .dl-p-corner{ z-index: 6 !important; }
    .item-list.dl-grid[data-layout="square"] .dl-soldout-overlay{ z-index: 6 !important; }
    .item-list.dl-grid[data-layout="square"] > .dl-product > .dl-p-body{
        padding: 10px 12px 12px !important;
        gap: 6px !important;
    }
    .item-list.dl-grid[data-layout="square"] .dl-p-name{
        font-size: 14px !important;
        line-height: 1.4 !important;
        -webkit-line-clamp: 2 !important;
    }
    .item-list.dl-grid[data-layout="square"] .dl-p-bottom{
        flex-wrap: wrap !important;
        gap: 6px 8px !important;
    }
    .item-list.dl-grid[data-layout="square"] .dl-p-buy{
        margin-left: auto !important;
        padding: 6px 12px !important;
        font-size: 11.5px !important;
    }
    
    .item-list.dl-grid[data-layout="square"] > .dl-product .dl-soldout-ribbon{
        width: 80px !important; height: 80px !important;
    }
    .item-list.dl-grid[data-layout="square"] > .dl-product .dl-soldout-ribbon span{
        width: 120px !important;
        font-size: 10px !important;
        padding: 3px 0 !important;
        letter-spacing: .12em !important;
        right: -30px !important;
        top: 18px !important;
    }
    .item-list.dl-grid[data-layout="square"] > .dl-product .dl-soldout-ribbon span::before,
    .item-list.dl-grid[data-layout="square"] > .dl-product .dl-soldout-ribbon span::after{
        width: 3px !important; height: 3px !important;
    }

    

    
    .item-list.dl-grid[data-layout="masonry"]{
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: start !important;
    }
    @media (min-width: 720px){
        .item-list.dl-grid[data-layout="masonry"]{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
    }
    @media (min-width: 1080px){
        .item-list.dl-grid[data-layout="masonry"]{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    }
    .item-list.dl-grid[data-layout="masonry"] > .dl-product{
        flex-direction: column !important;
        padding: 0 !important; gap: 0 !important;
        align-items: stretch !important; min-height: auto !important;
        overflow: hidden !important; border-radius: 16px !important;
    }
    .item-list.dl-grid[data-layout="masonry"] > .dl-product > .dl-p-cover{
        flex: none !important; width: 100% !important; height: auto !important;
        align-self: stretch !important; border-radius: 0 !important;
        position: relative !important; background-color: var(--c-cover-bg) !important;
        aspect-ratio: 3 / 4 !important;
    }
    .item-list.dl-grid[data-layout="masonry"] > .dl-product:nth-child(3n+2) > .dl-p-cover{ aspect-ratio: 1 / 1 !important; }
    .item-list.dl-grid[data-layout="masonry"] > .dl-product:nth-child(3n) > .dl-p-cover{ aspect-ratio: 4 / 5 !important; }
    .item-list.dl-grid[data-layout="masonry"] .dl-p-corner{ z-index: 6 !important; }
    .item-list.dl-grid[data-layout="masonry"] .dl-soldout-overlay{ z-index: 6 !important; }
    .item-list.dl-grid[data-layout="masonry"] > .dl-product > .dl-p-body{
        padding: 10px 12px 12px !important; gap: 5px !important;
    }
    .item-list.dl-grid[data-layout="masonry"] .dl-p-name{
        font-size: 13.5px !important; line-height: 1.38 !important; -webkit-line-clamp: 2 !important;
    }
    .item-list.dl-grid[data-layout="masonry"] .dl-p-bottom{
        flex-direction: row !important; flex-wrap: wrap !important;
        align-items: center !important; gap: 6px 8px !important; margin-top: 0 !important;
    }
    .item-list.dl-grid[data-layout="masonry"] .dl-p-buy{
        margin-left: auto !important; width: auto !important; flex: 0 0 auto !important;
        padding: 6px 12px !important; font-size: 11.5px !important;
    }

    
    .item-list.dl-grid[data-layout="banner"]{
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .item-list.dl-grid[data-layout="banner"] > .dl-product{
        position: relative !important;
        padding: 0 !important; gap: 0 !important;
        align-items: stretch !important; min-height: 0 !important;
        overflow: hidden !important; border-radius: 18px !important;
        aspect-ratio: 16 / 6 !important;
    }
    .item-list.dl-grid[data-layout="banner"] > .dl-product > .dl-p-cover{
        position: absolute !important; inset: 0 !important;
        width: 100% !important; height: 100% !important; border-radius: 0 !important;
    }
    .item-list.dl-grid[data-layout="banner"] > .dl-product > .dl-p-cover::after{
        content: ""; display: block; position: absolute; inset: 0; z-index: 1;
        background: linear-gradient(90deg, rgba(9,12,24,.88) 0%, rgba(9,12,24,.58) 45%, rgba(9,12,24,.10) 100%);
    }
    .item-list.dl-grid[data-layout="banner"] > .dl-product > .dl-p-body{
        position: relative !important; z-index: 5 !important;
        margin-top: auto !important; flex: 0 0 auto !important;
        justify-content: flex-end !important;
        max-width: 72% !important;
        padding: 12px 16px !important; gap: 6px !important;
        background: transparent !important;
    }
    .item-list.dl-grid[data-layout="banner"] .dl-p-name{
        color: #fff !important; -webkit-text-fill-color: #fff !important;
        font-size: 16px !important; font-weight: 800 !important;
        -webkit-line-clamp: 1 !important; text-align: left !important;
        text-shadow: 0 1px 4px rgba(0,0,0,.55) !important;
    }
    .item-list.dl-grid[data-layout="banner"] .dl-p-meta-tags .dl-p-tag{
        background: rgba(255,255,255,.20) !important; color: #fff !important;
        border: 1px solid rgba(255,255,255,.28) !important;
    }
    .item-list.dl-grid[data-layout="banner"] .dl-p-bottom{
        flex-direction: row !important; flex-wrap: nowrap !important;
        align-items: center !important; justify-content: flex-start !important;
        gap: 10px !important; margin-top: 2px !important;
    }
    .item-list.dl-grid[data-layout="banner"] .dl-p-price{
        color: #fde68a !important; -webkit-text-fill-color: #fde68a !important;
        background: none !important; font-size: 18px !important;
        text-shadow: 0 1px 3px rgba(0,0,0,.5) !important;
    }
    .item-list.dl-grid[data-layout="banner"] .dl-p-stock{ color: rgba(255,255,255,.78) !important; }
    .item-list.dl-grid[data-layout="banner"] .dl-p-buy{
        margin-left: auto !important; width: auto !important; flex: 0 0 auto !important;
        padding: 7px 16px !important; border-radius: 999px !important;
    }
    .item-list.dl-grid[data-layout="banner"] .dl-p-corner{ z-index: 7 !important; top: 10px !important; left: 10px !important; }
    @media (max-width: 520px){
        .item-list.dl-grid[data-layout="banner"] > .dl-product{ aspect-ratio: 16 / 9 !important; }
        .item-list.dl-grid[data-layout="banner"] > .dl-product > .dl-p-body{ max-width: 100% !important; }
    }

    
    .item-list.dl-grid[data-layout="icon"]{
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    @media (min-width: 720px){
        .item-list.dl-grid[data-layout="icon"]{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    }
    @media (min-width: 1080px){
        .item-list.dl-grid[data-layout="icon"]{ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 12px !important; }
    }
    .item-list.dl-grid[data-layout="icon"] > .dl-product{
        flex-direction: column !important; align-items: center !important;
        text-align: center !important;
        padding: 14px 8px 10px !important; gap: 9px !important;
        min-height: 0 !important; border-radius: 16px !important;
    }
    .item-list.dl-grid[data-layout="icon"] > .dl-product > .dl-p-cover{
        flex: none !important; width: 56px !important; height: 56px !important;
        aspect-ratio: 1 / 1 !important; align-self: center !important;
        border-radius: 40% !important;
        background-size: cover !important; background-position: center !important;
        background-color: var(--c-cover-bg) !important;
    }
    .item-list.dl-grid[data-layout="icon"] > .dl-product > .dl-p-body{
        padding: 0 !important; gap: 4px !important;
        align-items: center !important; width: 100% !important;
    }
    .item-list.dl-grid[data-layout="icon"] .dl-p-name{
        font-size: 12.5px !important; line-height: 1.3 !important;
        text-align: center !important; -webkit-line-clamp: 2 !important;
    }
    .item-list.dl-grid[data-layout="icon"] .dl-p-meta-tags{ display: none !important; }
    .item-list.dl-grid[data-layout="icon"] .dl-p-bottom{
        flex-direction: column !important; align-items: center !important;
        gap: 5px !important; margin-top: 2px !important; width: 100% !important;
    }
    .item-list.dl-grid[data-layout="icon"] .dl-p-price{ font-size: 15px !important; justify-content: center !important; }
    .item-list.dl-grid[data-layout="icon"] .dl-p-price .now{ font-size: 16px !important; }
    .item-list.dl-grid[data-layout="icon"] .dl-p-stock{ font-size: 9.5px !important; }
    .item-list.dl-grid[data-layout="icon"] .dl-p-buy{
        width: 100% !important; flex: 0 0 auto !important; margin-left: 0 !important;
        justify-content: center !important;
        padding: 5px 8px !important; font-size: 11px !important; border-radius: 999px !important;
    }

    
    .item-list.dl-grid[data-layout="panel"]{
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    @media (min-width: 900px){
        .item-list.dl-grid[data-layout="panel"]{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    }
    .item-list.dl-grid[data-layout="panel"] > .dl-product{
        flex-direction: column !important;
        padding: 0 !important; gap: 0 !important;
        align-items: stretch !important; min-height: 0 !important;
        overflow: hidden !important; border-radius: 18px !important;
    }
    .item-list.dl-grid[data-layout="panel"] > .dl-product > .dl-p-cover{
        flex: none !important; width: 100% !important; height: auto !important;
        align-self: stretch !important; border-radius: 0 !important;
        position: relative !important; background-color: var(--c-cover-bg) !important;
        aspect-ratio: 16 / 10 !important;
    }
    .item-list.dl-grid[data-layout="panel"] .dl-p-corner{ z-index: 6 !important; }
    .item-list.dl-grid[data-layout="panel"] > .dl-product > .dl-p-body{
        position: relative !important;
        padding: 12px 13px 13px !important; gap: 7px !important;
    }
    
    .item-list.dl-grid[data-layout="panel"] > .dl-product > .dl-p-body::before{
        content: ""; position: absolute; left: 13px; right: 13px; top: 0; height: 1px;
        background: repeating-linear-gradient(90deg, rgba(148,163,184,.65) 0 6px, transparent 6px 12px);
        pointer-events: none;
    }
    .item-list.dl-grid[data-layout="panel"] .dl-p-name{
        font-size: 14px !important; line-height: 1.4 !important; -webkit-line-clamp: 2 !important;
    }
    .item-list.dl-grid[data-layout="panel"] .dl-p-bottom{
        flex-direction: row !important; flex-wrap: wrap !important;
        align-items: center !important; gap: 6px 8px !important; margin-top: 0 !important;
    }
    .item-list.dl-grid[data-layout="panel"] .dl-p-stock{ font-size: 10px !important; }
    .item-list.dl-grid[data-layout="panel"] .dl-p-buy{
        margin-left: auto !important; width: auto !important; flex: 0 0 auto !important;
        padding: 6px 14px !important; font-size: 11.5px !important; border-radius: 10px !important;
    }

    
    .item-list.dl-grid[data-layout="ticket"]{
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    @media (min-width: 900px){
        .item-list.dl-grid[data-layout="ticket"]{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    }
    .item-list.dl-grid[data-layout="ticket"] > .dl-product{
        flex-direction: row !important;
        padding: 0 !important; gap: 0 !important;
        align-items: stretch !important; min-height: 96px !important;
        overflow: hidden !important; border-radius: 14px !important;
    }
    .item-list.dl-grid[data-layout="ticket"] > .dl-product > .dl-p-cover{
        flex: 0 0 104px !important; width: 104px !important; height: auto !important;
        aspect-ratio: auto !important; align-self: stretch !important;
        border-radius: 0 !important; position: relative !important;
        background-color: var(--c-cover-bg) !important;
    }
    .item-list.dl-grid[data-layout="ticket"] > .dl-product > .dl-p-body{
        flex: 1 1 auto !important; min-width: 0 !important;
        position: relative !important;
        padding: 10px 12px 10px 15px !important; gap: 5px !important;
    }
    
    .item-list.dl-grid[data-layout="ticket"] > .dl-product > .dl-p-body::before{
        content: ""; position: absolute; left: 0; top: 9px; bottom: 9px; width: 1px;
        background: repeating-linear-gradient(180deg, rgba(148,163,184,.8) 0 5px, transparent 5px 10px);
        pointer-events: none;
    }
    .item-list.dl-grid[data-layout="ticket"] .dl-p-corner{ z-index: 6 !important; }
    .item-list.dl-grid[data-layout="ticket"] .dl-p-name{
        font-size: 13.5px !important; -webkit-line-clamp: 1 !important; line-height: 1.35 !important;
    }
    .item-list.dl-grid[data-layout="ticket"] .dl-p-bottom{
        flex-direction: row !important; flex-wrap: wrap !important;
        align-items: center !important; gap: 6px 8px !important; margin-top: auto !important;
    }
    .item-list.dl-grid[data-layout="ticket"] .dl-p-buy{
        margin-left: auto !important; width: auto !important; flex: 0 0 auto !important;
        padding: 5px 12px !important; font-size: 11px !important;
    }

    


    

    
    
    .dl-cat-bar{
        display: flex !important;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        row-gap: 0;
    }
    
    .dl-cat-label{
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: 12.5px;
        font-weight: 700;
        color: var(--c-ink-2);
        letter-spacing: .04em;
        padding: 6px 4px 6px 0;
        position: relative;
    }
    .dl-cat-label svg{
        width: 14px; height: 14px;
        color: var(--c-primary);
    }
    
    .dl-cat-label::after{
        content: "";
        position: absolute;
        right: -5px; top: 50%;
        transform: translateY(-50%);
        width: 1px; height: 16px;
        background: linear-gradient(180deg,
            transparent 0%,
            rgba(99,130,200,.30) 50%,
            transparent 100%);
    }
    
    .dl-cat-bar > .dl-cat-tabs{
        flex: 1;
        min-width: 0;
        margin-left: 4px;
    }
    
    .dl-cat-tabs > .switch-category:only-child.is-primary::after{
        display: none !important;
    }
    
    @media (max-width: 480px){
        .dl-cat-label{
            font-size: 11.5px;
            padding: 6px 3px 6px 0;
        }
        .dl-cat-label svg{ width: 13px; height: 13px; }
    }


    


    


    
    body[data-skin="cardpunk"]{
        --cp-bg: #1a1410;
        --cp-bg-2: #2a1f15;
        --cp-gold: #d4af37;
        --cp-gold-2: #f4cf4f;
        --cp-gold-deep: #8b6914;
        --cp-parchment: #f4ecd0;
        --cp-ink: #2a1f0a;
        --cp-red: #8b1a1a;
        background:
            radial-gradient(ellipse at 30% 20%, rgba(139,26,26,.18), transparent 50%),
            radial-gradient(ellipse at 70% 80%, rgba(212,175,55,.10), transparent 50%),
            #1a1410 !important;
        color: #f4ecd0 !important;
        font-family: "Cinzel", "Trajan Pro", "STSong", "Songti SC", Georgia, serif !important;
    }
    
    body[data-skin="cardpunk"] .dl-hero-aurora,
    body[data-skin="cardpunk"] .dl-hero-orbs,
    body[data-skin="cardpunk"] .dl-hero-grid{ display: none !important; }
    
    body[data-skin="cardpunk"] .dl-hero{
        background:
            repeating-linear-gradient(45deg,
                rgba(212,175,55,.04) 0 12px,
                transparent 12px 24px),
            radial-gradient(ellipse at center top, rgba(139,26,26,.35), transparent 60%),
            linear-gradient(180deg, #2a1f15 0%, #1a1410 100%) !important;
        border: 3px double var(--cp-gold) !important;
        border-radius: 16px !important;
        margin: 12px 12px 20px !important;
        position: relative;
        padding: 14px !important;
        box-shadow:
            0 0 0 1px rgba(244,236,208,.10),
            inset 0 0 0 1px rgba(212,175,55,.30),
            0 12px 30px rgba(0,0,0,.6) !important;
    }
    
    body[data-skin="cardpunk"] .dl-hero::before{
        content: "";
        position: absolute;
        top: 6px; left: 6px;
        width: 28px; height: 28px;
        border-top: 2px solid var(--cp-gold);
        border-left: 2px solid var(--cp-gold);
        background: none !important;
        filter: none !important;
        animation: none !important;
        opacity: 1 !important;
    }
    
    body[data-skin="cardpunk"] .dl-shop-meta .name{
        color: var(--cp-gold-2) !important;
        font-family: inherit !important;
        font-weight: 700 !important;
        letter-spacing: .16em;
        text-shadow: 0 0 12px rgba(212,175,55,.55), 0 1px 0 rgba(0,0,0,.4);
        font-size: 22px !important;
        text-align: left;
    }
    
    body[data-skin="cardpunk"] .dl-shop-row{
        grid-template-columns: auto 1fr !important;
        align-items: center !important;
    }

    
    body[data-skin="cardpunk"] .dl-verified-card{
        background:
            repeating-linear-gradient(0deg,
                rgba(212,175,55,.04) 0 2px,
                transparent 2px 4px),
            linear-gradient(135deg, #1a1410, #2a1f15) !important;
        border: 2px solid var(--cp-gold) !important;
        border-radius: 12px !important;
        box-shadow:
            inset 0 0 0 1px rgba(244,207,79,.30),
            inset 0 0 24px rgba(139,26,26,.20),
            0 6px 24px rgba(0,0,0,.55) !important;
    }

    
    body[data-skin="cardpunk"] .dl-notice{
        background: rgba(42,31,21,.60) !important;
        border: 1px solid rgba(212,175,55,.35) !important;
        border-radius: 6px !important;
    }

    
    body[data-skin="cardpunk"] .dl-float-btn{
        background: linear-gradient(135deg, #4a3a1f, #2a1f15) !important;
        color: var(--cp-gold-2) !important;
        border: 1px solid var(--cp-gold) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.4), inset 0 1px 0 rgba(244,207,79,.30) !important;
    }

    
    body[data-skin="cardpunk"] .dl-cat-bar{
        background: linear-gradient(180deg, rgba(26,20,16,.95), rgba(42,31,21,.85)) !important;
        border-bottom: 2px solid var(--cp-gold) !important;
        border-top: 1px solid rgba(212,175,55,.30) !important;
    }

    
    body[data-skin="cardpunk"] .dl-title-gem{
        background: linear-gradient(135deg, var(--cp-gold-2), var(--cp-gold-deep)) !important;
        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
        border-radius: 0 !important;
        transform: rotate(0deg) !important;
        animation: none !important;
        box-shadow: 0 0 12px rgba(212,175,55,.55) !important;
        width: 18px !important; height: 18px !important;
    }

    
    body[data-skin="cardpunk"] .item-list.dl-grid:not([data-layout]){
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    @media (min-width: 720px){
        body[data-skin="cardpunk"] .item-list.dl-grid:not([data-layout]){
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        }
    }
    @media (min-width: 1080px){
        body[data-skin="cardpunk"] .item-list.dl-grid:not([data-layout]){
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        }
    }
    
    body[data-skin="cardpunk"] .item-list.dl-grid:not([data-layout]) > .dl-product{
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 6px !important;
        gap: 0 !important;
        min-height: auto !important;
        background:
            repeating-linear-gradient(45deg,
                rgba(212,175,55,.05) 0 2px,
                transparent 2px 6px),
            linear-gradient(180deg, #f4ecd0 0%, #e8d8a8 100%) !important;
        border: 2px solid var(--cp-gold) !important;
        border-radius: 8px !important;
        box-shadow:
            inset 0 0 0 1px rgba(139,105,20,.40),
            inset 0 0 12px rgba(139,105,20,.15),
            0 4px 12px rgba(0,0,0,.45) !important;
        overflow: hidden;
        color: var(--cp-ink) !important;
    }
    
    body[data-skin="cardpunk"] .item-list.dl-grid:not([data-layout]) > .dl-product > .dl-p-cover{
        flex: none !important;
        width: 100% !important;
        aspect-ratio: 5/6 !important;
        height: auto !important;
        border-radius: 4px 4px 0 0 !important;
        align-self: stretch !important;
        background-color: #ddd0a8 !important;
        border: 1px solid rgba(139,105,20,.40);
        border-bottom: none;
        position: relative !important;
    }
    
    body[data-skin="cardpunk"] .item-list.dl-grid:not([data-layout]) > .dl-product > .dl-p-body{
        padding: 8px 8px 6px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.30), transparent) !important;
        border-top: 1px solid rgba(139,105,20,.30);
        gap: 4px !important;
    }
    
    body[data-skin="cardpunk"] .dl-p-price{
        background: linear-gradient(180deg, var(--cp-gold-2), var(--cp-gold-deep)) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        font-family: inherit !important;
        font-weight: 800 !important;
        font-style: italic;
        font-size: 22px !important;
        text-align: center;
        text-shadow: 0 1px 0 rgba(139,105,20,.30);
    }
    
    body[data-skin="cardpunk"] .dl-p-buy{
        width: 100% !important;
        background: linear-gradient(180deg, var(--cp-red) 0%, #5c0e0e 100%) !important;
        color: var(--cp-gold-2) !important;
        font-family: inherit !important;
        font-weight: 700 !important;
        letter-spacing: .14em !important;
        border-radius: 2px !important;
        padding: 7px 12px !important;
        box-shadow:
            inset 0 1px 0 rgba(244,207,79,.30),
            0 2px 0 #2a0808,
            0 0 0 1px var(--cp-gold) !important;
        text-shadow: 0 1px 0 rgba(0,0,0,.4);
        animation: none !important;
    }


    
    body[data-skin="bento"]{
        --bn-bg: #faf6ed;
        --bn-cream: #fef9e8;
        --bn-mint: #a8d5b9;
        --bn-mint-deep: #5a8c6a;
        --bn-coral: #ff7e6b;
        --bn-coral-deep: #e85a47;
        --bn-mustard: #f4c95d;
        --bn-mustard-deep: #d4a72c;
        --bn-berry: #d65d8c;
        --bn-ink: #2d2a1f;
        --bn-ink-2: #5c5440;
        background:
            radial-gradient(circle at 12% 15%, rgba(168,213,185,.18), transparent 35%),
            radial-gradient(circle at 88% 75%, rgba(244,201,93,.15), transparent 35%),
            #faf6ed !important;
        font-family: "Inter", "PingFang SC", "HarmonyOS Sans", system-ui, sans-serif !important;
        color: var(--bn-ink) !important;
    }
    
    body[data-skin="bento"] .dl-hero{
        background: var(--bn-cream) !important;
        color: var(--bn-ink) !important;
        border-radius: 0 0 24px 24px !important;
        padding: 14px 0 16px !important;
        margin-bottom: 12px !important;
        border-bottom: 4px solid var(--bn-mustard);
        box-shadow: none !important;
    }

    
    body[data-skin="bento"] .dl-verified-card{
        background: var(--bn-cream) !important;
        border: 3px solid var(--bn-ink) !important;
        border-radius: 18px !important;
        box-shadow: 5px 5px 0 var(--bn-ink) !important;
    }

    
    body[data-skin="bento"] .dl-cat-bar{
        background: transparent !important;
        padding: 14px 16px 6px !important;
    }

    
    body[data-skin="bento"] .dl-section-head{
        padding: 0 16px !important;
        margin-top: 8px !important;
    }

    
    body[data-skin="bento"] .item-list.dl-grid:not([data-layout]){
        display: grid !important;
        grid-template-columns: repeat(6, 1fr) !important;
        grid-auto-rows: minmax(140px, auto) !important;
        gap: 10px !important;
        padding: 0 16px !important;
    }
    
    body[data-skin="bento"] .item-list.dl-grid:not([data-layout]) > .dl-product:nth-child(6n+1){
        grid-column: span 4;
        grid-row: span 2;
    }
    
    @media (max-width: 720px){
        body[data-skin="bento"] .item-list.dl-grid:not([data-layout]){
            grid-template-columns: repeat(4, 1fr) !important;
        }
        body[data-skin="bento"] .item-list.dl-grid:not([data-layout]) > .dl-product:nth-child(6n+1){ grid-column: span 4; grid-row: span 1; }
        body[data-skin="bento"] .item-list.dl-grid:not([data-layout]) > .dl-product:nth-child(6n+2),
        body[data-skin="bento"] .item-list.dl-grid:not([data-layout]) > .dl-product:nth-child(6n+3){ grid-column: span 2; }
        body[data-skin="bento"] .item-list.dl-grid:not([data-layout]) > .dl-product:nth-child(6n+4),
        body[data-skin="bento"] .item-list.dl-grid:not([data-layout]) > .dl-product:nth-child(6n+5){ grid-column: span 2; }
        body[data-skin="bento"] .item-list.dl-grid:not([data-layout]) > .dl-product:nth-child(6n){ grid-column: span 4; }
    }

    
    body[data-skin="bento"] .item-list.dl-grid:not([data-layout]) > .dl-product{
        flex-direction: column !important;
        padding: 12px !important;
        gap: 6px !important;
        min-height: auto !important;
        align-items: stretch !important;
        border: 3px solid var(--bn-ink) !important;
        border-radius: 18px !important;
        box-shadow: 4px 4px 0 var(--bn-ink) !important;
        transition: transform .15s, box-shadow .15s !important;
    }
    
    body[data-skin="bento"] .item-list.dl-grid:not([data-layout]) > .dl-product:nth-child(6n+1){
        background: var(--bn-coral) !important;
    }
    
    body[data-skin="bento"] .item-list.dl-grid:not([data-layout]) > .dl-product:nth-child(6n+1) > .dl-p-cover{
        height: 160px !important;
    }


    
    
    

    



    


    

    




    

    
    .dl-cat-bar{
        background: #eef3fb !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border-bottom: 1px solid rgba(99,130,200,.18);
    }
    .dl-cat-bar.stuck{
        background: #eef3fb !important;
        box-shadow: 0 2px 8px rgba(15,23,42,.06);
    }
    .dl-cat-label{
        color: #1e3a8a !important;
        font-weight: 700 !important;
    }
    .dl-cat-label svg{ color: #2563eb !important; }

    
    .switch-category.chip,
    .switch-category.chip:link,
    .switch-category.chip:visited{
        background: #dbeafe !important;
        background-image: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: 1.5px solid #93c5fd !important;
        color: #1e3a8a !important;
        font-weight: 700 !important;
        opacity: 1 !important;
        text-decoration: none !important;
        text-shadow: none !important;
        animation: none !important;
        padding: 9px 16px !important;
        font-size: 13.5px !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.6),
            0 1px 2px rgba(15,23,42,.04) !important;
    }
    .switch-category.chip *{
        color: inherit !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }
    .switch-category.chip:hover{
        background: #bfdbfe !important;
        border-color: #2563eb !important;
        color: #1e40af !important;
        transform: translateY(-1px) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.65),
            0 4px 10px -3px rgba(37,99,235,.25) !important;
    }

    
    .switch-category.chip.is-primary,
    .switch-category.chip.is-primary:link,
    .switch-category.chip.is-primary:visited{
        background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%) !important;
        background-image: linear-gradient(135deg, #2563eb 0%, #1e40af 100%) !important;
        border: 1.5px solid #1e40af !important;
        color: #ffffff !important;
        font-weight: 800 !important;
        text-shadow: 0 1px 2px rgba(0,0,0,.15) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.30),
            0 4px 12px rgba(37,99,235,.40),
            0 0 0 3px rgba(37,99,235,.12) !important;
        animation: none !important;
    }
    .switch-category.chip.is-primary *{
        color: #ffffff !important;
        text-shadow: 0 1px 2px rgba(0,0,0,.15) !important;
    }
    
    .switch-category.chip.is-primary .chip-icon{
        outline: 1.5px solid rgba(255,255,255,.7);
        outline-offset: 1px;
    }
    
    .switch-category.chip::before,
    .switch-category.chip::after{
        display: none !important;
    }

    

    
    body[data-skin="cardpunk"] .dl-slim-topbar{
        background: linear-gradient(135deg, #1a1410 0%, #2a1f15 100%) !important;
        border-bottom: 2px solid var(--cp-gold);
    }
    
    body[data-skin="cardpunk"] .dl-slim-topbar::before{
        background: repeating-linear-gradient(135deg,
            rgba(212,175,55,.16) 0 5px,
            rgba(212,175,55,0) 5px 11px) !important;
    }


    
    body[data-skin="bento"] .dl-slim-topbar{
        background: #ffffff !important;
        border-bottom: 1px solid #1a1a1a !important;
    }


    


    

    
    body[data-skin="cardpunk"] .item-list.dl-grid > .dl-product{
        background:
            repeating-linear-gradient(45deg,
                rgba(212,175,55,.05) 0 2px, transparent 2px 6px),
            linear-gradient(180deg, #f4ecd0 0%, #e8d8a8 100%) !important;
        background-image:
            repeating-linear-gradient(45deg,
                rgba(212,175,55,.05) 0 2px, transparent 2px 6px),
            linear-gradient(180deg, #f4ecd0 0%, #e8d8a8 100%) !important;
        border-color: var(--cp-gold) !important;
        color: var(--cp-ink) !important;
        box-shadow:
            inset 0 0 0 1px rgba(139,105,20,.40),
            0 4px 12px rgba(0,0,0,.30) !important;
    }

    
    body[data-skin="bento"] .item-list.dl-grid > .dl-product{
        background: #ffffff !important;
        background-image: none !important;
        border: 1px solid #1a1a1a !important;
        border-radius: 0 !important;
        color: #1a1a1a !important;
        box-shadow: 2px 2px 0 #c8392b !important;
    }

    
    

    
    body[data-skin^="jk"]{--jk:#ff6b9d;--jk2:#ffa0c4;--jk3:#e8467c;--jkv:#c9a0dc;--jks:#87ceeb;--jk-rgb:255,107,157;--jkv-rgb:201,160,220;--jks-rgb:135,206,235;--jk-ink:#4a3347;--jk-sub:#a0849d;--jk-bg:#fff5f9;--jk-soft:255,245,249;--jk-line:255,182,210;background:var(--jk-bg)!important;background-image:radial-gradient(circle at 20% 30%,rgba(var(--jk-line),.25) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(var(--jkv-rgb),.2) 0%,transparent 50%)!important;font-family:'ZCOOL KuaiLe',-apple-system,sans-serif!important}
    body[data-skin^="jk"] .dl-p-price,.dl-p-price *{}
    
    body[data-skin^="jk"] .pay-list a,body[data-skin^="jk"] .pay-list .pay-item-dl{background:#fff!important;border:1.5px solid rgba(var(--jk-line),.4)!important;color:var(--jk-ink)!important;border-radius:var(--r-md)!important}


    
    body[data-skin="jk-mint"]{--jk:#2fd39a;--jk2:#7fe3c0;--jk3:#128a63;--jkv:#7fd8c8;--jks:#a8e6a3;--jk-rgb:47,211,154;--jkv-rgb:127,216,200;--jks-rgb:168,230,163;--jk-ink:#24443c;--jk-sub:#7fa39a;--jk-bg:#f3fdf9;--jk-soft:243,253,249;--jk-line:178,235,214}

    
    body[data-skin="jk-galaxy"]{--jk:#6a1fe0;--jk2:#c65bff;--jk3:#45089e;--jkv:#d92a9c;--jks:#ff9a3c;--jk-rgb:106,31,224;--jkv-rgb:217,42,156;--jks-rgb:255,154,60;--jk-ink:#2e1152;--jk-sub:#8f7cae;--jk-bg:#faf5ff;--jk-soft:250,245,255;--jk-line:226,201,255}

    
    body[data-skin="jk-duo"]{--jk:#ff3f9a;--jk2:#ff8cc6;--jk3:#c5007a;--jkv:#00c9cf;--jks:#ffd166;--jk-rgb:255,63,154;--jkv-rgb:0,201,207;--jks-rgb:255,209,102;--jk-ink:#46102f;--jk-sub:#b07a92;--jk-bg:#fff5fa;--jk-soft:255,245,250;--jk-line:255,190,225}

    

    
    body[data-skin="jk-glass"]{--jk:#7c5cff;--jk2:#b6a4ff;--jk3:#4a2fbf;--jkv:#22c7e0;--jks:#ff7ac6;--jk-rgb:124,92,255;--jkv-rgb:34,199,224;--jks-rgb:255,122,198;--jk-ink:#22204a;--jk-sub:#7b789e;--jk-bg:#f7f7ff;--jk-soft:247,247,255;--jk-line:205,205,255}

    
    body[data-skin="jk-cyber"]{--jk:#00e5ff;--jk2:#7af7ff;--jk3:#7af7ff;--jkv:#a855f7;--jks:#ff29a8;--jk-rgb:0,229,255;--jkv-rgb:168,85,247;--jks-rgb:255,41,168;--jk-ink:#e8f6ff;--jk-sub:#8fa7c8;--jk-bg:#0b0a1f;--jk-soft:22,20,48;--jk-line:0,229,255}
    
    body[data-skin="jk-cyber"] .dl-panel,
    body[data-skin="jk-cyber"] .dl-panel-body,
    body[data-skin="jk-cyber"] .dl-row,
    body[data-skin="jk-cyber"] .dl-row-block,
    body[data-skin="jk-cyber"] .dl-item-info,
    body[data-skin="jk-cyber"] .dl-captcha-wrap,
    body[data-skin="jk-cyber"] .vstack{
        background:rgba(10,9,28,.94)!important;
        border-color:rgba(0,229,255,.18)!important;
    }
    
    body[data-skin="jk-cyber"] .dl-panel .panel-title,
    body[data-skin="jk-cyber"] .dl-panel-head .panel-title{color:#e8f6ff!important;-webkit-text-fill-color:#e8f6ff!important}
    
    body[data-skin="jk-cyber"] .dl-desc-card,
    body[data-skin="jk-cyber"] .dl-desc-card .panel-body,
    body[data-skin="jk-cyber"] .dl-desc-card .panel-body *{
        color:#dff2ff!important;
        -webkit-text-fill-color:#dff2ff!important;
    }

    
    body[data-skin="jk-pearl"]{--jk:#c9a07a;--jk2:#e8cba8;--jk3:#8a5f3c;--jkv:#c98fae;--jks:#a99bd6;--jk-rgb:201,160,122;--jkv-rgb:201,143,174;--jks-rgb:169,155,214;--jk-ink:#4a3527;--jk-sub:#a08e7f;--jk-bg:#fffaf5;--jk-soft:255,250,245;--jk-line:232,211,190}

    
    body[data-skin="jk-jelly"]{--jk:#ff5fa8;--jk2:#ffa7cd;--jk3:#c2287a;--jkv:#f2a03c;--jks:#2fbf8f;--jk-rgb:255,95,168;--jkv-rgb:242,160,60;--jks-rgb:47,191,143;--jk-ink:#46203a;--jk-sub:#a67f95;--jk-bg:#fff7fb;--jk-soft:255,247,251;--jk-line:255,190,220}
    
    body[data-skin="jk-jelly"] .pay-list a,
    body[data-skin="jk-jelly"] .pay-list .pay-item-dl{
        border-radius:var(--r-md)!important;border:2px solid #fff!important;
        box-shadow:0 6px 14px -8px rgba(255,95,168,.5)!important;
    }
    

    body[data-skin="jk-glass"] .dl-notice-text,
    body[data-skin="jk-jelly"] .dl-notice-text,
    body[data-skin="jk-pearl"] .dl-notice-text,
    body[data-skin="jk-glass"] .dl-vc-title .name,
    body[data-skin="jk-jelly"] .dl-vc-title .name,
    body[data-skin="jk-pearl"] .dl-vc-title .name,
    body[data-skin="jk-glass"] .dl-vc-stat .v,
    body[data-skin="jk-jelly"] .dl-vc-stat .v,
    body[data-skin="jk-pearl"] .dl-vc-stat .v,
    body[data-skin="jk-glass"] .dl-rc-title,
    body[data-skin="jk-jelly"] .dl-rc-title,
    body[data-skin="jk-pearl"] .dl-rc-title{
        color:var(--jk-ink)!important;
        -webkit-text-fill-color:var(--jk-ink)!important;
        text-shadow:none!important;
    }


    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    

    
    @keyframes scanline {
        0% { transform: translateY(-100%); }
        100% { transform: translateY(100%); }
    }

    @keyframes pulse-glow {
        0%, 100% {
            box-shadow: 0 0 5px var(--esports-glow-color),
                        0 0 10px var(--esports-glow-color),
                        0 0 15px var(--esports-glow-color);
        }
        50% {
            box-shadow: 0 0 10px var(--esports-glow-color),
                        0 0 20px var(--esports-glow-color),
                        0 0 30px var(--esports-glow-color);
        }
    }

    @keyframes data-flow {
        0% {
            background-position: 0% 50%;
        }
        100% {
            background-position: 200% 50%;
        }
    }

    @keyframes border-flow {
        0% {
            border-color: #00fff2;
            box-shadow: 0 0 8px rgba(0,255,242,0.5);
        }
        33% {
            border-color: #ff00ff;
            box-shadow: 0 0 8px rgba(255,0,255,0.5);
        }
        66% {
            border-color: #ffd700;
            box-shadow: 0 0 8px rgba(255,215,0,0.5);
        }
        100% {
            border-color: #00fff2;
            box-shadow: 0 0 8px rgba(0,255,242,0.5);
        }
    }

    @keyframes text-glow {
        0%, 100% {
            text-shadow: 0 0 10px currentColor, 0 0 20px currentColor;
        }
        50% {
            text-shadow: 0 0 15px currentColor, 0 0 30px currentColor, 0 0 40px currentColor;
        }
    }

    
    body[data-skin="esports"] {
        --esports-bg: #0d0d12;
        --esports-bg-secondary: #1a1a24;
        --esports-orange: #ff4d39;
        --esports-purple: #7b61ff;
        --esports-green: #00ff87;
        --esports-gold: #ffaa00;
        --esports-text: #ffffff;
        --esports-text-muted: #8a8a9a;
        --esports-glow-color: #ff4d39;

        background: var(--esports-bg) !important;
        color: var(--esports-text) !important;
        font-family: 'Rajdhani', 'Microsoft YaHei', sans-serif;
    }

    
    body[data-skin="esports"]::before {
        content: "";
        position: fixed;
        inset: 0;
        background: var(--esports-bg);
        z-index: -2;
    }

    
    body[data-skin="esports"]::after {
        content: "";
        position: fixed;
        inset: 0;
        background: repeating-linear-gradient(
            0deg,
            transparent,
            transparent 2px,
            rgba(255,77,57,0.03) 2px,
            rgba(255,77,57,0.03) 4px
        );
        pointer-events: none;
        z-index: 9999;
        animation: scanline 8s linear infinite;
    }

    

    
    body[data-skin="esports"] .dl-hero-shop-card {
        background: linear-gradient(135deg, var(--esports-bg-secondary), #252530) !important;
        border: 2px solid var(--esports-orange) !important;
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px)) !important;
        box-shadow:
            0 0 20px rgba(255,77,57,0.5),
            inset 0 0 30px rgba(255,77,57,0.1) !important;
        position: relative;
        overflow: hidden;
    }

    
    body[data-skin="esports"] .dl-vc-card {
        background: linear-gradient(135deg, var(--esports-bg-secondary), #252535) !important;
        border: 2px solid var(--esports-purple) !important;
        box-shadow: 0 0 20px rgba(123,97,255,0.4) !important;
        position: relative;
    }

    
    body[data-skin="esports"] .dl-recruit-card {
        background: linear-gradient(135deg, var(--esports-bg-secondary), #252535) !important;
        border: 2px solid var(--esports-green) !important;
        border-radius: 14px !important;
        position: relative;
        margin: 8px 12px !important;
        padding: 12px 14px !important;
    }

    

    
    body[data-skin="esports"] .dl-rc-title{
        color: var(--esports-green) !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    
    body[data-skin="esports"] .item-list.dl-grid > .dl-product{
        background: linear-gradient(165deg, var(--esports-bg-secondary) 0%, #252530 100%) !important;
        border: 1px solid rgba(255,77,57,0.3) !important;
        border-radius: 10px !important;
        transition: all 0.3s;
        position: relative;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(0,0,0,0.4) !important;
    }
    
    body[data-skin="esports"] .item-list.dl-grid > .dl-product::before{
        display: none !important;
    }
    
    body[data-skin="esports"] .dl-p-cover{
        background-color: var(--esports-bg) !important;
    }
    
    body[data-skin="esports"] .dl-p-name{
        color: var(--esports-text) !important;
        font-weight: 700 !important;
    }
    
    body[data-skin="esports"] .dl-p-bottom{
        background: transparent !important;
    }
    
    body[data-skin="esports"] .dl-p-price .y{
        color: var(--esports-gold) !important;
    }
    
    body[data-skin="esports"] .dl-p-stock{
        color: var(--esports-text-muted) !important;
    }
    
    body[data-skin="esports"] .dl-p-buy{
        background: linear-gradient(135deg, var(--esports-orange), var(--esports-purple)) !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 6px !important;
        font-weight: 800 !important;
        box-shadow: 0 0 8px rgba(255,77,57,0.4) !important;
    }

    
    body[data-skin="esports"] .category-nav-item {
        background: var(--esports-bg-secondary) !important;
        border: 1px solid rgba(255,77,57,0.3) !important;
        color: var(--esports-text-muted) !important;
        padding: 12px 20px;
        clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%);
        transition: all 0.3s;
    }

    

    
    body[data-skin="esports"] .dl-goods-detail-card {
        background: linear-gradient(135deg, var(--esports-bg-secondary), #252530) !important;
        border: 2px solid var(--esports-orange) !important;
        box-shadow: 0 0 20px rgba(255,77,57,0.3), inset 0 0 30px rgba(255,77,57,0.05) !important;
        position: relative;
    }

    
    body[data-skin="esports"] .dl-tag,
    body[data-skin="esports"] .goods-tag {
        background: var(--esports-bg) !important;
        border: 1px solid var(--esports-orange) !important;
        color: var(--esports-orange) !important;
        padding: 4px 12px;
        font-size: 12px;
        font-weight: 700;
        position: relative;
        overflow: hidden;
    }

    
    body[data-skin="esports"] .dl-price-section {
        background: linear-gradient(135deg, var(--esports-bg-secondary), #252530) !important;
        border: 2px solid var(--esports-gold) !important;
        padding: 20px;
        position: relative;
        overflow: hidden;
    }

    
    body[data-skin="esports"] .dl-buy-btn-main {
        background: linear-gradient(135deg, var(--esports-orange), var(--esports-purple), var(--esports-green)) !important;
        background-size: 200% 200% !important;
        color: var(--esports-bg) !important;
        font-weight: 900;
        font-size: 18px;
        padding: 16px 40px;
        border: none !important;
        clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
        box-shadow: 0 0 20px rgba(255,77,57,0.5), 0 0 40px rgba(123,97,255,0.3) !important;
        transition: all 0.3s;
        animation: data-flow 3s linear infinite;
    }

    
    body[data-skin="esports"] .dl-pay-method {
        background: var(--esports-bg-secondary) !important;
        border: 2px solid rgba(255,77,57,0.3) !important;
        transition: all 0.3s;
        position: relative;
    }

    

    
    body[data-skin="esports"] a {
        color: var(--esports-orange);
        transition: color 0.3s, text-shadow 0.3s;
    }

    
    body[data-skin="esports"] input[type="text"],
    body[data-skin="esports"] input[type="number"],
    body[data-skin="esports"] input[type="tel"],
    body[data-skin="esports"] input[type="email"],
    body[data-skin="esports"] input:not([type]),
    body[data-skin="esports"] textarea,
    body[data-skin="esports"] select {
        background: var(--esports-bg-secondary) !important;
        color: var(--esports-text) !important;
        border: 1px solid rgba(255,77,57,0.3) !important;
        border-radius: 4px !important;
    }

    
    body[data-skin="esports"] .dl-qty-selector,
    body[data-skin="esports"] .dl-buy-number,
    body[data-skin="esports"] .number-input,
    body[data-skin="esports"] .qty-input {
        background: var(--esports-bg-secondary) !important;
        color: var(--esports-text) !important;
        border: 1px solid rgba(255,77,57,0.3) !important;
    }

    
    body[data-skin="esports"] .btn {
        border-radius: 4px;
        transition: all 0.3s;
    }

    
    body[data-skin="esports"] .card,
    body[data-skin="esports"] .panel {
        background: var(--esports-bg-secondary) !important;
        border: 1px solid rgba(255,77,57,0.2) !important;
        border-radius: 8px;
    }

    
    body[data-skin="esports"] h1,
    body[data-skin="esports"] h2,
    body[data-skin="esports"] h3,
    body[data-skin="esports"] h4,
    body[data-skin="esports"] h5,
    body[data-skin="esports"] h6 {
        color: var(--esports-text) !important;
    }

    
    body[data-skin="esports"] hr {
        border-color: rgba(255,77,57,0.2) !important;
    }

    
    body[data-skin="esports"] .sku-list .sku {
        background: var(--esports-bg-secondary) !important;
        border: 1px solid rgba(255,77,57,0.3) !important;
        color: var(--esports-text) !important;
        transition: all 0.3s;
    }

    
    body[data-skin="esports"] .sku-selector,
    body[data-skin="esports"] .sku-wrapper,
    body[data-skin="esports"] .dl-sku-select {
        background: var(--esports-bg-secondary) !important;
        border: 1px solid rgba(255,77,57,0.2) !important;
    }

    
    body[data-skin="esports"] .dl-pay-card {
        background: var(--esports-bg-secondary) !important;
        border: 2px solid rgba(255,77,57,0.3) !important;
        box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
    }

    
    body[data-skin="esports"] .dl-desc-card {
        background: var(--esports-bg-secondary) !important;
        border: 1px solid rgba(255,77,57,0.2) !important;
        box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
    }

    
    body[data-skin="esports"] .dl-hero-section {
        position: relative;
        overflow: hidden;
    }

    
    body[data-skin="esports"] .dl-hero{
        background: linear-gradient(135deg, #1a1a24 0%, #252530 50%, #1a1a24 100%) !important;
        border: none !important;
        border-radius: 0 0 20px 20px !important;
        margin: 0 !important;
        padding: 18px !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
        position: relative;
        overflow: hidden;
    }
    
    body[data-skin="esports"] .dl-shop-meta .name{
        color: var(--esports-orange) !important;
        font-weight: 800 !important;
        font-size: 22px !important;
        text-shadow: 0 0 10px rgba(255,77,57,0.6), 0 0 20px rgba(255,77,57,0.3) !important;
        letter-spacing: 1px;
    }

    
    body[data-skin="esports"] .dl-verified-card{
        background: linear-gradient(135deg, #1a1a24, #252530) !important;
        border: 2px solid var(--esports-purple) !important;
        border-radius: 14px !important;
        box-shadow: 0 0 20px rgba(123,97,255,0.3) !important;
        margin: 8px 12px !important;
        padding: 12px 14px !important;
    }

    
    body[data-skin="esports"] .dl-recruit-card{
        background: linear-gradient(135deg, #1a1a24, #252530) !important;
        border: 2px solid var(--esports-green) !important;
        border-radius: 14px !important;
        box-shadow: 0 0 20px rgba(0,255,135,0.3) !important;
        margin: 8px 12px !important;
    }

    
    body[data-skin="esports"] .dl-notice{
        background: var(--esports-bg-secondary) !important;
        border: 1px solid var(--esports-orange) !important;
        border-radius: 12px !important;
        box-shadow: 0 0 15px rgba(255,77,57,0.2) !important;
        margin: 8px 12px !important;
        padding: 10px 16px 10px 40px !important;
        position: relative;
    }

    
    body[data-skin="esports"] .dl-section-head{
        padding: 16px 18px 12px !important;
    }
    
    body[data-skin="esports"] .dl-title-gem svg{
        display: none !important;
    }

    
    body[data-skin="esports"] .dl-cat-bar{
        background: var(--esports-bg-secondary) !important;
        border: 1px solid var(--esports-orange) !important;
        border-radius: 12px !important;
        padding: 8px 12px !important;
        margin: 8px 12px !important;
        box-shadow: 0 0 15px rgba(255,77,57,0.2) !important;
    }
    
    body[data-skin="esports"] .switch-category.chip{
        background: var(--esports-bg) !important;
        color: var(--esports-text) !important;
        border: 1px solid rgba(255,77,57,0.3) !important;
        border-radius: 8px !important;
    }

    
    body[data-skin="esports"] .dl-float-btn{
        background: var(--esports-bg-secondary) !important;
        color: var(--esports-orange) !important;
        border: 1px solid var(--esports-orange) !important;
        box-shadow: 0 0 10px rgba(255,77,57,0.3) !important;
    }

    

    
    body[data-skin="esports"] .dl-slim-topbar{
        background: var(--esports-bg-secondary) !important;
        border-bottom: 1px solid var(--esports-orange) !important;
        box-shadow: 0 2px 10px rgba(255,77,57,0.2) !important;
    }

    
    body[data-skin="esports"] .dl-item-summary{
        background: var(--esports-bg-secondary) !important;
        border: 2px solid var(--esports-orange) !important;
        border-radius: 14px !important;
        margin: 8px 12px !important;
        padding: 14px !important;
        box-shadow: 0 0 20px rgba(255,77,57,0.3) !important;
    }

    
    body[data-skin="esports"] .dl-combo-card{
        background: var(--esports-bg-secondary) !important;
        border: 2px solid var(--esports-orange) !important;
        border-radius: 14px !important;
        margin: 8px 12px !important;
        box-shadow: 0 0 20px rgba(255,77,57,0.2) !important;
    }

    
    body[data-skin="esports"] .form-control,
    body[data-skin="esports"] input[type="text"],
    body[data-skin="esports"] input[type="number"],
    body[data-skin="esports"] input[type="tel"],
    body[data-skin="esports"] input[type="email"],
    body[data-skin="esports"] input[type="password"],
    body[data-skin="esports"] input:not([type]),
    body[data-skin="esports"] textarea,
    body[data-skin="esports"] select{
        background: var(--esports-bg) !important;
        color: var(--esports-text) !important;
        border: 1px solid var(--esports-orange) !important;
        border-radius: 6px !important;
        caret-color: var(--esports-orange) !important;
    }

    
    body[data-skin="esports"] .qty-group,
    body[data-skin="esports"] .input-group{
        background: var(--esports-bg) !important;
        border: 1px solid var(--esports-orange) !important;
        border-radius: 6px !important;
        overflow: hidden;
    }

    
    body[data-skin="esports"] .optional-card{
        background: var(--esports-bg) !important;
        color: var(--esports-text-muted) !important;
        border: 1px dashed var(--esports-orange) !important;
    }

    
    body[data-skin="esports"] .dl-captcha-wrap{
        gap: 8px;
    }

    

    body[data-skin="esports"] .dl-fixed-buybar {
        background: var(--esports-bg-secondary) !important;
        border-top: 2px solid var(--esports-orange) !important;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.5) !important;
    }

    
    body[data-skin="esports"] .dl-fixed-buybar-price{
        background: transparent !important;
    }

    
    body[data-skin="esports"] .dl-fixed-buybar .submit-btn{
        background: linear-gradient(135deg, var(--esports-orange) 0%, var(--esports-purple) 100%) !important;
        color: #ffffff !important;
        font-weight: 900 !important;
        border: none !important;
        border-radius: 8px !important;
        box-shadow: 0 0 20px rgba(255,77,57,0.5), 0 4px 15px rgba(0,0,0,0.4) !important;
        text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
        animation: none !important;
    }
    
    body[data-skin="esports"] .dl-fixed-buybar .submit-btn::before{
        background: transparent !important;
        display: none !important;
    }

    

    @keyframes scanline {
        0% { transform: translateY(0); }
        100% { transform: translateY(4px); }
    }

    @keyframes border-flow {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    @keyframes pulse-glow {
        0%, 100% { box-shadow: 0 0 5px var(--esports-glow-color); }
        50% { box-shadow: 0 0 20px var(--esports-glow-color), 0 0 30px var(--esports-glow-color); }
    }

    @keyframes text-glow {
        0%, 100% { text-shadow: 0 0 10px rgba(255,170,0,0.5); }
        50% { text-shadow: 0 0 20px rgba(255,170,0,0.8), 0 0 30px rgba(255,170,0,0.4); }
    }

    @keyframes data-flow {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    
    @media (max-width: 768px) {
        body[data-skin="esports"] .dl-hero-shop-card,
        body[data-skin="esports"] .dl-goods-detail-card {
            clip-path: none !important;
        }

        body[data-skin="esports"] .dl-buy-btn-main {
            font-size: 16px;
            padding: 14px 30px;
        }

        body[data-skin="esports"] .dl-fixed-buybar {
            border-top-width: 2px;
        }

        body[data-skin="esports"] .dl-price-value {
            font-size: 1.8em;
        }

        
        body[data-skin="esports"] .dl-hero{
            padding: 14px 12px !important;
        }
        body[data-skin="esports"] .dl-verified-card,
        body[data-skin="esports"] .dl-recruit-card{
            margin: 6px 0 !important;
            padding: 12px 14px !important;
        }
        body[data-skin="esports"] .dl-notice{
            margin: 6px 0 !important;
            padding: 10px 16px 10px 40px !important;
        }
        body[data-skin="esports"] .dl-shop-meta .name{
            font-size: 20px !important;
        }
        body[data-skin="esports"] .dl-cat-bar{
            margin: 6px 0 !important;
        }
    }


    
    body[data-skin^="sunset"]{
        --ss-orange: #ff6b35;
        --ss-coral: #ff8c61;
        --ss-pink: #e84393;
        --ss-purple: #6c5ce7;
        --ss-gold: #fdcb6e;
        --ss-bg: #1a1020;
        --ss-bg2: #2d1b3e;
        --ss-text: #ffeede;
        --ss-muted: rgba(255,238,222,.6);
        --ss-orange-rgb: 255,107,53;
        --ss-coral-rgb: 255,140,97;
        --ss-pink-rgb: 232,67,147;
        --ss-purple-rgb: 108,92,231;
        --ss-bg3: #241226;
        background:
            radial-gradient(ellipse at 20% 80%, rgba(var(--ss-orange-rgb),.15), transparent 50%),
            radial-gradient(ellipse at 80% 20%, rgba(var(--ss-purple-rgb),.12), transparent 50%),
            radial-gradient(ellipse at 50% 50%, rgba(var(--ss-pink-rgb),.08), transparent 60%),
            linear-gradient(180deg, var(--ss-bg) 0%, var(--ss-bg2) 100%) !important;
        color: var(--ss-text) !important;
        font-family: 'Noto Sans SC', -apple-system, sans-serif !important;
    }
    
    body[data-skin^="sunset"] .dl-hero-aurora,
    body[data-skin^="sunset"] .dl-hero-orbs,
    body[data-skin^="sunset"] .dl-hero-grid{ display: none !important; }
    
    body[data-skin^="sunset"] .dl-hero{
        background:
            radial-gradient(ellipse at 30% 100%, rgba(var(--ss-orange-rgb),.35), transparent 55%),
            radial-gradient(ellipse at 70% 0%, rgba(var(--ss-purple-rgb),.30), transparent 55%),
            linear-gradient(180deg, var(--ss-bg2) 0%, var(--ss-bg) 100%) !important;
        border: 1px solid rgba(var(--ss-coral-rgb),.30) !important;
        border-radius: 20px !important;
        margin: 12px !important;
        box-shadow: 0 8px 32px rgba(var(--ss-orange-rgb),.15), inset 0 1px 0 rgba(255,238,222,.10) !important;
    }
    
    body[data-skin^="sunset"] .dl-shop-meta .name{
        background: linear-gradient(135deg, var(--ss-gold), var(--ss-orange), var(--ss-pink)) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        font-weight: 800 !important;
        font-size: 22px !important;
    }
    
    body[data-skin^="sunset"] .dl-verified-card{
        background: linear-gradient(135deg, rgba(45,27,62,.9), rgba(26,16,32,.95)) !important;
        border: 1px solid rgba(253,203,110,.40) !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 20px rgba(253,203,110,.12) !important;
    }
    
    body[data-skin^="sunset"] .dl-recruit-card{
        background: linear-gradient(135deg, rgba(45,27,62,.9), rgba(26,16,32,.95)) !important;
        border: 1px solid rgba(var(--ss-purple-rgb),.40) !important;
        border-radius: 16px !important;
    }
    
    body[data-skin^="sunset"] .dl-notice{
        background: rgba(45,27,62,.70) !important;
        border: 1px solid rgba(var(--ss-coral-rgb),.30) !important;
        border-radius: 12px !important;
    }
    
    body[data-skin^="sunset"] .dl-title-gem{
        background: linear-gradient(135deg, var(--ss-orange), var(--ss-pink)) !important;
        box-shadow: 0 0 12px rgba(var(--ss-orange-rgb),.5) !important;
    }
    
    body[data-skin^="sunset"] .dl-cat-bar{
        background: rgba(45,27,62,.85) !important;
        border-bottom: 1px solid rgba(var(--ss-coral-rgb),.25) !important;
    }
    
    body[data-skin^="sunset"] .item-list.dl-grid > .dl-product{
        background: linear-gradient(165deg, rgba(45,27,62,.95) 0%, rgba(26,16,32,.98) 100%) !important;
        border: 1px solid rgba(var(--ss-coral-rgb),.20) !important;
        border-radius: 14px !important;
        box-shadow: 0 4px 16px rgba(0,0,0,.3) !important;
    }
    
    body[data-skin^="sunset"] .dl-float-btn{
        background: rgba(45,27,62,.90) !important;
        color: var(--ss-coral) !important;
        border: 1px solid rgba(var(--ss-coral-rgb),.35) !important;
        box-shadow: 0 4px 14px rgba(var(--ss-orange-rgb),.2) !important;
    }
    
    body[data-skin^="sunset"] .dl-slim-topbar{
        background: rgba(45,27,62,.95) !important;
        border-bottom: 1px solid rgba(var(--ss-coral-rgb),.25) !important;
    }
    
    body[data-skin^="sunset"] .form-control,
    body[data-skin^="sunset"] input[type="text"],
    body[data-skin^="sunset"] input[type="number"],
    body[data-skin^="sunset"] input[type="tel"],
    body[data-skin^="sunset"] input[type="email"],
    body[data-skin^="sunset"] input[type="password"],
    body[data-skin^="sunset"] input:not([type]),
    body[data-skin^="sunset"] textarea,
    body[data-skin^="sunset"] select{
        background: rgba(26,16,32,.80) !important;
        color: var(--ss-text) !important;
        border: 1px solid rgba(var(--ss-coral-rgb),.30) !important;
        border-radius: 8px !important;
    }
    
    body[data-skin^="sunset"]{ --input-focus-bg: rgba(26,16,32,.92); }
    
    body[data-skin^="sunset"] .sku-list .sku{
        background: rgba(26,16,32,.80) !important;
        border: 1px solid rgba(var(--ss-coral-rgb),.25) !important;
        color: var(--ss-text) !important;
    }
    
    body[data-skin^="sunset"] .dl-fixed-buybar{
        background: rgba(45,27,62,.97) !important;
        border-top: 1px solid rgba(var(--ss-coral-rgb),.30) !important;
        box-shadow: 0 -4px 20px rgba(0,0,0,.4) !important;
    }
    
    body[data-skin^="sunset"] .dl-pay-card{
        background: rgba(45,27,62,.95) !important;
        border: 1px solid rgba(var(--ss-coral-rgb),.25) !important;
    }
    
    body[data-skin^="sunset"] .dl-desc-card{
        background: rgba(45,27,62,.90) !important;
        border: 1px solid rgba(var(--ss-coral-rgb),.20) !important;
    }
    
    body[data-skin^="sunset"] .qty-group,
    body[data-skin^="sunset"] .input-group{
        background: rgba(26,16,32,.80) !important;
        border: 1px solid rgba(var(--ss-coral-rgb),.30) !important;
        border-radius: 8px !important;
    }
    
    body[data-skin^="sunset"] a{ color: var(--ss-coral); }
    
    @media (max-width: 768px){
        body[data-skin^="sunset"] .dl-hero{ margin: 8px !important; padding: 14px !important; }
        body[data-skin^="sunset"] .dl-verified-card,
        body[data-skin^="sunset"] .dl-recruit-card{ margin: 6px 0 !important; }
        body[data-skin^="sunset"] .dl-notice{ margin: 6px 0 !important; }
        body[data-skin^="sunset"] .dl-cat-bar{ margin: 6px 0 !important; }
    }


    

    
    body[data-skin="sunset-teal"]{--ss-orange:#14b8a6;--ss-coral:#22d3ee;--ss-pink:#6366f1;--ss-purple:#7c3aed;--ss-gold:#a5f3fc;--ss-bg:#08161c;--ss-bg2:#123039;--ss-bg3:#0b1d24;--ss-text:#e6fbfa;--ss-muted:rgba(230,251,250,.6);--ss-orange-rgb:20,184,166;--ss-coral-rgb:34,211,238;--ss-pink-rgb:99,102,241;--ss-purple-rgb:124,58,237}
    
    body[data-skin="ink"] .dl-hero-aurora,
    body[data-skin="ink"] .dl-hero-orbs,
    body[data-skin="ink"] .dl-hero-grid{ display: none !important; }
    
    body[data-skin="ink"] .dl-hero{
        background:
            linear-gradient(180deg, var(--ink-paper) 0%, #f5f0e6 100%) !important;
        border: 1px solid var(--ink-border) !important;
        border-top: 3px solid var(--ink-ink) !important;
        border-radius: 4px !important;
        margin: 16px 12px !important;
        box-shadow: 0 2px 12px rgba(44,44,44,.08) !important;
        position: relative;
    }
    
    body[data-skin="ink"] .dl-shop-meta .name{
        color: var(--ink-ink) !important;
        font-weight: 900 !important;
        font-size: 24px !important;
        letter-spacing: .12em;
        font-family: inherit !important;
    }
    
    body[data-skin="ink"] .dl-verified-card{
        background: var(--ink-paper) !important;
        border: 1px solid var(--ink-border) !important;
        border-left: 3px solid var(--ink-gold) !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 8px rgba(44,44,44,.06) !important;
    }
    
    body[data-skin="ink"] .dl-recruit-card{
        background: var(--ink-paper) !important;
        border: 1px solid var(--ink-border) !important;
        border-left: 3px solid var(--ink-jade) !important;
        border-radius: 4px !important;
    }
    
    body[data-skin="ink"] .dl-notice{
        background: var(--ink-paper) !important;
        border: 1px solid var(--ink-border) !important;
        border-left: 3px solid var(--ink-cinnabar) !important;
        border-radius: 4px !important;
    }
    
    body[data-skin="ink"] .dl-title-gem{
        background: var(--ink-cinnabar) !important;
        border-radius: 2px !important;
        box-shadow: none !important;
        transform: rotate(0deg) !important;
        animation: none !important;
    }
    
    body[data-skin="ink"] .dl-cat-bar{
        background: var(--ink-paper) !important;
        border-bottom: 1px solid var(--ink-ink) !important;
    }
    
    body[data-skin="ink"] .item-list.dl-grid > .dl-product{
        background: var(--ink-paper) !important;
        border: 1px solid var(--ink-border) !important;
        border-radius: 4px !important;
        box-shadow: 0 1px 6px rgba(44,44,44,.06) !important;
    }
    
    body[data-skin="ink"] .dl-float-btn{
        background: var(--ink-paper) !important;
        color: var(--ink-ink) !important;
        border: 1px solid var(--ink-ink) !important;
        border-radius: 4px !important;
        box-shadow: 2px 2px 0 rgba(44,44,44,.15) !important;
    }
    
    body[data-skin="ink"] .dl-slim-topbar{
        background: var(--ink-paper) !important;
        border-bottom: 1px solid var(--ink-ink) !important;
    }
    
    body[data-skin="ink"] .form-control,
    body[data-skin="ink"] input[type="text"],
    body[data-skin="ink"] input[type="number"],
    body[data-skin="ink"] input[type="tel"],
    body[data-skin="ink"] input[type="email"],
    body[data-skin="ink"] input[type="password"],
    body[data-skin="ink"] input:not([type]),
    body[data-skin="ink"] textarea,
    body[data-skin="ink"] select{
        background: var(--ink-paper) !important;
        color: var(--ink-ink) !important;
        border: 1px solid var(--ink-border) !important;
        border-radius: 2px !important;
        font-family: inherit !important;
    }
    
    body[data-skin="ink"] .sku-list .sku{
        background: var(--ink-paper) !important;
        border: 1px solid var(--ink-border) !important;
        color: var(--ink-ink) !important;
        border-radius: 2px !important;
    }
    
    body[data-skin="ink"] .dl-fixed-buybar{
        background: var(--ink-paper) !important;
        border-top: 2px solid var(--ink-ink) !important;
        box-shadow: 0 -2px 10px rgba(44,44,44,.08) !important;
    }
    
    body[data-skin="ink"] .dl-pay-card{
        background: var(--ink-paper) !important;
        border: 1px solid var(--ink-border) !important;
    }
    
    body[data-skin="ink"] .dl-desc-card{
        background: var(--ink-paper) !important;
        border: 1px solid var(--ink-border) !important;
    }
    
    body[data-skin="ink"] .qty-group,
    body[data-skin="ink"] .input-group{
        background: var(--ink-paper) !important;
        border: 1px solid var(--ink-border) !important;
        border-radius: 2px !important;
    }
    
    body[data-skin="ink"] a{ color: var(--ink-cinnabar); }
    
    @media (max-width: 768px){
        body[data-skin="ink"] .dl-hero{ margin: 10px 8px !important; padding: 14px !important; }
        body[data-skin="ink"] .dl-verified-card,
        body[data-skin="ink"] .dl-recruit-card{ margin: 6px 0 !important; }
        body[data-skin="ink"] .dl-notice{ margin: 6px 0 !important; }
        body[data-skin="ink"] .dl-cat-bar{ margin: 6px 0 !important; }
    }

    

    
    body[data-skin="cardpunk"] .dl-recruit-card{
        background: linear-gradient(135deg, var(--cp-bg-2), #1d1509) !important;
        border: 1px solid var(--cp-gold-deep) !important;
        border-radius: 6px !important;
        box-shadow: inset 0 0 0 1px rgba(212,175,55,.22), 0 6px 18px -8px rgba(0,0,0,.85) !important;
    }

    
    body[data-skin="bento"] .dl-recruit-card{
        background: var(--bn-cream) !important;
        border: 2px solid var(--bn-ink) !important;
        border-radius: 10px !important;
        box-shadow: 3px 3px 0 var(--bn-ink) !important;
    }

    
    

    
    body[data-skin="jk"] .dl-rc-icon{
        background: rgba(255,255,255,.92) !important;
        border-radius: 14px !important;
        box-shadow: 0 4px 12px rgba(232,70,124,.22) !important;
    }

    
    body[data-skin="neu"] .dl-rc-icon{
        background: var(--nbg) !important;
        border-radius: 14px !important;
        box-shadow: var(--nsn) !important;
    }

    

    
    body[data-skin="esports"] .dl-rc-icon{
        background: linear-gradient(135deg, var(--esports-purple), var(--esports-orange)) !important;
        border-radius: 10px !important;
        box-shadow: 0 0 18px rgba(123,97,255,.55) !important;
    }

    
    body[data-skin^="sunset"] .dl-recruit-card{
        background: linear-gradient(135deg, rgba(45,27,62,.92), rgba(26,16,32,.88)) !important;
        border: 1px solid rgba(var(--ss-coral-rgb),.42) !important;
        border-radius: 14px !important;
    }

    
    body[data-skin="ink"] .dl-rc-icon{
        background: var(--ink-paper) !important;
        border: 1px solid var(--ink-cinnabar) !important;
        border-radius: 3px !important;
        box-shadow: none !important;
    }

    

    
    body[data-skin="ink"]{
        font-family: "Songti SC", "STSong", "SimSun", "Noto Serif SC", serif !important;
        background-color: #f7f3ec !important;
        background-image:
            repeating-linear-gradient(0deg, rgba(120,100,70,.035) 0 1px, transparent 1px 3px),
            repeating-linear-gradient(90deg, rgba(120,100,70,.022) 0 1px, transparent 1px 4px),
            radial-gradient(circle at 12% 6%, rgba(44,44,44,.05), transparent 42%),
            radial-gradient(circle at 88% 94%, rgba(200,57,43,.05), transparent 45%) !important;
    }
    
    body[data-skin="ink"] .dl-hero{
        border-radius: 0 !important;
        border-bottom: 1px solid var(--ink-border) !important;
        box-shadow: none !important;
    }
    
    body[data-skin="ink"] .dl-shop-meta .name{
        font-family: inherit !important;
        letter-spacing: .16em !important;
        font-weight: 700 !important;
        color: var(--ink-ink) !important;
        text-shadow: none !important;
    }
    
    body[data-skin="ink"] .dl-verified-card{
        background: rgba(255,253,247,.94) !important;
        border: 1px solid var(--ink-border) !important;
        border-left: 3px solid var(--ink-cinnabar) !important;
        border-radius: 2px !important;
        box-shadow: none !important;
    }
    
    body[data-skin="ink"] .dl-cat-bar{
        background: rgba(255,253,247,.96) !important;
        border: 1px solid var(--ink-border) !important;
        border-radius: 2px !important;
        box-shadow: none !important;
    }
    
    body[data-skin="ink"] .dl-product,
    body[data-skin="ink"] .dl-product.acg-card{
        background: rgba(255,253,247,.96) !important;
        border: 1px solid var(--ink-border) !important;
        border-radius: 2px !important;
        box-shadow: none !important;
        transition: border-color .2s ease, transform .2s ease !important;
    }

    
    

    
    

    

    
    .item-list.dl-grid .dl-p-stock{
        color: #94a3b8 !important;
        font-weight: 500 !important;
    }
    .item-list.dl-grid .dl-p-price{
        align-items: baseline;
        gap: 1px;
    }
    .item-list.dl-grid .dl-p-price .y{
        font-size: 12px !important;
        font-weight: 700 !important;
        opacity: .9;
    }
    .item-list.dl-grid .dl-p-price .now{
        letter-spacing: -.015em !important;
        font-variant-numeric: tabular-nums;
    }
    
    .item-list.dl-grid .dl-p-buy{
        min-width: 84px;
        justify-content: center;
        white-space: nowrap;
    }

    
    .item-list.dl-grid > .dl-product{
        min-height: 112px;
    }
    .item-list.dl-grid > .dl-product > .dl-p-cover{
        width: 96px; height: 96px;
    }
    .item-list.dl-grid > .dl-product > .dl-p-body{
        justify-content: center;
        gap: 5px;
        padding: 4px 0;
    }
    .item-list.dl-grid > .dl-product .dl-p-name{
        font-size: 15px !important;
        letter-spacing: .005em;
    }
    .item-list.dl-grid > .dl-product .dl-p-bottom{
        gap: 12px;
        margin-top: 2px;
    }
    .item-list.dl-grid > .dl-product .dl-p-price .now{
        font-size: 21px !important;
    }

    
    .item-list.dl-grid[data-layout="magazine"] > .dl-product > .dl-p-body{
        padding: 12px 14px 14px !important;
        gap: 7px !important;
        justify-content: space-between !important;
    }
    .item-list.dl-grid[data-layout="magazine"] .dl-p-name{
        min-height: 2.8em !important;   
    }
    .item-list.dl-grid[data-layout="magazine"] .dl-p-bottom{
        gap: 4px 10px !important;
        align-items: center !important;
    }
    .item-list.dl-grid[data-layout="magazine"] .dl-p-price .now{
        font-size: 19px !important;
    }
    .item-list.dl-grid[data-layout="magazine"] .dl-p-stock{
        font-size: 11px !important;
    }

    
    .item-list.dl-grid[data-layout="compact"] > .dl-product{
        min-height: 68px !important;
        padding: 10px 14px !important;
        gap: 12px !important;
        align-items: center !important;
    }
    .item-list.dl-grid[data-layout="compact"] > .dl-product > .dl-p-cover{
        width: 46px !important;
        height: 46px !important;
    }
    .item-list.dl-grid[data-layout="compact"] .dl-p-name{
        font-size: 14px !important;
    }
    .item-list.dl-grid[data-layout="compact"] .dl-p-bottom{
        gap: 10px !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }
    .item-list.dl-grid[data-layout="compact"] .dl-p-price{
        flex: 0 0 auto;
        min-width: 74px;                 
    }
    .item-list.dl-grid[data-layout="compact"] .dl-p-price .now{
        font-size: 17px !important;
    }
    .item-list.dl-grid[data-layout="compact"] .dl-p-stock{
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .item-list.dl-grid[data-layout="compact"] .dl-p-buy{
        min-width: 76px !important;
        padding: 5px 12px !important;
        font-size: 11.5px !important;
    }

    
    .item-list.dl-grid[data-layout="gallery"] > .dl-product > .dl-p-body,
    .item-list.dl-grid[data-layout="square"] > .dl-product > .dl-p-body{
        padding: 12px 14px 14px !important;
        gap: 7px !important;
        justify-content: space-between !important;
    }
    .item-list.dl-grid[data-layout="square"] .dl-p-name{
        min-height: 2.6em !important;
    }
    .item-list.dl-grid[data-layout="gallery"] .dl-p-bottom,
    .item-list.dl-grid[data-layout="square"] .dl-p-bottom{
        gap: 4px 10px !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }
    .item-list.dl-grid[data-layout="gallery"] .dl-p-price,
    .item-list.dl-grid[data-layout="square"] .dl-p-price{
        flex: 0 0 auto;
    }
    .item-list.dl-grid[data-layout="gallery"] .dl-p-stock,
    .item-list.dl-grid[data-layout="square"] .dl-p-stock{
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 11px !important;
    }
    .item-list.dl-grid[data-layout="gallery"] .dl-p-buy,
    .item-list.dl-grid[data-layout="square"] .dl-p-buy{
        min-width: 78px !important;
        padding: 6px 12px !important;
        font-size: 11.5px !important;
    }

    
    @media (max-width: 520px){
        .item-list.dl-grid[data-layout="macro"] > .dl-product{ }  
        .item-list.dl-grid .dl-p-buy{ min-width: 0 !important; padding: 5px 12px !important; font-size: 11.5px !important; }
        .item-list.dl-grid[data-layout="compact"] > .dl-product{ min-height: 62px !important; padding: 8px 12px !important; }
        .item-list.dl-grid[data-layout="compact"] .dl-p-price{ min-width: 62px !important; }
        .item-list.dl-grid[data-layout="magazine"] .dl-p-name{ min-height: auto !important; }
        .item-list.dl-grid[data-layout="square"] .dl-p-name{ min-height: auto !important; }
        .item-list.dl-grid > .dl-product > .dl-p-cover{ width: 82px; height: 82px; }
    }

    
    body .item-list.dl-grid[data-layout="gallery"] > .dl-product .dl-p-name{
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        text-shadow: 0 1px 3px rgba(0,0,0,.62), 0 0 10px rgba(0,0,0,.42) !important;
    }
    
    body .item-list.dl-grid[data-layout="gallery"] > .dl-product .dl-p-price,
    body .item-list.dl-grid[data-layout="gallery"] > .dl-product .dl-p-price .now,
    body .item-list.dl-grid[data-layout="gallery"] > .dl-product .dl-p-price .y{
        color: #fde68a !important;
        -webkit-text-fill-color: #fde68a !important;
        background: none !important;
        text-shadow: 0 1px 3px rgba(0,0,0,.55) !important;
    }

    
    body .item-list.dl-grid[data-layout="compact"] .dl-p-bottom,
    body .item-list.dl-grid[data-layout="gallery"] .dl-p-bottom{
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-top: 0 !important;
    }
    body .item-list.dl-grid[data-layout="compact"] .dl-p-bottom{ gap: 8px !important; }
    body .item-list.dl-grid[data-layout="compact"] .dl-p-buy,
    body .item-list.dl-grid[data-layout="gallery"] .dl-p-buy{
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        margin-left: 0 !important;
    }
    body .item-list.dl-grid[data-layout="compact"] .dl-p-buy{ min-width: 76px !important; }
    body .item-list.dl-grid[data-layout="compact"] .dl-p-price,
    body .item-list.dl-grid[data-layout="gallery"] .dl-p-price{
        min-width: 0 !important;
        text-align: left !important;
    }
    
    body .item-list.dl-grid[data-layout="compact"] .dl-p-name,
    body .item-list.dl-grid[data-layout="gallery"] .dl-p-name,
    body .item-list.dl-grid[data-layout="compact"] .dl-p-stock{
        text-align: left !important;
    }

    
    .dalin-body *,
    .dalin-body *::before,
    .dalin-body *::after,
    body.dalin-body::before,
    body.dalin-body::after{
        animation: none !important;
    }
    
    .dl-verified-card::after,
    .dl-recruit-card::after{ opacity: 1 !important; }
    .dl-vc-seal::after,
    .dl-rc-icon::after{ opacity: .8 !important; }
    .aurora-band{ opacity: .62 !important; }
    .dl-hero-orbs .orb{ opacity: .6 !important; }
    .dl-notice::before{ opacity: .78 !important; }
    
    .dalin-body *{ will-change: auto !important; }

    
    body.dalin-body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
    body.dalin-body textarea,
    body.dalin-body select{
        -webkit-text-fill-color: currentColor;
    }
    body.dalin-body input::placeholder,
    body.dalin-body textarea::placeholder{
        opacity: 1;
    }
    body.dalin-body input:-webkit-autofill,
    body.dalin-body input:-webkit-autofill:hover,
    body.dalin-body input:-webkit-autofill:focus,
    body.dalin-body textarea:-webkit-autofill{
        -webkit-text-fill-color: currentColor !important;
        transition: background-color 99999s ease-in-out 0s;
    }

    
    body[data-skin^="sunset"] .dl-panel,
    body[data-skin^="sunset"] .dl-panel-head,
    body[data-skin^="sunset"] .dl-panel-body{
        background: rgba(26,16,32,.92) !important;
        border-color: rgba(var(--ss-coral-rgb),.22) !important;
    }
    
    body[data-skin^="sunset"] .no-results svg{ color: rgba(var(--ss-coral-rgb),.45) !important; }

    
    
    
    .dl-i{
        width: 1em; height: 1em;
        display: inline-block;
        vertical-align: -0.125em;
        margin-right: 5px;
        flex: 0 0 auto;
        pointer-events: none;
    }
    
    .dl-spin{
        display: inline-block;
        width: 14px; height: 14px;
        border: 2px solid currentColor;
        border-right-color: transparent;
        border-radius: 50%;
        vertical-align: -2px;
        opacity: .6;
        animation: dlSpin .75s linear infinite !important;
    }
    @keyframes dlSpin{ to{ transform: rotate(360deg); } }

.dl-sr-only{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
}
.dl-seo-links{
    max-width:1180px;
    margin:0 auto 14px;
    padding:14px 16px;
    background:#fff;
    border:1px solid #e3e8f0;
    border-radius:12px;
    color:#334155;
    font-size:13px;
    line-height:2;
}
.dl-seo-links strong{ color:#0f172a; }
.dl-seo-links a{
    display:inline-block;
    margin:0 6px 0 0;
    color:#2563eb;
    text-decoration:none;
}
.dl-seo-links a:hover{ text-decoration:underline; }

.dl-page-nav{
    max-width:1180px;
    margin:18px auto 6px;
    padding:0 4px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px;
}
body.dl-infinite .dl-page-nav{ display:none; }
.dl-page-link{
    min-width:38px;
    padding:8px 12px;
    border-radius:10px;
    border:1.5px solid var(--c-line);
    background:var(--c-paper);
    color:var(--c-ink-2);
    font-size:13px;
    font-weight:600;
    text-align:center;
    text-decoration:none;
    transition:all .15s;
}
.dl-page-link:hover{ border-color:var(--c-accent-2); color:var(--c-accent-2); }
.dl-page-link.is-on{
    background:linear-gradient(135deg,var(--c-accent),var(--c-accent-2));
    border-color:transparent;
    color:#fff;
}
.dl-page-gap{ padding:0 4px; color:var(--c-muted); font-size:13px; }

.dl-p-cover-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
}
.dl-related{
    margin:16px 0 8px;
    padding:16px;
    background:var(--dl-paper,#fff);
    border:1px solid var(--dl-line,#e3e8f0);
    border-radius:14px;
}
.dl-related-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
}
.dl-related-title{
    margin:0;
    font-size:15px;
    font-weight:800;
    color:var(--dl-ink,#0f172a);
}
.dl-related-more{
    font-size:12.5px;
    color:var(--dl-a,#2563eb);
    text-decoration:none;
    white-space:nowrap;
}
.dl-related-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px;
}
.dl-related-card{
    display:flex;
    flex-direction:column;
    gap:6px;
    text-decoration:none;
    color:inherit;
    min-width:0;
}
.dl-related-cover{
    display:block;
    position:relative;
    width:100%;
    aspect-ratio:4 / 3;
    border-radius:10px;
    overflow:hidden;
    background:linear-gradient(135deg,#0f172a,#1e293b);
}
.dl-related-cover img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.dl-related-name{
    font-size:12.5px;
    line-height:1.45;
    color:var(--dl-ink,#0f172a);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.dl-related-price{
    font-size:13px;
    font-weight:800;
    color:var(--dl-a,#2563eb);
}
.dl-related-sold{
    font-size:11px;
    color:var(--dl-muted,#94a3b8);
    line-height:1.2;
}

.dl-faq{
    max-width:1180px;
    margin:18px auto 8px;
    padding:16px 18px;
    background:var(--dl-paper,#fff);
    border:1px solid var(--dl-line,#e3e8f0);
    border-radius:14px;
}
.dl-faq-head{ margin-bottom:10px; }
.dl-faq-title{
    margin:0;
    font-size:15px;
    font-weight:800;
    color:var(--dl-ink,#0f172a);
}
.dl-faq-list{ margin:0; }
.dl-faq-q{
    margin:12px 0 4px;
    font-size:13.5px;
    font-weight:700;
    color:var(--dl-ink,#0f172a);
    line-height:1.55;
}
.dl-faq-q::before{
    content:"Q";
    display:inline-block;
    width:18px; height:18px;
    margin-right:6px;
    border-radius:6px;
    background:linear-gradient(135deg,var(--dl-a,#2563eb),var(--dl-accent-2,#22d3ee));
    color:#fff;
    font-size:11px;
    font-weight:800;
    line-height:18px;
    text-align:center;
    vertical-align:1px;
}
.dl-faq-a{
    margin:0 0 2px 24px;
    font-size:13px;
    line-height:1.75;
    color:var(--dl-muted-2,#475569);
}
@media (max-width:768px){
    .dl-related-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:420px){
    .dl-related-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.dl-tag-bar{
    display:flex;
    align-items:center;
    gap:10px;
    margin:12px 0 4px;
    padding:8px 10px;
    border-radius:12px;
    background:color-mix(in srgb, var(--dl-paper,#fff) 88%, transparent);
    border:1px solid var(--dl-line,#e3e8f0);
    overflow:hidden;
}
.dl-tag-bar-label{
    flex:0 0 auto;
    font-size:11.5px;
    font-weight:800;
    letter-spacing:.04em;
    line-height:1.9;
    color:var(--dl-muted,#64748b);
    white-space:nowrap;
}
.dl-tag-bar-list{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:6px;
    min-width:0;
    flex:1 1 auto;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    padding:2px 2px 4px;
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 10px, #000 calc(100% - 14px), transparent 100%);
    mask-image:linear-gradient(90deg, transparent 0, #000 10px, #000 calc(100% - 14px), transparent 100%);
}
.dl-tag-bar-list::-webkit-scrollbar{ width:0; height:0; display:none; }
.dl-tag-chip{
    display:inline-flex;
    align-items:center;
    gap:4px;
    flex:0 0 auto;
    padding:3px 9px;
    border-radius:999px;
    border:1px solid var(--dl-line,#e3e8f0);
    background:var(--dl-paper,#fff);
    color:var(--dl-ink,#0f172a);
    font-size:12.5px;
    font-weight:600;
    line-height:1.7;
    text-decoration:none;
    white-space:nowrap;
    transition:color .15s,border-color .15s,background .15s;
}
.dl-tag-chip i{
    font-style:normal;
    font-size:10.5px;
    font-weight:700;
    color:var(--dl-muted,#94a3b8);
}
.dl-tag-chip:hover{
    border-color:var(--dl-a,#2563eb);
    color:var(--dl-a,#2563eb);
    background:color-mix(in srgb, var(--dl-a,#2563eb) 8%, var(--dl-paper,#fff));
}
.dl-tag-chip:hover i{ color:var(--dl-a,#2563eb); }
@media (max-width:640px){
    .dl-tag-bar{ gap:8px; padding:6px 8px; margin:10px 0 2px; }
    .dl-tag-bar-label{ font-size:11px; }
    .dl-tag-chip{ font-size:12px; padding:2px 8px; }
}

.item-detail .panel-body p[style*="text-align:center"]>a,
.dl-desc-card .panel-body p[style*="text-align:center"]>a{
    position:relative;
    display:inline-block;
    max-width:100%;
    border-radius:12px;
    overflow:hidden;
    line-height:0;
    text-decoration:none;
}
.item-detail .panel-body p[style*="text-align:center"]>a>img,
.dl-desc-card .panel-body p[style*="text-align:center"]>a>img{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    border-radius:0;
}
.item-detail .panel-body p[style*="text-align:center"]>a>img+span,
.dl-desc-card .panel-body p[style*="text-align:center"]>a>img+span{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    width:auto;
    height:auto;
    background:rgba(0,0,0,.18);
}
.item-detail .panel-body p[style*="text-align:center"]>a>span:nth-of-type(2),
.dl-desc-card .panel-body p[style*="text-align:center"]>a>span:nth-of-type(2){
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:66px;
    height:66px;
    border-radius:50%;
    background:rgba(0,0,0,.5);
    border:2px solid rgba(255,255,255,.9);
    box-shadow:0 4px 16px rgba(0,0,0,.35);
}
.item-detail .panel-body p[style*="text-align:center"]>a>span:nth-of-type(3),
.dl-desc-card .panel-body p[style*="text-align:center"]>a>span:nth-of-type(3){
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-38%,-50%);
    width:0;
    height:0;
    border-style:solid;
    border-width:14px 0 14px 24px;
    border-color:transparent transparent transparent #fff;
    background:transparent;
    box-shadow:none;
}
@media (max-width:640px){
    .item-detail .panel-body p[style*="text-align:center"]>a>span:nth-of-type(2),
    .dl-desc-card .panel-body p[style*="text-align:center"]>a>span:nth-of-type(2){
        width:52px;
        height:52px;
    }
    .item-detail .panel-body p[style*="text-align:center"]>a>span:nth-of-type(3),
    .dl-desc-card .panel-body p[style*="text-align:center"]>a>span:nth-of-type(3){
        border-width:11px 0 11px 19px;
    }
}