/* Shared internal-page skin. The public homepage intentionally does not load this file. */
:root{--shared-pink:#e85596;--shared-pink-dark:#d54888;--shared-purple:#9558b8;--shared-action-soft:rgba(255,247,251,.92);--shared-action-line:#ecc7d9}
html{min-height:100%;background:#f7f7fa}
body{min-height:100vh;background:#f7f7fa!important;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url("https://www.loliapi.com/acg/") center/cover no-repeat;opacity:.3}
body>*{position:relative;z-index:1}

/* Make the image genuinely visible in the user center. */
.center-page,.center-page .app-shell{background:transparent!important}
.center-page .app-top{background:rgba(255,255,255,.78)!important}
.center-page .app-shell aside{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.center-page .dashboard{background:transparent!important}
.center-page .stats article,.center-page .mine-panel,.center-page .panel,.center-page .security-grid article{background:rgba(255,255,255,.78)!important;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.center-page .mine-grid>a{background:rgba(255,255,255,.7)!important}

/* Authentication surfaces. */
.auth-page{background:transparent!important}
.auth-brand{background:linear-gradient(145deg,rgba(53,32,48,.82),rgba(73,42,63,.74))!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.auth-box{background:rgba(255,255,255,.82)!important;color:#332d34!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.auth-box .form-head h2,.auth-box .form-wrap label{color:#413941}.auth-box .form-head p,.auth-box .register,.auth-box .compat{color:#847a83}.auth-box .auth-tabs a.on{color:#413941}.auth-box .form-wrap input{color:#413941;background:rgba(255,255,255,.74)}

/* General internal-page surfaces. */
header{background-color:rgba(255,255,255,.76)!important;-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}
.hero,.content>aside,.grid article,.product-head,.head-visual,.configure aside,.layout article,.layout aside,.confirm-card,.empty{background-color:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* Match the established user-center palette: subtle secondary actions, gradient only for primary actions. */
.buy>a,.empty a{color:var(--shared-pink-dark)!important;border:1px solid var(--shared-action-line)!important;background:var(--shared-action-soft)!important;box-shadow:none!important;transition:color .18s,background .18s,border-color .18s,transform .18s}
.buy>a:hover,.empty a:hover{color:#fff!important;border-color:var(--shared-pink)!important;background:var(--shared-pink)!important;transform:translateY(-1px)}
nav .primary{color:var(--shared-pink-dark)!important;border:1px solid var(--shared-action-line)!important;background:rgba(255,250,252,.86)!important;box-shadow:none!important;transition:color .18s,background .18s,border-color .18s}
nav .primary:hover{color:#c93f7d!important;border-color:#e9b4cd!important;background:#fff2f7!important}
.configure aside button,.not-found a,.checkout:not(.disabled),.submit,.code-row button,.center-page .welcome>a{color:#fff!important;border:0!important;background:linear-gradient(135deg,var(--shared-pink),var(--shared-purple))!important;box-shadow:0 7px 18px rgba(207,77,144,.14)!important;transition:filter .18s,box-shadow .18s,transform .18s}
.configure aside button:hover,.not-found a:hover,.checkout:not(.disabled):hover,.submit:hover,.code-row button:hover,.center-page .welcome>a:hover{filter:saturate(.92) brightness(.97);box-shadow:0 9px 22px rgba(207,77,144,.18)!important;transform:translateY(-1px)}
.first-tabs a.on{color:var(--shared-pink-dark)!important;border:1px solid var(--shared-action-line);background:var(--shared-action-soft)!important;box-shadow:none!important}
.center-page .app-shell nav a.active,.center-page .app-shell nav a.shop-entry{color:var(--shared-pink-dark)!important;background:rgba(255,243,248,.8)!important}
.center-page .app-shell nav a.active i,.center-page .app-shell nav a.shop-entry i,.purchase-banner i,.top-avatar{background:linear-gradient(145deg,var(--shared-pink),var(--shared-purple))!important}
.purchase-banner{background:rgba(255,248,252,.76)!important}

/* Cart and checkout light translucent surfaces. */
body:has(.layout){color:#332d34!important}
body:has(.layout) nav{color:#756c75}body:has(.layout) .steps{color:#968b94}body:has(.layout) .title p,body:has(.layout) .info p,body:has(.layout) .hint{color:#817781!important}
body:has(.layout) .layout article,body:has(.layout) .layout aside,body:has(.layout) .confirm-card{color:#332d34;border-color:rgba(226,217,224,.9);background:rgba(255,255,255,.82)!important}
body:has(.layout) .tags span{color:#746a73;background:#f6f1f4}body:has(.layout) .qty-form input{color:#403840;border-color:#ddd2da;background:#fff}body:has(.layout) .item-price button{color:#8a6879}

@media(max-width:620px){body::before{opacity:.3}.auth-brand{background:rgba(255,255,255,.7)!important;color:#332d34!important}.auth-box{background:rgba(255,255,255,.86)!important}.center-page .app-shell aside{background:rgba(247,247,250,.68)!important}.center-page .stats article,.center-page .mine-panel,.center-page .panel,.center-page .security-grid article{background:rgba(255,255,255,.82)!important}}