/* ====================================================================
 * TLLOS · AURORA 极光主题 —— 明亮清新设计系统 (Bright & Fresh)
 * (c) 2026 TLLOS Design Studio · 晴空白底 × 极光青紫 × 朝霞暖粉
 * 以"明亮清新"为核心: 浅色底、高对比可读文字、柔和极光点缀。
 * 与 TLLOS 浅色基底和谐共生, 不再以暗色强压框架(修复标签字不可读)。
 * ==================================================================== */

:root{
    /* —— 明亮基底 —— */
    --au-bg:#f4f7fb;            /* 晴空微蓝底 */
    --au-bg-soft:#ffffff;       /* 卡片纯白 */
    --au-bg-faint:#eef2f8;      /* 弱底/区块 */
    --au-line:#e3e9f2;          /* 分隔线 */

    /* —— 文字(高对比可读) —— */
    --au-ink:#101828;           /* 主文字 近黑 */
    --au-ink-2:#3b4a5f;         /* 次级文字 */
    --au-mist:#6b7b94;          /* 弱文字 */
    --au-faint:#9aa8bd;         /* 辅助文字 */

    /* —— 极光点缀色(高亮用, 不作整底) —— */
    --au-cyan:#0fb9a8;          /* 松石翠青(主品牌) */
    --au-cyan-2:#15ccb8;
    --au-violet:#6d5ef5;        /* 极光紫 */
    --au-pink:#f6548a;          /* 朝霞粉 */
    --au-blue:#3b82f6;          /* 星蓝 */
    --au-amber:#f0a020;         /* 暖金(价格强调) */

    /* —— 极光渐变(用在按钮/徽标/强调文字) —— */
    --au-grad-brand:linear-gradient(120deg,#0fb9a8 0%,#6d5ef5 60%,#f6548a 100%);
    --au-grad-soft:linear-gradient(120deg,rgba(15,185,168,.12),rgba(109,94,245,.10) 55%,rgba(246,84,138,.10));
    --au-grad-text:linear-gradient(115deg,#0fb9a8 0%,#6d5ef5 50%,#f6548a 100%);

    /* —— 柔和阴影/发光(彩色投影仅用于hover微光) —— */
    --au-glow-cyan:0 6px 22px rgba(15,185,168,.28);
    --au-glow-violet:0 8px 26px rgba(109,94,245,.26);
    --au-card-shadow:0 2px 12px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.04);
    --au-card-shadow-hover:0 14px 34px rgba(16,24,40,.10), 0 4px 10px rgba(15,185,168,.10);

    /* —— 字体 —— */
    --au-font:'Inter','PingFang SC','Microsoft YaHei',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;

    /* —— 圆角/间距 —— */
    --au-r-sm:10px; --au-r-md:16px; --au-r-lg:24px; --au-r-full:999px;
    --au-ease:cubic-bezier(.22,.8,.32,1); --au-dur:.26s;
}

/* ====================================================================
 * 全局基底: 明亮晴空
 * ==================================================================== */
html{scroll-behavior:smooth;}
body{
    background:var(--au-bg)!important;
    color:var(--au-ink)!important;
    font-family:var(--au-font)!important;
    -webkit-font-smoothing:antialiased;
    letter-spacing:.01em;
}
/* 极光柔和光晕背景(固定在视口, 晴空上的淡淡彩云) */
body::before{
    content:"";
    position:fixed;inset:0;z-index:-2;pointer-events:none;
    background:
        radial-gradient(1000px 600px at 12% -8%,rgba(109,94,245,.10),transparent 58%),
        radial-gradient(900px 560px at 92% 4%,rgba(15,185,168,.10),transparent 58%),
        radial-gradient(860px 720px at 50% 112%,rgba(246,84,138,.08),transparent 58%),
        var(--au-bg);
}

/* ---- 文字链接受色(深色可读) ---- */
a{color:inherit!important;text-decoration:none!important;transition:color var(--au-dur) var(--au-ease);}
a:hover{color:var(--au-violet)!important;}
h1,h2,h3,h4,h5{color:var(--au-ink)!important;letter-spacing:-.02em;}
p,li,span,label,td,th,strong,b,em{color:inherit;}

/* ====================================================================
 * 顶部条 / Header / 导航(浅色玻璃)
 * ==================================================================== */
.tllos-topbar,.au-topbar,.header-top,.am-topbar.shop-navigation{
    background:rgba(255,255,255,.86)!important;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--au-line)!important;
    color:var(--au-ink-2)!important;
}
/* 修复20260825: backdrop-filter创建层叠上下文, 顶栏下拉被搜索栏/主导航遮挡 → 提升顶栏层级 */
.header-top {
    position: relative;
    z-index: 2000;
}
.aw-header,.au-header,.tllos-header{
    background:rgba(255,255,255,.92)!important;
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    border-bottom:1px solid var(--au-line)!important;
}
/* logo 渐变字 */
.tllos-logo a,.aw-logo,.au-logo{
    font-weight:800!important;letter-spacing:-.01em!important;
}
.tllos-logo-tll,.tllos-logo-os,.aw-logo-tll,.aw-logo-os{
    background:var(--au-grad-text);-webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent!important;
    font-size:26px;font-weight:800;
}
/* 搜索框(浅色描边, 聚焦极光) */
.tllos-search-input,.au-search-input,.search-bar .search-input,input.search-input{
    background:#fff!important;border:1px solid var(--au-line)!important;
    color:var(--au-ink)!important;border-radius:var(--au-r-full)!important;
    transition:all var(--au-dur) var(--au-ease)!important;
}
.tllos-search-input:focus,.au-search-input:focus,.search-bar .search-input:focus{
    border-color:var(--au-cyan)!important;box-shadow:var(--au-glow-cyan)!important;outline:none;
}
.tllos-search-btn,.au-search-btn,.search-btn,.search-bar .search-btn{
    background:var(--au-grad-brand)!important;color:#fff!important;
    border:none!important;border-radius:var(--au-r-full)!important;font-weight:600!important;
    box-shadow:var(--au-glow-cyan)!important;transition:transform var(--au-dur) var(--au-ease)!important;
}
.tllos-search-btn:hover,.au-search-btn:hover,.search-btn:hover{transform:translateY(-2px);}

