/* v38 · 异次元琉璃。所有布局变化只作用于 data-skin="isekai"。 */
:root[data-skin="isekai"] {
    --paper: #F6F3FF;
    --surface: rgba(255, 255, 255, .82);
    --surface-2: rgba(255, 255, 255, .64);
    --surface-3: rgba(250, 247, 255, .88);
    --glass-bg: rgba(255, 255, 255, .74);
    --glass-bg-2: rgba(255, 255, 255, .54);
    --glass-filter: saturate(125%) blur(18px);
    --glass-filter-strong: saturate(135%) blur(24px);
    --ink: #27263C;
    --ink-2: #625E79;
    --ink-3: #85819E;
    --ink-4: #ABA7BD;
    --line: rgba(255, 255, 255, .88);
    --line-2: rgba(112, 92, 174, .18);
    --accent: #D95798;
    --accent-2: #7C6BDB;
    --accent-3: #73D0E7;
    --accent-ink: #B73577;
    --accent-soft: rgba(217, 87, 152, .12);
    --accent-ring: rgba(217, 87, 152, .24);
    --grad-cta: linear-gradient(110deg, #D95798, #806FDE);
    --grad-halo: radial-gradient(circle at 8% 3%, rgba(255, 193, 225, .34), transparent 48%),
                 radial-gradient(circle at 94% 12%, rgba(148, 131, 240, .27), transparent 52%),
                 radial-gradient(circle at 54% 100%, rgba(115, 208, 231, .20), transparent 60%);
    --sh-1: 0 3px 14px rgba(68, 47, 116, .08);
    --sh-2: 0 12px 34px rgba(68, 47, 116, .13);
    --sh-3: 0 24px 60px rgba(42, 32, 76, .20);
}
:root[data-skin="isekai"][data-theme="dark"] {
    --paper: #111222;
    --surface: rgba(31, 32, 56, .84);
    --surface-2: rgba(40, 41, 69, .68);
    --surface-3: rgba(31, 32, 56, .93);
    --glass-bg: rgba(30, 31, 55, .78);
    --glass-bg-2: rgba(39, 40, 67, .60);
    --ink: #F5F0FF;
    --ink-2: #C6BFDD;
    --ink-3: #A29BBE;
    --ink-4: #77718F;
    --line: rgba(201, 190, 255, .16);
    --line-2: rgba(201, 190, 255, .23);
    --accent: #F47CB7;
    --accent-ink: #FF9AC9;
    --accent-soft: rgba(244, 124, 183, .16);
    --grad-cta: linear-gradient(110deg, #CE5F9F, #7564D0);
    --grad-halo: radial-gradient(circle at 10% 2%, rgba(126, 61, 128, .32), transparent 50%),
                 radial-gradient(circle at 90% 12%, rgba(85, 72, 159, .30), transparent 54%),
                 radial-gradient(circle at 50% 100%, rgba(37, 102, 137, .20), transparent 60%);
}

/* 商城：首页主视觉与分类侧栏 */
.isekai-hero { display: none; }
html[data-skin="isekai"] .isekai-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 36%);
    align-items: center;
    position: relative;
    min-height: 288px;
    margin-top: 18px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: linear-gradient(115deg, rgba(255, 247, 253, .96), rgba(239, 232, 255, .84) 58%, rgba(207, 224, 255, .76));
    box-shadow: var(--sh-2), inset 0 1px 0 rgba(255,255,255,.85);
}
html[data-skin="isekai"][data-theme="dark"] .isekai-hero {
    background: linear-gradient(115deg, #292039, #2C2A50 60%, #273C62);
}
html[data-skin="isekai"] .isekai-hero::before {
    content: "";
    position: absolute; inset: 0;
    z-index: -1;
    opacity: .6;
    background: radial-gradient(circle at 16% 22%, rgba(255,255,255,.92) 1px, transparent 2px) 0 0 / 36px 36px;
    pointer-events: none;
}
html[data-skin="isekai"] .isekai-hero-copy { padding: 34px clamp(24px, 4vw, 58px); min-width: 0; }
html[data-skin="isekai"] .isekai-kicker {
    display: inline-block; margin-bottom: 14px; padding: 6px 12px;
    border: 1px solid var(--line-2); border-radius: 999px;
    background: var(--surface-2); color: var(--accent-ink);
    font-size: 12px; font-weight: 700; letter-spacing: .08em;
}
html[data-skin="isekai"] .isekai-hero h1 {
    max-width: 12em; color: var(--ink);
    font-size: clamp(28px, 3.2vw, 44px); line-height: 1.22;
    letter-spacing: -.04em;
}
html[data-skin="isekai"] .isekai-hero p { margin: 14px 0 20px; color: var(--ink-2); font-size: 14px; }
html[data-skin="isekai"] .isekai-hero-link {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 42px; padding: 0 19px; border-radius: 999px;
    background: var(--grad-cta); box-shadow: 0 9px 22px rgba(170, 81, 157, .22);
    color: #fff; font-size: 13px; font-weight: 700;
}
html[data-skin="isekai"] .isekai-hero-link span { font-size: 18px; font-weight: 400; }
html[data-skin="isekai"] .isekai-hero img {
    align-self: end; justify-self: center;
    width: auto; max-width: 100%; height: 315px;
    object-fit: contain; object-position: center bottom;
    filter: drop-shadow(0 15px 24px rgba(72, 33, 95, .20));
}
html[data-skin="isekai"] #notice-panel { border-left: 4px solid var(--accent); }
html[data-skin="isekai"] #shop-products { scroll-margin-top: 84px; }
html[data-skin="isekai"] #shop-products > .panel-header { background: var(--surface-3); }

@media (min-width: 960px) {
    html[data-skin="isekai"] #shop-products > .panel-body {
        display: grid; grid-template-columns: 196px minmax(0, 1fr);
        gap: 20px; align-items: start;
    }
    html[data-skin="isekai"] #shop-products .cats {
        grid-column: 1; grid-row: 1 / span 2;
        display: flex; flex-direction: column; flex-wrap: nowrap;
        gap: 8px; overflow: visible; padding: 0;
    }
    html[data-skin="isekai"] #shop-products .cats .chip {
        width: 100%; min-width: 0; flex: none;
        justify-content: flex-start; border-radius: 14px;
    }
    html[data-skin="isekai"] #shop-products .subcats {
        display: flex; flex-direction: column; gap: 6px;
        width: 100%; margin: -2px 0 4px; padding-left: 12px;
    }
    html[data-skin="isekai"] #shop-products .subcat { width: 100%; justify-content: flex-start; }
    html[data-skin="isekai"] #shop-products .item-list,
    html[data-skin="isekai"] #shop-products .state-box {
        grid-column: 2; min-width: 0; margin-top: 0;
    }
    html[data-skin="isekai"] #shop-products .item-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* 内容页保留已有购买/查询行为，统一卡片与文字对齐。 */
