/* v38 · 入口页的异次元琉璃布局；旧入口由 style.css 继续负责。 */
html[data-skin="isekai"] {
    --paper: #F6F3FF;
    --surface: rgba(255,255,255,.80);
    --surface-2: rgba(255,255,255,.64);
    --ink: #27263C;
    --ink-2: #625E79;
    --ink-3: #85819E;
    --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,.14);
    --grad-cta: linear-gradient(110deg,#D95798,#806FDE);
    --sh-1: 0 3px 14px rgba(68,47,116,.08);
    --sh-2: 0 12px 34px rgba(68,47,116,.13);
}
html[data-skin="isekai"][data-theme="dark"] {
    --paper: #111222;
    --surface: rgba(31,32,56,.86);
    --surface-2: rgba(40,41,69,.70);
    --ink: #F5F0FF;
    --ink-2: #C6BFDD;
    --ink-3: #A29BBE;
    --line: rgba(201,190,255,.16);
    --line-2: rgba(201,190,255,.23);
    --accent-ink: #FF9AC9;
}
html[data-skin="isekai"] body {
    background-color: var(--paper);
    background-image: radial-gradient(circle at 6% 4%,rgba(255,193,225,.36),transparent 46%),
                      radial-gradient(circle at 96% 15%,rgba(148,131,240,.28),transparent 50%),
                      radial-gradient(circle at 52% 100%,rgba(115,208,231,.22),transparent 60%);
}
html[data-skin="isekai"][data-theme="dark"] body {
    background-image: radial-gradient(circle at 8% 5%,rgba(126,61,128,.32),transparent 48%),
                      radial-gradient(circle at 95% 14%,rgba(85,72,159,.30),transparent 52%);
}
html[data-skin="isekai"] .container { max-width: 1180px; align-items: stretch; padding: 30px 20px 36px; }
html[data-skin="isekai"] .hero {
    position: relative; isolation: isolate; overflow: hidden;
    align-items: flex-start; justify-content: center; text-align: left;
    width: 100%; min-height: 350px; padding: 45px 45% 45px 6%;
    border: 1px solid var(--line); border-radius: 30px;
    background: linear-gradient(115deg,rgba(255,247,253,.97),rgba(239,232,255,.87) 60%,rgba(207,224,255,.77));
    box-shadow: var(--sh-2),inset 0 1px 0 rgba(255,255,255,.85);
}
html[data-skin="isekai"][data-theme="dark"] .hero {
    background: linear-gradient(115deg,#292039,#2C2A50 60%,#273C62);
}
html[data-skin="isekai"] .hero::after {
    content: ""; position: absolute; z-index: -1;
    right: 4%; bottom: -24px; width: 42%; height: 390px;
    background: url('/shop/assets/uploads/isekai-guide-v1.png') center bottom / contain no-repeat;
    filter: drop-shadow(0 16px 25px rgba(72,33,95,.18));
    pointer-events: none;
}
html[data-skin="isekai"] .hero-mascot { display: none; }
html[data-skin="isekai"] .site-title {
    font-size: clamp(36px,4vw,54px); letter-spacing: -.04em;
    background: var(--grad-cta); background-clip: text; -webkit-background-clip: text;
    color: transparent;
}
html[data-skin="isekai"] .site-subtitle { max-width: 26em; margin-top: 13px; font-size: 16px; color: var(--ink-2); }
html[data-skin="isekai"] .trust-row { justify-content: flex-start; margin: 20px 0 0; }
html[data-skin="isekai"] .trust-chip { border-color: var(--line-2); }
html[data-skin="isekai"] .promo-banner { margin-top: 16px; padding: 14px 18px; border-color: var(--line-2); }
html[data-skin="isekai"] .links-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
html[data-skin="isekai"] .link-card { min-height: 154px; padding: 19px; border-color: var(--line-2); }
html[data-skin="isekai"] .link-title { font-size: 17px; }

@media (max-width: 900px) {
    html[data-skin="isekai"] .hero { padding-right: 38%; }
    html[data-skin="isekai"] .hero::after { right: 0; width: 46%; }
    html[data-skin="isekai"] .links-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
    html[data-skin="isekai"] .container { padding: 16px 14px 24px; }
    html[data-skin="isekai"] .hero { min-height: 210px; padding: 25px 20px; border-radius: 22px; }
    html[data-skin="isekai"] .hero::after { right: -24px; bottom: -8px; width: 48%; height: 235px; opacity: .62; }
    html[data-skin="isekai"] .site-title { font-size: clamp(27px,7vw,34px); }
    html[data-skin="isekai"] .site-subtitle { max-width: 70%; font-size: 12px; line-height: 1.5; }
    html[data-skin="isekai"] .trust-row { max-width: 100%; justify-content: flex-start; margin-top: 14px; margin-bottom: 0; }
    html[data-skin="isekai"] .trust-chip { font-size: 10px; padding: 4px 7px; }
    html[data-skin="isekai"] .promo-banner { margin-top: 12px; }
    html[data-skin="isekai"] .links-grid { gap: 9px; }
    html[data-skin="isekai"] .link-card { min-height: 135px; padding: 13px 9px; }
    html[data-skin="isekai"] .link-title { font-size: 14px; }
}
@media (max-width: 359px) {
    html[data-skin="isekai"] .hero::after { opacity: .36; }
    html[data-skin="isekai"] .site-subtitle { max-width: 82%; }
    html[data-skin="isekai"] .trust-chip { font-size: 9.5px; padding: 3px 6px; }
}