/* 导航文字(深色可读) */
.tllos-nav,.au-nav,.shop-navigation .am-topbar-nav,.am-topbar-nav a{
    background:rgba(255,255,255,.7)!important;
    color:var(--au-ink-2)!important;
}
.tllos-nav a,.au-nav a,.shop-navigation a,.top-nav-items a{color:var(--au-ink-2)!important;}
.tllos-nav a:hover,.au-nav a:hover,.shop-navigation a:hover,.top-nav-items a:hover{color:var(--au-violet)!important;}

/* ====================================================================
 * Hero(明亮极光横幅)
 * ==================================================================== */
.au-hero,.tllos-hero{
    background:
        radial-gradient(1000px 560px at 14% 0%,rgba(109,94,245,.24),transparent 62%),
        radial-gradient(900px 520px at 90% 6%,rgba(15,185,168,.24),transparent 62%),
        radial-gradient(860px 600px at 50% 120%,rgba(246,84,138,.18),transparent 62%),
        radial-gradient(1400px 720px at 50% -20%,rgba(109,94,245,.14),transparent 55%),
        #ffffff!important;
    box-shadow:inset 0 -40px 70px -30px rgba(109,94,245,.14);
    border-bottom:1px solid var(--au-line)!important;
}
.au-hero-title,.tllos-hero-title{
    background:var(--au-grad-text);-webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent!important;
    filter:drop-shadow(0 4px 18px rgba(109,94,245,.18));
}
.au-hero-badge,.tllos-hero-badge{
    display:inline-block;padding:6px 16px;border-radius:var(--au-r-full);
    background:rgba(15,185,168,.10);border:1px solid rgba(15,185,168,.35)!important;
    color:var(--au-cyan)!important;font-weight:600!important;letter-spacing:.06em;
}
.au-btn-primary,.tllos-btn-primary,.au-btn-shop{
    background:var(--au-grad-brand)!important;border:none!important;color:#fff!important;
    border-radius:var(--au-r-full)!important;font-weight:700!important;padding:14px 34px!important;
    box-shadow:var(--au-glow-cyan)!important;transition:all var(--au-dur) var(--au-ease)!important;
}
.au-btn-primary:hover,.tllos-btn-primary:hover,.au-btn-shop:hover{transform:translateY(-2px);box-shadow:var(--au-glow-violet)!important;}
.au-btn-ghost,.tllos-btn-ghost,.au-btn-exp{
    background:#fff!important;border:1px solid var(--au-line)!important;color:var(--au-ink)!important;
    border-radius:var(--au-r-full)!important;font-weight:600!important;
}
.au-btn-exp:hover{border-color:var(--au-cyan);color:var(--au-cyan);}

/* ====================================================================
 * 商品卡片(纯白卡片 + 柔和阴影 + 极光描边hover)
 * ==================================================================== */