html[data-skin="isekai"] .panel,
html[data-skin="isekai"] .pay-card { border-color: var(--line); box-shadow: var(--sh-2); }
html[data-skin="isekai"] .item-card { border-color: var(--line-2); }
html[data-skin="isekai"] .item-card .goods-title { font-weight: 700; }
html[data-skin="isekai"] .page-item #item-panel { box-shadow: var(--sh-2); }
html[data-skin="isekai"] .query-wrap,
html[data-skin="isekai"] .pay-wrap { width: 100%; }
html[data-skin="isekai"] .query-wrap::before,
html[data-skin="isekai"] .pay-wrap::before {
    content: "红豆 · 订单中心"; display: block;
    margin: 8px 0 12px; text-align: center;
    color: var(--accent-ink); font-size: 12px; font-weight: 700; letter-spacing: .13em;
}

@media (max-width: 959px) {
    html[data-skin="isekai"] #shop-products > .panel-body { display: block; }
    html[data-skin="isekai"] #shop-products .cats { display: flex; flex-flow: row wrap; }
    html[data-skin="isekai"] #shop-products .subcats { display: inline-flex; flex-flow: row wrap; }
    html[data-skin="isekai"] #shop-products .item-list { margin-top: 16px; }
}
@media (max-width: 619px) {
    html[data-skin="isekai"] .isekai-hero {
        display: block; min-height: 210px; margin-top: 14px; border-radius: 22px;
    }
    html[data-skin="isekai"] .isekai-hero-copy { position: relative; z-index: 1; padding: 22px 18px; max-width: 78%; }
    html[data-skin="isekai"] .isekai-kicker { margin-bottom: 9px; padding: 4px 9px; font-size: 10px; }
    html[data-skin="isekai"] .isekai-hero h1 { font-size: clamp(22px, 6vw, 29px); }
    html[data-skin="isekai"] .isekai-hero h1 span { display: block; }
    html[data-skin="isekai"] .isekai-hero p { margin: 9px 0 12px; font-size: 11px; line-height: 1.45; }
    html[data-skin="isekai"] .isekai-hero-link { min-height: 34px; padding: 0 12px; font-size: 11px; }
    html[data-skin="isekai"] .isekai-hero img {
        position: absolute; right: -20px; bottom: 0;
        width: 46%; height: 100%; opacity: .8;
        object-position: right bottom;
    }
    html[data-skin="isekai"] #shop-products .item-list { grid-template-columns: 1fr; gap: 10px; }
    html[data-skin="isekai"] #shop-products .item-card {
        display: grid; grid-template-columns: clamp(104px, 31vw, 138px) minmax(0, 1fr);
        min-height: 142px;
    }
    html[data-skin="isekai"] #shop-products .item-thumb {
        height: 100%; min-height: 142px; aspect-ratio: auto;
    }
    html[data-skin="isekai"] #shop-products .item-info { min-width: 0; padding: 10px 11px; gap: 4px; }
    html[data-skin="isekai"] #shop-products .goods-title { font-size: 14px; }
    html[data-skin="isekai"] #shop-products .item-card .price { font-size: 19px; }
    html[data-skin="isekai"] #shop-products .stat-bottom { flex-wrap: wrap; gap: 2px 9px; font-size: 11px; }
    html[data-skin="isekai"] #shop-products .featured-badge { top: 8px; padding: 3px 9px; font-size: 10px; }
}
@media (max-width: 359px) {
    html[data-skin="isekai"] .isekai-hero-copy { max-width: 81%; }
    html[data-skin="isekai"] .isekai-hero img { width: 41%; opacity: .62; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    html[data-skin="isekai"] .panel,
    html[data-skin="isekai"] .pay-card { background: rgba(255,255,255,.96); }
    html[data-skin="isekai"][data-theme="dark"] .panel,
    html[data-skin="isekai"][data-theme="dark"] .pay-card { background: #272943; }
}