/* Page styles extracted from index.html. Keep after common.css and ui.css. */

        .search-bar{position:relative;overflow:visible;}
        .home-search-suggest{position:absolute;left:0;right:0;top:calc(100% + 7px);display:none;background:#fff;border-radius:16px;box-shadow:0 14px 34px rgba(25,25,25,.13);border:1px solid rgba(255,93,103,.08);overflow:hidden;z-index:40;}
        .home-search-suggest-item{display:flex;align-items:center;gap:10px;padding:9px 10px;text-decoration:none;color:#27242a;border-bottom:1px solid #f6f3f5;box-sizing:border-box;}
        .home-search-suggest-item:last-child{border-bottom:0;}
        .home-search-suggest-thumb{width:38px;height:38px;border-radius:10px;background:#f6f3f5;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#ff5d67;font-size:15px;font-weight:700;flex:0 0 auto;}
        .home-search-suggest-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
        .home-search-suggest-name{font-size:12px;line-height:38px;color:#262329;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .home-search-suggest-name em{font-style:normal;color:#ff2f6d;background:rgba(255,47,109,.08);border-radius:3px;padding:0 1px;}

        #brandRail .section-title-row p,
        #todayBlock .section-title-row p,
        #storyBlock .section-title-row p,
        #newUserBenefitText,
        #feedSubTitle,
        #filterChips{display:none!important;}

/* ===== V12.107 首页视觉统一：玫红轻盈卡片体系 ===== */
:root{
    --home-brand:var(--color-brand,#f10180);
    --home-brand-2:var(--color-brand-2,#ff4fa3);
    --home-brand-soft:var(--color-brand-soft,#fff3f8);
    --home-bg:#f7f8fa;
    --home-card:#fff;
    --home-text:#151515;
    --home-muted:#999;
    --home-line:rgba(241,1,128,.08);
    --home-shadow:0 8px 24px rgba(0,0,0,.04);
}
body[data-page="home"]{
    color:var(--home-text);
    background:linear-gradient(180deg,#fff7fb 0,#f7f8fa 240px,#f7f8fa 100%)!important;
}
body[data-page="home"] .app{
    background:transparent!important;
}
body[data-page="home"] .home-head{
    background:linear-gradient(180deg,rgba(255,247,251,.98),rgba(255,247,251,.86))!important;
    border-bottom:1px solid rgba(241,1,128,.05);
}
body[data-page="home"] .brand-logo,
body[data-page="home"] .quick-nav span,
body[data-page="home"] .coupon-batch-btn,
body[data-page="home"] .coupon-action,
body[data-page="home"] .primary-btn,
body[data-page="home"] .coupon-icon{
    background:linear-gradient(135deg,var(--home-brand),var(--home-brand-2))!important;
    box-shadow:0 8px 18px rgba(241,1,128,.18)!important;
}
body[data-page="home"] .primary-btn{
    color:#fff!important;
}
body[data-page="home"] .icon-btn,
body[data-page="home"] .search-hot,
body[data-page="home"] .section-title-row a,
body[data-page="home"] .layout-toggle,
body[data-page="home"] .load-more:not(.is-done),
body[data-page="home"] .fav-mini.is-fav span,
body[data-page="home"] .fav-mini.is-fav em,
body[data-page="home"] .topic-page-head a{
    color:var(--home-brand)!important;
}
body[data-page="home"] .section-block,
body[data-page="home"] .story-card,
body[data-page="home"] .product-card,
body[data-page="home"] .brand-rail,
body[data-page="home"] .quick-nav a,
body[data-page="home"] .search-card,
body[data-page="home"] .home-search-suggest{
    background:rgba(255,255,255,.96)!important;
    border:1px solid var(--home-line)!important;
    box-shadow:var(--home-shadow)!important;
}
body[data-page="home"] .section-block,
body[data-page="home"] .brand-rail{
    border-radius:20px!important;
}
body[data-page="home"] .search-card{
    height:40px!important;
    box-shadow:0 6px 18px rgba(0,0,0,.035)!important;
}
body[data-page="home"] .hero-card{
    border-radius:24px!important;
    box-shadow:0 16px 34px rgba(241,1,128,.12)!important;
    background:linear-gradient(135deg,#251720 0%,#623143 52%,var(--home-brand-2) 100%)!important;
}
body[data-page="home"] .hero-card.has-real-banner{
    background-image:linear-gradient(90deg,rgba(26,18,24,.70),rgba(26,18,24,.22)),var(--hero-image)!important;
}
body[data-page="home"] .section-title-row h2,
body[data-page="home"] .feed-title h2,
body[data-page="home"] .compact-title strong,
body[data-page="home"] .coupon-copy h2{
    color:var(--home-text)!important;
    font-weight:700!important;
    letter-spacing:-.02em!important;
}
body[data-page="home"] .section-title-row p,
body[data-page="home"] .feed-title span,
body[data-page="home"] .brand-pill strong,
body[data-page="home"] .story-goods-name{
    color:var(--home-muted)!important;
}
body[data-page="home"] .product-card{
    overflow:hidden!important;
    transition:transform .16s ease, box-shadow .16s ease;
}
body[data-page="home"] .product-card:active{
    transform:scale(.985);
}
body[data-page="home"] .product-img,
body[data-page="home"] .feature-img,
body[data-page="home"] .mini-img,
body[data-page="home"] .story-img{
    background:#f8f5f7!important;
}
body[data-page="home"] .price,
body[data-page="home"] .feature-info strong,
body[data-page="home"] .feature-side strong,
body[data-page="home"] .coupon-card strong,
body[data-page="home"] .story-order-count{
    color:var(--home-brand)!important;
    font-variant-numeric:tabular-nums;
    letter-spacing:-.03em;
}
body[data-page="home"] .product-name{
    color:#262329!important;
    font-weight:500!important;
}
body[data-page="home"] .topic-dot.active,
body[data-page="home"] .brand-dot.active{
    background:linear-gradient(90deg,var(--home-brand),var(--home-brand-2))!important;
    box-shadow:0 3px 8px rgba(241,1,128,.18)!important;
}
body[data-page="home"] .coupon-block{
    background:linear-gradient(135deg,#fff 0%,#fff8fb 52%,#fff 100%)!important;
    color:var(--home-text)!important;
    border-color:var(--home-line)!important;
}
body[data-page="home"] .coupon-card,
body[data-page="home"] .story-card{
    border-color:var(--home-line)!important;
}
body[data-page="home"] .coupon-card.received .coupon-icon{
    background:#eadce5!important;
    color:#9e7288!important;
    box-shadow:none!important;
}
body[data-page="home"] .fav-mini.is-fav span,
body[data-page="home"] .fav-mini.is-fav em{
    color:var(--home-brand)!important;
}
body[data-page="home"] .home-search-suggest-name em{
    color:var(--home-brand)!important;
    background:rgba(241,1,128,.08)!important;
}
@media (max-width:360px){
    body[data-page="home"] .section-block{border-radius:18px!important;}
    body[data-page="home"] .hero-card{border-radius:22px!important;}
}

/* ===== V12.113：首页 heroCard 精修：美妆信任入口，不改首页整体结构 ===== */
body[data-page="home"] .hero-card.hero-beauty-card{
    min-height:198px!important;
    margin-top:8px!important;
    padding:21px 17px 16px!important;
    border-radius:25px!important;
    background:
        radial-gradient(circle at 88% 12%,rgba(255,255,255,.30) 0,rgba(255,255,255,0) 34%),
        radial-gradient(circle at 78% 86%,rgba(255,232,244,.24) 0,rgba(255,232,244,0) 38%),
        linear-gradient(135deg,#2c1825 0%,#7c3156 50%,#f10180 100%)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 16px 34px rgba(241,1,128,.16)!important;
    isolation:isolate;
}
body[data-page="home"] .hero-card.hero-beauty-card:before{
    content:'';
    position:absolute;
    left:-44px;
    top:-58px;
    width:142px;
    height:142px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    pointer-events:none;
}
body[data-page="home"] .hero-card.hero-beauty-card:after{
    width:205px!important;
    height:205px!important;
    right:-62px!important;
    bottom:-78px!important;
    background:rgba(255,255,255,.13)!important;
}
body[data-page="home"] .hero-card.hero-beauty-card .hero-copy{
    width:68%!important;
    max-width:310px;
}
body[data-page="home"] .hero-card.hero-beauty-card .eyebrow{
    display:inline-flex;
    align-items:center;
    height:20px;
    padding:0 8px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    color:rgba(255,255,255,.88);
    font-size:10px;
    font-weight:700;
    letter-spacing:1.1px;
}
body[data-page="home"] .hero-card.hero-beauty-card .hero-copy h1{
    margin:10px 0 7px!important;
    font-size:25px!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:-.04em!important;
    text-shadow:0 2px 12px rgba(81,18,50,.14);
}
body[data-page="home"] .hero-card.hero-beauty-card .hero-copy p{
    margin:0!important;
    color:rgba(255,255,255,.82)!important;
    font-size:12px!important;
    line-height:1.5!important;
}
body[data-page="home"] .hero-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
    max-width:260px;
}
body[data-page="home"] .hero-tags span{
    height:22px;
    padding:0 8px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.18);
    color:rgba(255,255,255,.88);
    font-size:10px;
    font-weight:600;
    white-space:nowrap;
}
body[data-page="home"] .hero-actions{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:13px;
}
body[data-page="home"] .hero-card.hero-beauty-card .primary-btn.hero-primary-btn{
    margin-top:0!important;
    min-width:86px;
    height:34px!important;
    padding:0 15px!important;
    color:#f10180!important;
    background:#fff!important;
    box-shadow:0 10px 20px rgba(88,18,52,.18)!important;
}
body[data-page="home"] .hero-ghost-btn{
    height:34px;
    padding:0 13px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.32);
    color:#fff;
    background:rgba(255,255,255,.10);
    font-size:12px;
    font-weight:700;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
body[data-page="home"] .hero-beauty-art{
    right:12px!important;
    bottom:12px!important;
    width:138px!important;
    height:142px!important;
}
body[data-page="home"] .hero-trust-card{
    position:absolute;
    right:2px;
    top:2px;
    z-index:2;
    width:76px;
    padding:8px 7px 7px;
    border-radius:16px;
    background:rgba(255,255,255,.88);
    color:#7d2455;
    text-align:center;
    box-shadow:0 12px 24px rgba(72,22,48,.16);
    transform:rotate(4deg);
}
body[data-page="home"] .hero-trust-card strong{
    display:block;
    font-size:17px;
    line-height:1;
    letter-spacing:-.04em;
    color:#f10180;
}
body[data-page="home"] .hero-trust-card span{
    display:block;
    margin-top:4px;
    font-size:10px;
    font-weight:700;
    white-space:nowrap;
}
body[data-page="home"] .hero-card.hero-beauty-card .bottle-a{
    right:22px!important;
    width:53px!important;
    height:98px!important;
    background:linear-gradient(180deg,#fff,#ffe2ef)!important;
}
body[data-page="home"] .hero-card.hero-beauty-card .bottle-b{
    left:18px!important;
    width:46px!important;
    height:82px!important;
    background:linear-gradient(180deg,#fff3cb,#ffb2cc)!important;
}
body[data-page="home"] .hero-card.hero-beauty-card.has-real-banner .hero-tags,
body[data-page="home"] .hero-card.hero-beauty-card.has-real-banner .hero-actions{
    position:relative;
    z-index:3;
}
body[data-page="home"] .hero-card.hero-beauty-card.has-real-banner{
    background-image:linear-gradient(90deg,rgba(35,17,30,.78),rgba(35,17,30,.30)),var(--hero-image)!important;
}
@media (max-width:380px){
    body[data-page="home"] .hero-card.hero-beauty-card .hero-copy{width:70%!important;}
    body[data-page="home"] .hero-tags span:nth-child(3){display:none;}
    body[data-page="home"] .hero-ghost-btn{padding:0 10px;}
    body[data-page="home"] .hero-trust-card{width:70px;}
}
@media (max-width:340px){
    body[data-page="home"] .hero-card.hero-beauty-card .hero-copy{width:72%!important;}
    body[data-page="home"] .hero-card.hero-beauty-card .hero-copy h1{font-size:23px!important;}
    body[data-page="home"] .hero-tags{display:none;}
    body[data-page="home"] .hero-beauty-art{opacity:.82;right:6px!important;}
}

/* V12.114: 后台链接广告可以上传首页快捷入口图标 */
body[data-page="home"] .quick-nav span img{
    width:22px!important;
    height:22px!important;
    display:block!important;
    object-fit:contain!important;
}