.au-gcard,.aw-gcard,.tllos-goods-grid .goods-item,.home-goods-gallery .goods-item,li.goods-item,.goods-item{
    background:#ffffff!important;
    border:1px solid var(--au-line)!important;
    border-radius:var(--au-r-md)!important;
    box-shadow:var(--au-card-shadow)!important;
    overflow:hidden!important;
    transition:transform var(--au-dur) var(--au-ease),box-shadow var(--au-dur) var(--au-ease),border-color var(--au-dur)!important;
}
.au-gcard:hover,.aw-gcard:hover,.tllos-goods-grid .goods-item:hover,li.goods-item:hover{
    transform:translateY(-6px)!important;
    border-color:rgba(15,185,168,.45)!important;
    box-shadow:var(--au-card-shadow-hover)!important;
}
.au-gcard-thumb,.goods-item .goods-img{background:var(--au-bg-faint)!important;}
.au-gcard img,.aw-gcard img,.goods-item img{transition:transform .5s var(--au-ease)!important;}
.au-gcard:hover img,.goods-item:hover img{transform:scale(1.05)!important;}
/* 商品标题(深色可读) */
.au-gcard-title,.goods-item .goods-title,.goods-detail-title,li.goods-item .goods-detail-title{
    color:var(--au-ink)!important;font-weight:600!important;
}
/* 价格(暖金强调) */
.au-gcard-price,.goods-item .goods-price,.price,.goods-price,.au-price{
    color:var(--au-amber)!important;font-weight:800!important;
}
.au-gcard-price i,.goods-item .price-money,.goods-price em,.au-price em{color:#e08b13!important;font-style:normal;}
/* 原价划线 */
.au-gcard-original,.goods-item .original-price,.original-price,.au-price-old{color:var(--au-faint)!important;}

/* ====================================================================
 * 楼层/区块标题(极光渐变描边文字)
 * ==================================================================== */
.au-floor-title,.tllos-floor-title,.index-floor-title{
    font-weight:800!important;
    background:var(--au-grad-text);-webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent!important;
}
.au-pill{
    display:inline-block;padding:4px 14px;border-radius:var(--au-r-full);
    background:rgba(109,94,245,.10);border:1px solid rgba(109,94,245,.35)!important;
    color:var(--au-violet)!important;font-weight:600;font-size:12px;letter-spacing:.04em;
}

/* ====================================================================
 * 按钮 / 输入框 / 表单(浅色可读)
 * ==================================================================== */
.am-btn{border-radius:var(--au-r-full)!important;border:none!important;}
.am-btn-primary{background:var(--au-grad-brand)!important;box-shadow:var(--au-glow-cyan)!important;}
.am-btn-default{background:#fff!important;border:1px solid var(--au-line)!important;color:var(--au-ink)!important;}
input,textarea,select{
    background:#fff!important;border:1px solid var(--au-line)!important;
    color:var(--au-ink)!important;border-radius:var(--au-r-sm)!important;
}
input::placeholder,textarea::placeholder{color:var(--au-faint)!important;}

/* 通用面板/列表(浅色) */
.top-nav-left-content,.panel,.panel-common,.am-panel,.base-panel,.items-panel,
.data-list,.table-list,.am-table{
    background:#fff!important;
}
/* 标签/徽标文字必须可读 */
.am-badge{color:#fff!important;}
.am-badge-secondary{background:var(--au-violet)!important;}
.am-badge-success{background:var(--au-cyan)!important;}

/* ====================================================================
 * 底部(浅色)
 * ==================================================================== */
.au-footer,.aw-footer,.footer,.am-footer,body-content-footer-container{
    background:#ffffff!important;border-top:1px solid var(--au-line)!important;
}
.au-footer a,.footer a,.am-footer a{color:var(--au-mist)!important;}
.au-footer a:hover,.footer a:hover{color:var(--au-violet)!important;}

/* ====================================================================
 * 三语/币种切换器(浅色)
 * ==================================================================== */
.au-langswitch{
    position:fixed;top:46px;right:96px;z-index:1001;
    display:inline-flex;align-items:center;gap:4px;
    font-size:13px;cursor:pointer;
    background:#fff!important;border:1px solid var(--au-line)!important;
    border-radius:var(--au-r-full);padding:6px 14px;
    color:var(--au-ink);box-shadow:var(--au-card-shadow);
    transition:border-color var(--au-dur),box-shadow var(--au-dur);
}
.au-langswitch:hover{border-color:rgba(15,185,168,.5);box-shadow:var(--au-glow-cyan);}
.au-lang-cur{color:var(--au-ink-2);}
.au-lang-cur b{color:var(--au-ink);font-weight:600;}
.au-lang-menu{
    position:absolute;top:calc(100% + 8px);right:0;min-width:210px;
    background:#fff!important;border:1px solid var(--au-line)!important;
    border-radius:var(--au-r-md);box-shadow:var(--au-card-shadow-hover);
    padding:10px;opacity:0;visibility:hidden;transform:translateY(-6px);
    transition:all var(--au-dur) var(--au-ease);z-index:99;
}
.au-langswitch.open .au-lang-menu{opacity:1;visibility:visible;transform:none;}
.au-lang-group{border-bottom:1px solid var(--au-line);padding:6px 2px;}
.au-lang-group:last-child{border-bottom:0;}
.au-lang-gt{display:block;font-size:11px;letter-spacing:.1em;color:var(--au-faint);padding:2px 6px 6px;}
.au-lang-menu a{display:block;padding:7px 10px;font-size:13px;color:var(--au-ink-2);border-radius:8px;transition:background .18s;}
.au-lang-menu a:hover{background:rgba(15,185,168,.10);color:var(--au-cyan);}
.au-lang-menu a.active{background:var(--au-grad-brand);color:#fff!important;font-weight:600;}
@media(max-width:768px){
    .au-langswitch{right:52px;top:44px;padding:5px 10px;font-size:12px;}
    .au-lang-menu{min-width:180px;position:fixed;right:12px;top:auto;}
}
@media(max-width:520px){.au-langswitch{display:none;}}  /* ★手机端隐藏语言浮层: 与顶部条“简体中文”下拉重复且遮挡操作区按钮(我的商城/简体中文) */
@media(min-width:521px){.au-langswitch{position:fixed;top:46px;right:96px;}}