/* Theme: 修了么 */
:root{--p:#202935;--pl:#2c3e50;--a:#007bff;--bg:#f3f5f7;--w:#fff;--t:#525252;--tl:#8a8a8a;--m:#8a8a8a;--b:#e5e5e5;--r:8px;--s:0 2px 12px rgba(0,0,0,0.06);--dark:#202935;--dark-light:#2c3e50;--primary:#007bff;--white:#fff;--text:#525252;--text-light:#8a8a8a;--muted:#8a8a8a;--border:#e5e5e5;--radius:8px;--shadow:0 2px 12px rgba(0,0,0,0.06)}
*,::before,::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:-apple-system,"Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}ul,ol{list-style:none}select{appearance:none;-webkit-appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;background:var(--primary);color:#fff;border-radius:6px;font-weight:600;border:none;cursor:pointer;font-size:.95rem;transition:all .2s}
.btn:hover{opacity:.9}
.section{padding:60px 0}.bg-light{background:var(--white)}
.section-title{font-size:1.5rem;color:var(--dark);text-align:center;margin-bottom:6px}
.section-sub{text-align:center;color:var(--muted);margin-bottom:24px;font-size:.9rem}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:24px}
.card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;display:block}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.1)}
.card-img{height:180px;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}
.card-body{padding:14px}.card-body h3{font-size:1rem;margin-bottom:4px;color:var(--dark)}.card-body p{font-size:.85rem;color:var(--text-light)}
.price{color:#e65100;font-weight:700;font-size:1.1rem}

/* Header */
.site-header{background:var(--white);box-shadow:0 1px 4px rgba(0,0,0,0.06);position:sticky;top:0;z-index:50;height:64px}
.header-row{display:flex;align-items:center;height:100%;gap:20px;justify-content:space-between}
.logo{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;color:var(--dark);flex-shrink:0;white-space:nowrap}.logo i{color:var(--primary);font-size:1.3rem}
.logo img{max-height:42px;width:auto;display:block}
.main-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:flex-start;padding-left:20px}
.main-nav a{display:block;padding:8px 16px;font-size:.9rem;color:var(--text);border-radius:4px;white-space:nowrap;transition:all .15s}
.main-nav a:hover,.main-nav a.active{color:var(--primary);background:#f8f8f8}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
/* Search button */
.header-search-btn{width:38px;height:38px;border-radius:50%;border:none;background:#f5f5f5;color:var(--dark);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}
.header-search-btn:hover{background:var(--primary);color:#fff}
.header-msg-bell{position:relative;font-size:1.2rem;color:var(--dark);margin-right:4px;display:flex;align-items:center}.header-msg-bell:hover{color:var(--a)}.msg-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;border-radius:9px;background:#e53935;color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}
.msg-reply-form{margin-top:10px;padding-top:10px;border-top:1px dashed #e0e0e0}.msg-reply-form textarea{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:.82rem;resize:vertical;min-height:50px;font-family:inherit}.msg-reply-form button{margin-top:6px;padding:5px 16px;background:var(--a);color:#fff;border:none;border-radius:5px;font-size:.8rem;cursor:pointer}.msg-reply-done{margin-top:8px;padding:8px 12px;background:#e8f5e9;border-radius:6px;font-size:.82rem;color:#2e7d32}
/* Search overlay */
.search-overlay{position:fixed;inset:0;z-index:200;display:flex;justify-content:center;padding-top:120px;opacity:0;pointer-events:none;transition:opacity .25s}
.search-overlay.open{opacity:1;pointer-events:auto}
.search-overlay-bg{position:absolute;inset:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(2px)}
.search-overlay-box{position:relative;width:90%;max-width:560px;height:fit-content;z-index:1}
.search-overlay-form{display:flex;align-items:center;background:var(--white);border-radius:12px;padding:6px 6px 6px 20px;box-shadow:0 8px 40px rgba(0,0,0,0.15);gap:10px}
.search-overlay-form i{color:var(--muted);font-size:1.1rem}
.search-overlay-form input{flex:1;padding:12px 0;border:none;background:transparent;font-size:1.05rem;outline:none;color:var(--text)}
.search-overlay-form input::placeholder{color:#bbb}
.search-overlay-close{width:32px;height:32px;border-radius:50%;border:none;background:#f0f0f0;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .15s}
.search-overlay-close:hover{background:#e0e0e0;color:var(--text)}
.search-hot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding:0 8px}
.search-hot span{color:rgba(255,255,255,0.7);font-size:.82rem}
.search-hot a{padding:5px 14px;background:rgba(255,255,255,0.15);color:#fff;border-radius:16px;font-size:.82rem;transition:all .15s}
.search-hot a:hover{background:rgba(255,255,255,0.3)}
.hotline{text-align:right;white-space:nowrap;line-height:1.2}.hotline-label{display:block;font-size:.65rem;font-weight:500;letter-spacing:1px}.hotline-num{font-weight:700;color:var(--dark);font-size:.95rem}
.ct-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--dark);font-size:.95rem;font-weight:700;white-space:nowrap;text-decoration:none;transition:color .15s;text-align:right}.ct-info:hover{color:var(--primary)}.ct-info i{font-size:1.05rem;color:var(--primary);margin-right:2px}.ct-desc{font-size:.65rem;font-weight:500;color:var(--muted);letter-spacing:1px;line-height:1.2}
.btn-login{padding:6px 16px;border:1px solid var(--primary);color:var(--primary);border-radius:20px;font-size:.85rem;white-space:nowrap;transition:all .15s}.btn-login:hover{background:var(--primary);color:#fff}
.btn-user{font-size:1.3rem;color:var(--dark)}
.mobile-menu-btn{display:none;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;justify-content:center;gap:5px;position:relative;z-index:51}
.mobile-menu-btn span{display:block;width:100%;height:2px;background:var(--dark);border-radius:2px;transition:all .3s}
.mobile-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-btn.open span:nth-child(2){opacity:0}
.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* 移动端导航内嵌用户区 */
.mobile-nav-user{display:none;border-top:1px solid rgba(0,0,0,0.06);margin-top:8px;padding-top:8px}
.mobile-nav-user a{display:flex!important;align-items:center;gap:10px;padding:12px 16px!important;font-size:.88rem!important;color:var(--text)!important;border-bottom:1px solid #f8f8f8;border-radius:0!important}
.mobile-nav-user a:hover,.mobile-nav-user a.active{background:#fafafa!important}
.mobile-nav-user a i{width:18px;text-align:center;color:var(--primary)}
.nav-phone{color:var(--primary)!important;font-weight:600}

/* Hero */
.hero{position:relative;height:480px;overflow:hidden;background:var(--dark)}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s;z-index:0}
.hero-slide.active{opacity:1;z-index:1}
.hero-slide.active .hero-bg{animation:kenBurns 8s ease forwards}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.6}
@keyframes kenBurns{from{transform:scale(1)}to{transform:scale(1.08)}}
.hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:100px 40px 0;color:#fff}
.hero-content.align-left{text-align:left;margin-left:0;padding-left:80px}
.hero-content.align-center{text-align:center;margin:0 auto}
.hero-content.align-right{text-align:right;margin-right:0;padding-right:80px}
.hero-content h1{font-size:2.5rem;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,0.3)}
.hero-content p{font-size:1.15rem;margin-bottom:24px;opacity:.9}
.hero-content .btn{padding:14px 36px;font-size:1.1rem;background:var(--primary);display:inline-flex}

/* 文字从下向上渐显动画 */
.hero-slide.active .hero-text{opacity:1;transform:translateY(0)}
.hero-text{opacity:0;transform:translateY(30px);transition:opacity .6s,transform .6s}
.hero-text.animate{opacity:1;transform:translateY(0)}

/* 左右滑动特效 */
.hero-slide.slide-out{opacity:0;transform:translateX(-100%);transition:transform .6s ease-in,opacity .6s}
.hero-slide.slide-in{opacity:1;transform:translateX(0);animation:slideIn .6s ease-out}
@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}

/* 左右翻页特效 */
.hero-slide.flip-out{opacity:0;transform:rotateY(-90deg);transition:transform .6s ease-in,opacity .4s}
.hero-slide.flip-in{opacity:1;animation:flipIn .6s ease-out}
@keyframes flipIn{from{transform:rotateY(90deg)}to{transform:rotateY(0)}}

/* 切换箭头 */
.hero-arrow{position:absolute;top:50%;z-index:10;width:40px;height:40px;background:none;border:none;color:rgba(255,255,255,0.7);font-size:1.6rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;margin-top:-20px;outline:none;text-shadow:0 1px 4px rgba(0,0,0,0.3)}
.hero-arrow:hover{color:#fff;transform:scale(1.3)}
.hero-prev{left:24px}.hero-next{right:24px}

/* 圆点指示器 */
.hero-dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:10px}
.hero-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:all .2s;border:2px solid transparent}
.hero-dot.active,.hero-dot:hover{background:var(--primary);border-color:#fff;transform:scale(1.2)}


/* Counters */
.counters{background:var(--white);padding:50px 0;border-bottom:1px solid var(--border)}
.counter-grid{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}
.counter-item{text-align:center;min-width:140px}
.counter-info{font-size:3rem;font-weight:700;color:var(--dark);line-height:1.2}
.counter-num{font-weight:700;color:var(--dark)}
.counter-info{font-size:3rem}.counter-info small,.counter-info .suffix{font-size:1.2rem;font-weight:400;color:var(--text-light);margin-left:2px}
.counter-name{font-size:.9rem;color:var(--text-light);margin-top:8px}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:24px}
.faq-card{background:var(--white);padding:18px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;gap:14px;align-items:flex-start;transition:all .2s}
.faq-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1);transform:translateY(-2px)}
.faq-q{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.faq-card h4{color:var(--dark);margin-bottom:4px;font-size:.95rem}.faq-card p{font-size:.85rem;color:var(--text-light)}

/* Article */
/* ── 文章详情页新版 ── */
.article-detail-page{max-width:1100px;margin:0 auto;padding:24px 20px 50px}
.article-card{background:var(--white);border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.04);margin-bottom:32px;padding:30px 28px}
.article-cover{overflow:hidden;border-radius:12px;margin-bottom:24px}
.article-header{padding:32px 36px 0}
.article-header h1{font-size:1.7rem;color:var(--dark);line-height:1.5;margin:0 0 16px}
.article-meta-bar{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:.84rem;padding-bottom:20px;border-bottom:1px solid #f0f0f0}
.article-meta-bar i{color:var(--primary);margin-right:3px}
.article-cover{padding:24px 36px 0}.article-cover img{width:100%;border-radius:10px;max-height:420px;object-fit:cover}
.article-body{padding:28px 36px 36px;line-height:2;font-size:1rem;color:var(--text)}
.article-body h2{font-size:1.25rem;color:var(--dark);margin:1.5em 0 .6em;padding-bottom:6px;border-bottom:2px solid #f0f0f0}
.article-body h3{font-size:1.1rem;color:var(--dark);margin:1.2em 0 .4em}
.article-body p{margin:.6em 0}
.article-body img{max-width:100%;border-radius:8px;margin:12px 0}
.article-body ul,.article-body ol{padding-left:22px;margin:.6em 0}
.article-body li{margin:6px 0}
.article-body blockquote{border-left:4px solid var(--primary);padding:12px 20px;margin:1em 0;background:#fdfaf5;border-radius:0 8px 8px 0;color:var(--text-light);font-size:.95rem}
.article-body table{width:100%;border-collapse:collapse;margin:1em 0}.article-body td,.article-body th{border:1px solid #e8e8e8;padding:10px 14px;font-size:.9rem}.article-body th{background:#fafafa;font-weight:600}
.article-body strong{color:var(--dark)}

/* 相关推荐 */
.article-related{background:var(--white);border-radius:14px;padding:24px 28px;box-shadow:0 1px 4px rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.04)}
.related-title{font-size:1.05rem;color:var(--dark);margin:0 0 16px;display:flex;align-items:center;gap:8px}.related-title i{color:var(--primary)}
.related-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.related-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f5f5f5;transition:all .15s}.related-item:last-child{border-bottom:none}.related-item:nth-last-child(2):nth-child(odd){border-bottom:none}
.related-item:hover{color:var(--primary);padding-left:6px}
.related-thumb{width:48px;height:36px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#f5f5f5}.related-thumb img{width:100%;height:100%;object-fit:cover}
.related-text{flex:1;font-size:.92rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.related-date{font-size:.78rem;color:var(--muted);flex-shrink:0;margin-left:auto}
.article-related .related-item:hover .related-text{color:var(--primary)}

/* 旧版兼容 */
.article-page{padding:30px 20px;max-width:900px;margin:0 auto}
.article-detail h1{font-size:1.6rem;color:var(--dark);margin-bottom:12px}
.article-meta{display:flex;gap:16px;color:var(--muted);font-size:.85rem;margin-bottom:20px}
.article-thumb{width:100%;border-radius:var(--radius);margin-bottom:20px}
.article-content{line-height:1.9;font-size:1rem}.article-content h2{font-size:1.3rem;margin:1em 0 .5em}.article-content h3{font-size:1.1rem;margin:.8em 0 .4em}.article-content p{margin:.5em 0}.article-content img{max-width:100%;border-radius:4px}.article-content ul,.article-content ol{padding-left:20px;margin:.5em 0}.article-content blockquote{border-left:3px solid var(--primary);padding:8px 16px;margin:.5em 0;background:#f9f9f9}.article-content table{border-collapse:collapse;width:100%}.article-content td,.article-content th{border:1px solid #ddd;padding:8px 12px}

@media(max-width:768px){
    .article-header{padding:20px 20px 0}.article-header h1{font-size:1.3rem}
    .article-body{padding:18px 20px 24px;font-size:.95rem}
    .article-cover{padding:16px 20px 0}
    .article-meta-bar{gap:12px;font-size:.78rem}
    .article-related{padding:18px 16px}
    .related-list{grid-template-columns:1fr}
    .related-item{padding:10px 0}
}

/* Footer */
.site-footer{background:var(--dark);color:#fff;padding:32px 0 20px;margin-top:40px}
.about-home-section{margin-bottom:-40px}.about-home-section .container{padding-bottom:40px}
.footer-main{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer-brand{display:flex;flex-direction:column;gap:4px}
.footer-name{font-size:1.05rem;font-weight:700;letter-spacing:1px}
.footer-desc{font-size:.8rem;opacity:.6}
.footer-hotline{text-align:right;line-height:1.4}
.footer-hotline-label{display:block;font-size:.7rem;opacity:.6;letter-spacing:2px;margin-bottom:2px}
.footer-hotline a{font-size:1.3rem;font-weight:700;color:var(--primary);letter-spacing:1px;transition:opacity .2s}.footer-hotline a:hover{opacity:.8}
.footer-bottom{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.08);font-size:.78rem;opacity:.5;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.footer-divider{opacity:.3}

/* Breadcrumb */
.breadcrumb{padding:14px 0;font-size:.85rem;color:var(--muted)}.breadcrumb ol{display:flex;gap:6px}.breadcrumb li:not(:last-child)::after{content:'/';margin-left:6px;color:#ccc}

/* Pagination */
.pagination{display:flex;justify-content:center;gap:6px;margin-top:30px}.pagination a{padding:6px 14px;border:1px solid var(--border);border-radius:4px}.pagination a.active{background:var(--dark);color:#fff;border-color:var(--dark)}

/* Page */
.page-title{font-size:1.5rem;color:var(--dark);margin-bottom:20px}

@media(max-width:768px){
    .main-nav{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--white);flex-direction:column;padding:8px 0;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:50;overflow-y:auto}
    .main-nav.open{display:flex}
    .main-nav>a{padding:13px 20px;border-bottom:1px solid #f5f5f5;font-size:.92rem}
    .mobile-menu-btn{display:flex}
    .mobile-nav-user{display:block}
    .btn-user,.btn-login,.hotline,.ct-info{display:none!important}
    .hero{height:350px}.hero-content h1{font-size:1.6rem}
    .hero-arrow{width:32px;height:32px;margin-top:-16px;font-size:1.3rem}
    .hero-prev{left:10px}.hero-next{right:10px}
    .hero-dot{width:8px;height:8px}.hero-dots{gap:8px;bottom:16px}
    .counter-grid{flex-wrap:wrap;gap:24px}.counter-info{font-size:2rem}.counter-info small,.counter-info .suffix{font-size:0.9rem}
    .footer-main{flex-direction:column;text-align:center}.footer-hotline{text-align:center}
    .card-grid{grid-template-columns:1fr}
    .faq-grid{grid-template-columns:1fr}
    .hotline span{display:none}
}

/* User auth pages */
.auth-page{max-width:440px;margin:40px auto;padding:0 20px 60px}
.auth-card{background:var(--white);border-radius:16px;padding:40px;box-shadow:0 8px 32px rgba(0,0,0,0.08)}
.auth-logo{text-align:center;margin-bottom:28px}.auth-logo i{font-size:2.5rem;color:var(--primary)}.auth-logo h1{font-size:1.3rem;color:var(--dark);margin-top:8px;font-weight:700}
.auth-tabs{display:flex;margin-bottom:24px;border-bottom:2px solid #f0f0f0}.auth-tabs a{flex:1;text-align:center;padding:10px;font-size:.9rem;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;font-weight:500}.auth-tabs a.active{color:var(--dark);border-bottom-color:var(--primary)}
.auth-page .form-group{margin-bottom:16px}.auth-page .form-group label{display:block;font-size:.82rem;color:#555;margin-bottom:4px;font-weight:600}
.auth-input{width:100%;padding:11px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;background:#fafafa}.auth-input:focus{background:var(--white);border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(0,123,255,0.1)}
.btn-auth{width:100%;padding:13px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.btn-auth:hover{background:#0069d9}
.auth-page .error{background:#fff5f5;color:#dc3545;padding:12px;border-radius:8px;margin-bottom:16px;font-size:.9rem;text-align:center}
.auth-page .success{background:#f0fff4;color:#28a745;padding:14px;border-radius:8px;margin-bottom:16px;text-align:center;font-size:.95rem}
.auth-footer{text-align:center;margin-top:20px;font-size:.85rem;color:var(--muted)}.auth-footer a{color:var(--primary);font-weight:600}

/* ── 用户中心（左右栏新版）── */
.user-dashboard{max-width:1100px;margin:0 auto;padding:24px 20px 60px;display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.user-sidebar{display:flex;flex-direction:column;gap:8px;position:sticky;top:80px}
.user-main{min-width:0}

/* 左侧个人信息卡 */
.user-card{background:linear-gradient(135deg,var(--dark),var(--dark-light));color:#fff;border-radius:14px;padding:28px 20px;text-align:center}
.user-card-avatar{width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,0.12);display:inline-flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:12px}
.user-card h3{font-size:1.15rem;margin:0 0 4px}
.user-card-uid{font-size:.78rem;opacity:.6;margin:0 0 14px}
.user-card-points{display:inline-block;background:var(--primary);padding:6px 18px;border-radius:20px;font-weight:700;font-size:.9rem}
.user-card-edit{display:block;margin-top:10px;font-size:.78rem;color:rgba(255,255,255,0.7);text-decoration:none}.user-card-edit:hover{color:#fff}

/* 左侧统计 */
.user-stats-mini{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.stat-mini{background:var(--white);border-radius:10px;padding:12px 8px;text-align:center;box-shadow:var(--shadow)}.stat-mini .s-val{display:block;font-size:1.2rem;font-weight:700;color:var(--dark)}.stat-mini .s-lbl{display:block;font-size:.7rem;color:var(--muted);margin-top:2px}

/* 签到 */

/* 左侧导航 */
.user-nav{background:var(--white);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.user-nav a{display:flex;align-items:center;gap:10px;padding:13px 18px;color:var(--text);font-size:.9rem;border-bottom:1px solid #f5f5f5;transition:all .15s}
.user-nav a:hover{background:#fafafa;color:var(--primary)}.user-nav a:last-child{border:none}
.user-nav a i{width:18px;text-align:center;color:var(--primary)}

/* 右侧 Tabs */
.user-tabs{display:flex;gap:4px;background:#f0f0f0;border-radius:10px;padding:4px;margin-bottom:16px;width:fit-content}
.user-tab{padding:8px 20px;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--muted);transition:all .2s;white-space:nowrap}
.user-tab.active,.user-tab:hover{background:var(--white);color:var(--dark);box-shadow:0 1px 3px rgba(0,0,0,0.06)}

/* 订单卡片 */
.user-card-list{display:flex;flex-direction:column;gap:10px}
.order-card{background:var(--white);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(0,0,0,0.03)}
.oc-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer;transition:background .15s;flex-wrap:wrap;gap:8px}.oc-header:hover{background:#fafafa}
.oc-left{display:flex;align-items:center;gap:12px}.oc-no{font-weight:700;color:var(--dark);font-family:monospace;font-size:.9rem}.oc-model{font-size:.84rem;color:var(--text-light)}
.oc-right{display:flex;align-items:center;gap:10px}.oc-status{padding:4px 12px;border-radius:14px;font-size:.73rem;font-weight:600;color:#fff}.oc-date{font-size:.82rem;color:var(--muted)}
.oc-body{padding:0 18px 16px;border-top:1px solid #f5f5f5;margin:0 12px}
.oc-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;padding:12px 0}
.oc-item{padding:6px 0;border-bottom:1px solid #fafafa}.oc-item label{display:block;font-size:.7rem;color:var(--muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.oc-item span{font-size:.88rem;color:var(--text)}.oc-item.full{grid-column:1/-1}
.oc-actions{display:flex;gap:8px;align-items:center;padding-top:8px;border-top:1px solid #f0f0f0}

/* 消息列表 */
.msg-list{display:flex;flex-direction:column;gap:8px}
.msg-card{background:var(--white);border-radius:12px;padding:14px 18px;box-shadow:var(--shadow);cursor:pointer;transition:all .15s;position:relative;border-left:3px solid transparent}
.msg-card:hover{background:#fafafa}.msg-card.unread{border-left-color:var(--primary);background:#fffdf5}
.msg-card-hd{display:flex;justify-content:space-between;align-items:center;gap:12px}.msg-card-title{font-size:.9rem;font-weight:600;color:var(--dark)}.msg-card-time{font-size:.75rem;color:var(--muted);flex-shrink:0}
.msg-card-body{display:none;margin-top:10px;font-size:.85rem;color:var(--text-light);line-height:1.7;padding-top:10px;border-top:1px solid #f0f0f0}
.msg-dot-sm{position:absolute;top:14px;right:14px;width:8px;height:8px;background:#e53935;border-radius:50%}

/* 积分列表 */
.points-list{display:flex;flex-direction:column;gap:2px;background:var(--white);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.points-item{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #f5f5f5;transition:background .15s}.points-item:hover{background:#fafafa}.points-item:last-child{border:none}
.pi-left{display:flex;align-items:center;gap:10px}.pi-type{font-size:.78rem;background:#f0f0f0;padding:2px 10px;border-radius:10px;color:var(--text-light);white-space:nowrap}.pi-desc{font-size:.85rem;color:var(--text)}
.pi-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.pi-val{font-size:1rem;font-weight:700}.pi-time{font-size:.72rem;color:var(--muted)}

/* 空状态 */
.user-empty{text-align:center;padding:60px 20px;background:var(--white);border-radius:12px;box-shadow:var(--shadow)}.user-empty i{font-size:3rem;color:var(--border);display:block;margin-bottom:12px}.user-empty h3{font-size:1rem;color:var(--dark);margin-bottom:6px}.user-empty p{font-size:.85rem;color:var(--muted)}.user-empty a{color:var(--primary);font-weight:600}

/* 旧版兼容 */
.user-page{max-width:1000px;margin:0 auto;padding:30px 20px 60px}
.user-header{background:linear-gradient(135deg,var(--dark),var(--dark-light));color:#fff;border-radius:16px;padding:30px;margin-bottom:24px;display:flex;align-items:center;gap:20px}
.user-avatar{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}
.user-header h1{font-size:1.3rem;margin-bottom:4px}.user-header p{font-size:.85rem;opacity:.7}
.user-points{background:var(--primary);padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem;margin-left:auto;white-space:nowrap}
.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:24px}
.ustat-card{background:var(--white);border-radius:12px;padding:20px;box-shadow:var(--shadow);text-align:center;transition:all .2s}.ustat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.1)}
.ustat-card i{font-size:2rem;color:var(--primary);margin-bottom:10px;display:block}.ustat-card .num{font-size:1.5rem;font-weight:700;color:var(--dark)}.ustat-card .lbl{font-size:.8rem;color:var(--muted);margin-top:4px}
.user-menu{background:var(--white);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.user-menu a{display:flex;align-items:center;gap:12px;padding:14px 20px;color:var(--text);font-size:.95rem;border-bottom:1px solid #f5f5f5;transition:all .15s}.user-menu a:hover{background:#fafafa;color:var(--primary)}.user-menu a:last-child{border:none}
.user-menu a i{width:20px;text-align:center;color:var(--primary)}.user-menu a .arr{margin-left:auto;color:var(--muted);font-size:.8rem}.user-menu a.logout{color:#dc3545}.user-menu a.logout i{color:#dc3545}

/* Order/Repair pages */
.order-page{max-width:1100px;margin:0 auto;padding:0 20px 40px}
.order-hero{text-align:center;padding:40px 0 16px}.order-hero h1{font-size:1.8rem;color:var(--dark);margin-bottom:6px}.order-hero h1 i{color:var(--primary)}.order-hero p{color:var(--muted)}
.order-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px}
.order-steps .step{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted)}.order-steps .step.active{color:var(--dark);font-weight:600}
.order-steps .step-num{width:28px;height:28px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--muted)}.order-steps .step.active .step-num{background:var(--primary);color:#fff}
.order-steps .step-connector{width:40px;height:2px;background:var(--border);margin:0 12px}
.order-form-wrap{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:start}
.order-form{background:var(--white);border-radius:12px;padding:24px;box-shadow:var(--shadow)}
.order-page .form-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.order-page .form-section:last-child{border:none;margin-bottom:0}
.order-page .form-section h3{font-size:1rem;color:var(--dark);margin-bottom:14px;display:flex;align-items:center;gap:8px}.order-page .form-section h3 i{color:var(--primary)}
.order-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-page .cols-3{grid-template-columns:1fr 1fr}
.order-page .form-group{margin-bottom:12px}.order-page .form-group label{display:block;font-size:.85rem;color:#555;margin-bottom:4px;font-weight:600}
.order-page .form-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:.9rem;transition:border-color .15s;background:var(--white)}.order-page .form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(0,123,255,0.1)}
.order-page textarea.form-input{resize:vertical;min-height:100px}.order-page select.form-input{padding-right:32px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}
.btn-submit{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover{background:#0069d9}
.model-quick-pick,.fault-chips{display:flex;flex-wrap:wrap;gap:8px}
.model-chip,.fault-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#f5f5f5;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .15s;color:var(--text)}.model-chip:hover,.fault-chip:hover{background:var(--primary);color:#fff}.model-chip input{display:none}.model-chip:has(input:checked){background:var(--dark);color:#fff}
.model-chip.picked{background:var(--dark);color:#fff}.fault-chip.added{background:var(--dark);color:#fff;cursor:default;opacity:.7}
.fault-chip i{font-size:.75rem}
.order-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:80px}
.order-page .info-card{background:var(--white);padding:16px;border-radius:10px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}.order-page .info-card i{font-size:1.3rem;color:var(--primary);width:24px;text-align:center}.order-page .info-card strong{display:block;font-size:.9rem;color:var(--dark)}.order-page .info-card span{font-size:.8rem;color:var(--muted)}
.order-page .hotline-card{background:var(--dark);color:#fff;padding:16px;border-radius:10px;text-align:center}.order-page .hotline-card i{font-size:1.5rem;display:block;margin-bottom:4px}.order-page .hotline-card span{font-size:.8rem;opacity:.7;display:block}.order-page .hotline-card strong{font-size:1.2rem;display:block;margin-top:4px}
.order-msg{padding:14px 20px;border-radius:8px;margin-bottom:16px;text-align:center;font-size:.95rem}
.order-msg.success{background:#f0fff4;color:#28a745;border:1px solid #bbf7d0}
.order-msg.error{background:#fff5f5;color:#dc3545;border:1px solid #fecaca}
@media(max-width:768px){.order-form-wrap{grid-template-columns:1fr}.order-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.order-page .info-card{flex:1;min-width:120px}.order-page .hotline-card{flex:1;min-width:120px}.order-page .form-row{grid-template-columns:1fr}.order-steps{font-size:.75rem}}

/* Order query */
.oq-page{max-width:900px;margin:0 auto;padding:0 20px 50px}
.oq-hero{text-align:center;padding:44px 0 24px}.oq-hero h1{font-size:1.7rem;color:var(--dark);margin-bottom:8px}.oq-hero h1 i{color:var(--primary)}.oq-hero p{color:var(--muted);font-size:.95rem}
.oq-layout{display:grid;grid-template-columns:380px 1fr;gap:28px;align-items:start}
.oq-form-card{background:var(--white);border-radius:16px;padding:28px;box-shadow:0 1px 4px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.04);position:sticky;top:80px}
.oq-tabs{display:flex;background:#f5f5f5;border-radius:10px;padding:4px;margin-bottom:22px;gap:4px}
.oq-tab{flex:1;text-align:center;padding:10px 8px;font-size:.84rem;color:var(--muted);cursor:pointer;border-radius:8px;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:5px}
.oq-tab:hover{color:var(--dark)}
.oq-tab.active{background:var(--white);color:var(--dark);box-shadow:0 1px 3px rgba(0,0,0,0.08);font-weight:600}
.oq-input-group{margin-bottom:18px}
.oq-input{width:100%;padding:14px 16px 14px 44px;border:2px solid var(--border);border-radius:10px;font-size:.95rem;background:var(--white);transition:all .2s;color:var(--text)}
.oq-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(0,123,255,0.1)}
.oq-input::placeholder{color:#c0c0c0}
.input-with-icon{position:relative}.input-with-icon i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1rem}
.btn-query{width:100%;padding:15px;background:var(--dark);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;letter-spacing:1px}
.btn-query:hover{background:var(--dark-light);transform:translateY(-1px);box-shadow:0 4px 12px rgba(32,41,53,0.25)}
.oq-empty{text-align:center;padding:80px 20px;color:var(--muted)}.oq-empty i{font-size:3.5rem;display:block;margin-bottom:16px;color:var(--border)}.oq-empty h3{font-size:1.1rem;color:var(--dark);margin-bottom:6px}.oq-empty p{font-size:.9rem}
.oq-order-card{background:var(--white);border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.04);overflow:hidden}
.oq-order-header{padding:18px 24px;background:linear-gradient(135deg,#fafafa,#f8f8f8);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}
.oq-header-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.oq-order-no{font-weight:800;font-family:"SF Mono","Consolas",monospace;font-size:1rem;color:var(--dark);letter-spacing:.5px}
.oq-order-time{font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:4px}
.oq-status{padding:5px 16px;border-radius:20px;color:#fff;font-size:.78rem;font-weight:700;white-space:nowrap;letter-spacing:.5px}
.oq-detail-grid{display:grid;grid-template-columns:1fr 1fr;padding:8px 0}
.oq-detail-item{padding:14px 24px;border-bottom:1px solid #fafafa}.oq-detail-item.full{grid-column:1/-1}.oq-detail-item label{display:block;font-size:.73rem;color:var(--muted);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.oq-detail-item span{font-size:.92rem;color:var(--text);line-height:1.5}
.oq-amount{color:#e65100!important;font-weight:700;font-size:1.15rem!important}
.oq-report{color:#1565c0!important}
.oq-warranty{font-weight:600}.oq-warranty.expired{color:#c62828!important}.oq-warranty:not(.expired){color:#2e7d32!important}
.oq-pay-status{font-weight:600}.oq-pay-status.paid{color:#28a745!important}
.oq-pay-section{padding:18px 24px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.oq-notice-check{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.85rem;color:var(--text-light)}.oq-notice-check a{color:var(--primary);text-decoration:underline;font-weight:600}.oq-notice-check a:hover{color:var(--dark)}
.oq-pay-btn{min-width:140px;text-align:center}
@media(max-width:768px){
    .oq-layout{grid-template-columns:1fr}.oq-form-card{position:static}
    .oq-order-header{flex-direction:column;align-items:flex-start}
    .oq-detail-item{padding:10px 16px}
}

/* Guide list page */
.guide-list-page{max-width:1000px;margin:0 auto;padding:0 20px 40px}
.guide-list-hero{text-align:center;padding:40px 0 24px}.guide-list-hero h1{font-size:1.8rem;color:var(--dark)}.guide-list-hero h1 i{color:var(--primary)}.guide-list-hero>p{color:var(--muted);margin:8px 0 20px}
.guide-search-bar{position:relative;max-width:520px;margin:0 auto 16px;display:flex;align-items:center;background:var(--white);border:2px solid var(--border);border-radius:28px;padding:0 16px;transition:all .25s;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.guide-search-bar:focus-within{border-color:var(--primary);box-shadow:0 4px 20px rgba(0,123,255,0.15)}
.guide-search-bar>i{color:var(--muted);font-size:1rem;flex-shrink:0}
.guide-search-bar input{flex:1;padding:13px 12px;border:none;background:transparent;font-size:.95rem;outline:none;min-width:0;color:var(--text)}
.guide-search-bar input::placeholder{color:#bbb}
.guide-search-clear{display:none;width:28px;height:28px;border-radius:50%;background:#e0e0e0;border:none;color:#888;cursor:pointer;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;transition:all .15s}
.guide-search-clear:hover{background:#d0d0d0;color:#555}
.guide-search-hint{font-size:.85rem;color:var(--muted);transition:color .2s}.guide-search-hint.active{color:var(--primary)}
.guide-cats{display:flex;flex-direction:column;gap:20px}
.guide-cat-group h3{font-size:1.05rem;color:var(--dark);margin-bottom:8px;display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:2px solid #f0f0f0}.guide-cat-group h3 i{color:var(--primary)}
.guide-cat-items{display:flex;flex-direction:column;gap:6px}
.guide-item{display:flex;align-items:center;gap:14px;background:var(--white);padding:14px 18px;border-radius:10px;box-shadow:var(--shadow);transition:all .2s}.guide-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.1)}
.guide-item-icon{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#d4b86a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.guide-item-body{flex:1;min-width:0}.guide-item-body strong{display:block;color:var(--dark);font-size:.92rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-item-body p{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guide-item-arrow{color:var(--border);flex-shrink:0;font-size:1rem;transition:all .2s}.guide-item:hover .guide-item-arrow{color:var(--primary);transform:translateX(3px)}
.guide-no-result{text-align:center;padding:60px 20px}.guide-no-result i{font-size:3.5rem;color:var(--border);display:block;margin-bottom:16px}.guide-no-result h3{color:var(--dark);margin-bottom:8px}.guide-no-result p{color:var(--muted)}.guide-no-result a{color:var(--primary);font-weight:600}

/* Guide detail page */
.guide-page{max-width:1100px;margin:0 auto;padding:0 20px 40px}
.guide-hero{background:linear-gradient(135deg,var(--dark),var(--dark-light));color:#fff;border-radius:16px;padding:40px;margin:30px 0 24px;text-align:center}
.guide-hero-badge{display:inline-block;padding:4px 16px;background:rgba(255,255,255,0.15);border-radius:20px;font-size:.8rem;margin-bottom:16px}
.guide-hero h1{font-size:2rem;margin-bottom:8px}.guide-hero p{opacity:.9;max-width:600px;margin:0 auto 20px}
.guide-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-guide-cta{padding:14px 32px;background:var(--primary);color:#fff;border-radius:8px;font-weight:600;transition:all .2s}.btn-guide-cta:hover{opacity:.9}
.btn-guide-tel{padding:14px 24px;border:2px solid rgba(255,255,255,0.4);color:#fff;border-radius:8px;font-weight:600;transition:all .2s}.btn-guide-tel:hover{background:rgba(255,255,255,0.1)}
.guide-price-banner{background:#fff8f0;border:1px solid var(--primary);border-radius:10px;padding:14px 20px;margin-bottom:24px;display:flex;align-items:center;gap:8px}.guide-price-banner i{color:var(--primary)}.guide-price-banner strong{font-size:1.3rem;color:#e65100}.guide-price-banner span{color:var(--muted);font-size:.85rem;margin-left:8px}
.guide-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}
.guide-content{background:var(--white);border-radius:12px;padding:28px;box-shadow:var(--shadow);line-height:1.9;font-size:.95rem}
.guide-content h3{margin:1.2em 0 .5em;color:var(--dark);font-size:1.1rem}.guide-content ul,.guide-content ol{padding-left:20px;margin:.5em 0}.guide-content li{margin:6px 0}.guide-content strong{color:var(--dark)}
.guide-bottom-cta{background:var(--dark);color:#fff;border-radius:12px;padding:30px;text-align:center;margin-top:24px}.guide-bottom-cta h3{font-size:1.2rem;margin-bottom:6px}.guide-bottom-cta p{opacity:.8;margin-bottom:14px}.guide-bottom-cta .btn-guide-cta{display:inline-block}
.guide-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:12px}
.guide-sidebar-card{background:var(--white);border-radius:10px;padding:18px;box-shadow:var(--shadow)}.guide-sidebar-card h4{font-size:.9rem;color:var(--dark);margin-bottom:10px;display:flex;align-items:center;gap:6px}.guide-sidebar-card h4 i{color:var(--primary)}.guide-sidebar-card a{display:block;padding:8px 0;border-bottom:1px solid #f5f5f5;font-size:.85rem;color:var(--text);transition:color .15s}.guide-sidebar-card a:hover{color:var(--primary)}.guide-sidebar-card a:last-child{border-bottom:none}

@media(max-width:768px){
    .guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static}
    .guide-hero{padding:24px}.guide-hero h1{font-size:1.4rem}
    .guide-search-bar input{font-size:.85rem}
    .guide-item-body strong{font-size:.85rem}
}

/* Search page */
.search-page{max-width:760px;margin:0 auto;padding:30px 20px 60px}
.search-page-bar{margin-bottom:24px}
.search-page-form{display:flex;align-items:center;gap:10px;background:var(--white);border-radius:12px;padding:6px 6px 6px 18px;box-shadow:var(--shadow);border:2px solid transparent;transition:border-color .2s}
.search-page-form:focus-within{border-color:var(--primary)}
.search-page-form>i{color:var(--muted);font-size:1rem;flex-shrink:0}
.search-page-form input{flex:1;padding:12px 4px;border:none;background:transparent;font-size:1rem;outline:none;color:var(--text)}
.search-page-form input::placeholder{color:#bbb}
.search-page-clear{padding:4px 8px;color:var(--muted);font-size:.85rem;border-radius:50%;transition:all .15s}
.search-page-clear:hover{color:var(--text);background:#f0f0f0}
.search-page-info{margin-bottom:18px;color:var(--muted);font-size:.9rem}
.search-results{display:flex;flex-direction:column;gap:8px}
.search-result-item{display:flex;align-items:center;gap:16px;background:var(--white);padding:16px 18px;border-radius:10px;box-shadow:var(--shadow);transition:all .2s}
.search-result-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,0.08)}
.search-result-thumb{width:60px;height:60px;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--muted);font-size:1.3rem}
.search-result-thumb img{width:100%;height:100%;object-fit:cover}
.search-result-body{flex:1;min-width:0}
.search-result-body h3{font-size:.95rem;color:var(--dark);margin-bottom:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-result-body h3 mark{background:#fff3cd;color:inherit;padding:1px 2px;border-radius:2px}
.search-result-body p{font-size:.82rem;color:var(--muted);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-result-meta{display:flex;align-items:center;gap:12px;font-size:.78rem;color:var(--muted)}
.search-result-type{padding:2px 10px;background:#f0f0f0;border-radius:10px;font-size:.72rem;color:var(--text-light)}
.search-result-arrow{color:var(--border);flex-shrink:0;transition:all .2s}
.search-result-item:hover .search-result-arrow{color:var(--primary);transform:translateX(3px)}
.search-empty{text-align:center;padding:80px 20px}
.search-empty i{font-size:3.5rem;color:var(--border);display:block;margin-bottom:16px}
.search-empty h3{font-size:1.2rem;color:var(--dark);margin-bottom:8px}
.search-empty p{color:var(--muted)}.search-empty a{color:var(--primary);font-weight:600}

/* Advantage 优势展示 */
.advantage-grid{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin-top:24px}
.advantage-item{flex:1;min-width:200px;max-width:280px;text-align:center;padding:24px 16px}
.adv-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--primary);position:relative;transition:all .3s}
.adv-icon::after{content:'';position:absolute;inset:0;border-radius:50%;background:var(--primary);opacity:.08;z-index:0;transition:transform .5s}
.adv-icon i{position:relative;z-index:1;transition:color .3s}
.advantage-item:hover .adv-icon{transform:scale(1.05)}
.advantage-item:hover .adv-icon::after{transform:scale(1.15);opacity:1}
.advantage-item:hover .adv-icon i{color:#fff}
.advantage-item h4{font-size:1.1rem;color:var(--dark);margin-bottom:8px;font-weight:700}
.advantage-item p{font-size:.9rem;color:var(--text-light);line-height:1.6}

/* Step 维修步骤 */
.step-grid{display:flex;justify-content:center;gap:32px;flex-wrap:nowrap;margin-top:24px;overflow-x:auto}
.step-item{flex:1;min-width:140px;max-width:220px;text-align:center;padding:20px 8px;position:relative}
.step-item::after{content:'\f061';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:44px;right:-20px;font-size:0.85rem;color:var(--border);transition:all .3s}
.step-item:last-child::after{display:none}
.step-icon,.step-no{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--primary);position:relative;transition:all .3s}
.step-icon::after,.step-no::after{content:'';position:absolute;inset:0;border-radius:50%;background:var(--primary);opacity:.08;z-index:0;transition:transform .5s}
.step-icon i,.step-no i{position:relative;z-index:1;transition:color .3s}
.step-icon{background:rgba(0,123,255,0.08)}
.step-no{background:var(--dark);color:#fff;font-size:28px;font-weight:700}
.step-item:hover .step-icon{transform:scale(1.05);background:var(--primary);color:#fff}
.step-item:hover .step-icon::after{transform:rotate(-45deg)}
.step-item:hover .step-no{transform:scale(1.05)}
.step-item:hover::after{color:var(--primary);animation:stepArrow .7s linear infinite}
@keyframes stepArrow{0%{opacity:0;transform:translateX(-8px)}50%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(8px)}}
.step-item h4{font-size:1.1rem;color:var(--dark);margin-bottom:8px;font-weight:700}
.step-item p{font-size:.9rem;color:var(--text-light);line-height:1.6}

/* Feedback 客户反馈 */
.feedback-grid{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;margin-top:24px}
/* 好评自动滚动 */
.feedback-scroll-wrap{overflow:hidden;margin-top:24px;mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%)}
.feedback-scroll-track{display:flex;gap:24px;width:max-content;animation:fbScroll 40s linear infinite}
.feedback-scroll-track:hover{animation-play-state:paused}
.feedback-scroll-track .feedback-item{flex-shrink:0;width:360px}
@keyframes fbScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.feedback-item{flex:1;min-width:280px;max-width:380px;background:var(--white);border-radius:12px;padding:24px;box-shadow:var(--shadow);transition:all .3s;cursor:default;display:flex;flex-direction:column}
.feedback-item:hover{box-shadow:0 8px 32px rgba(0,0,0,0.12);transform:translateY(-2px)}
.fb-content{position:relative;margin-bottom:16px;flex:1;min-height:0}
.fb-quote{font-size:2rem;color:var(--primary);opacity:.2;position:absolute;top:-8px;left:-4px}
.fb-content p{font-size:.95rem;color:var(--text-light);line-height:1.7;padding-left:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fb-author{display:flex;align-items:center;gap:12px;flex-shrink:0}
.fb-avatar,.fb-avatar-def{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}
.fb-avatar{object-fit:cover}
.fb-avatar-def{background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.2rem}
.fb-author strong{font-size:.95rem;color:var(--dark)}

@media(max-width:768px){
    .advantage-grid{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:20px;padding-bottom:8px}
    .advantage-item{min-width:220px;flex-shrink:0}
    .step-grid{gap:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding-bottom:8px}
    .step-item{min-width:160px;flex-shrink:0}
    .step-item::after{display:none}
    .feedback-scroll-track .feedback-item{width:280px;flex-shrink:0}
}

@media(max-width:768px){
    .search-result-thumb{width:48px;height:48px}
    .search-result-body h3{font-size:.88rem}
}

/* ===== 商城 ===== */
.mall-page{max-width:1200px;margin:0 auto;padding:0 20px 60px}
.mall-hero{text-align:center;padding:48px 0 28px}.mall-hero h1{font-size:1.8rem;color:var(--dark);margin-bottom:8px}.mall-hero h1 i{color:var(--primary)}.mall-hero>p{color:var(--muted);font-size:.95rem}
.mall-points-badge{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:10px 22px;background:linear-gradient(135deg,#fff8e1,#fff3cd);color:#f0ad4e;border-radius:24px;font-size:.9rem;font-weight:700;border:1px solid rgba(240,173,78,.2)}

/* 分类筛选条 */
.mall-cats{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:28px;padding:6px;background:#f0f0f0;border-radius:12px;width:fit-content;margin-left:auto;margin-right:auto}
.mall-cats a{padding:9px 22px;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text);transition:all .2s;white-space:nowrap}
.mall-cats a.active,.mall-cats a:hover{background:var(--white);color:var(--dark);box-shadow:0 1px 4px rgba(0,0,0,0.06)}

/* 商品网格 */
.mall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.mall-card{background:var(--white);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.05);transition:all .3s;display:block;position:relative;border:1px solid rgba(0,0,0,0.04)}
.mall-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,0.1);border-color:transparent}
.mall-card-img{height:220px;overflow:hidden;background:#fafafa;position:relative}
.mall-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mall-card:hover .mall-card-img img{transform:scale(1.06)}

/* 商品类型标签 */
.mall-type-tag{position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:14px;font-size:.7rem;font-weight:700;color:#fff;letter-spacing:.5px;backdrop-filter:blur(8px)}
.mall-type-tag.new{background:linear-gradient(135deg,#4caf50,#2e7d32)}
.mall-type-tag.used{background:linear-gradient(135deg,#ff9800,#e65100)}
.mall-type-tag.virtual{background:linear-gradient(135deg,#2196f3,#0d47a1)}
.mall-type-tag.points{background:linear-gradient(135deg,#f0ad4e,#ec971f)}

.mall-card-body{padding:16px}.mall-card-body h3{font-size:.95rem;color:var(--dark);margin-bottom:6px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mall-card-body>p{font-size:.82rem;color:var(--muted);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mall-price{display:flex;align-items:baseline;gap:8px}
.mall-price .current{font-size:1.2rem;font-weight:700;color:#e53935}
.mall-price .current.points{color:#f0ad4e;font-size:1.1rem}
.mall-price .current small{font-size:.8rem;font-weight:400}
.mall-price .original{font-size:.82rem;color:var(--muted);text-decoration:line-through}
.mall-empty{text-align:center;padding:100px 20px;color:var(--muted)}.mall-empty i{font-size:5rem;display:block;margin-bottom:20px;opacity:.3}

/* ===== 商品详情 ===== */
.pdetail-page{max-width:1050px;margin:0 auto;padding:0 20px 50px}
.pdetail-main{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:var(--white);border-radius:18px;padding:36px;box-shadow:0 1px 4px rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.04);align-items:start}
.pdetail-image{position:relative;border-radius:14px;overflow:hidden;background:#fafafa}
.pdetail-image img{width:100%;display:block;border-radius:14px}
.pdetail-image .mall-type-tag{top:16px;left:16px;font-size:.8rem;padding:6px 16px}
.pdetail-info h1{font-size:1.5rem;color:var(--dark);margin-bottom:18px;line-height:1.4}
.pdetail-price{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;padding:16px 20px;background:#fafafa;border-radius:12px}
.p-price{font-size:2rem;font-weight:800;color:#e53935}.p-price.points{color:#f0ad4e}.p-price small{font-size:1.1rem;font-weight:400}
.p-price-orig{font-size:1.05rem;color:var(--muted);text-decoration:line-through}
.p-badge{display:inline-block;padding:5px 16px;border-radius:20px;font-size:.82rem;font-weight:600}.points-badge{background:linear-gradient(135deg,#fff8e1,#fff3cd);color:#f0ad4e}
.pdetail-desc{color:var(--text-light);margin-bottom:20px;line-height:1.8;font-size:.95rem}
.pdetail-content{margin-bottom:24px}
.pdetail-actions{display:flex;gap:12px;margin-bottom:20px}
.btn-cart{flex:1;padding:15px 20px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-cart:hover{background:#0069d9;transform:translateY(-1px)}
.btn-buy{flex:1;padding:15px 20px;background:var(--dark);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-buy:hover{background:var(--dark-light);transform:translateY(-1px)}
.btn-exchange{flex:1;padding:15px 20px;background:linear-gradient(135deg,#f0ad4e,#e8960a);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-exchange:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(240,173,78,.4)}
.pdetail-guarantee{display:flex;gap:20px;padding-top:18px;border-top:1px solid #f0f0f0;font-size:.84rem;color:var(--text-light);flex-wrap:wrap}.pdetail-guarantee i{color:var(--primary);margin-right:4px}
.pdetail-desc-section{margin-top:32px;background:var(--white);border-radius:14px;padding:24px 28px;box-shadow:var(--shadow)}
.pdetail-desc-section img{max-width:100%;height:auto;border-radius:8px;margin:12px 0}
.pdetail-related{margin-top:40px}.pdetail-related h3{font-size:1.2rem;color:var(--dark);margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid #f5f5f5}

@media(max-width:768px){
    .mall-hero{padding:30px 0 16px}.mall-hero h1{font-size:1.3rem}
    .mall-cats a{padding:7px 14px;font-size:.78rem}
    .mall-grid{grid-template-columns:repeat(2,1fr);gap:12px}.mall-card-img{height:160px}
    .mall-card-body{padding:10px}.mall-card-body h3{font-size:.85rem}
    .mall-price .current{font-size:1rem}
    .pdetail-main{grid-template-columns:1fr;gap:24px;padding:20px}
    .pdetail-info h1{font-size:1.2rem}
    .p-price{font-size:1.5rem}
}

/* ===== 关于我们 ===== */
.about-page{max-width:1100px;margin:0 auto;padding:30px 20px 50px;display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:start}
.about-sidebar{position:sticky;top:80px}
.about-sidebar-title{font-size:.95rem;color:var(--dark);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--primary);display:flex;align-items:center;gap:8px}.about-sidebar-title i{color:var(--primary)}
.about-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}
.about-nav-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;font-size:.9rem;color:var(--text);transition:all .15s;position:relative}
.about-nav-item:hover{background:#f8f8f8;color:var(--primary)}
.about-nav-item.active{background:rgba(0,123,255,0.08);color:var(--primary);font-weight:600}
.about-nav-item i:first-child{width:18px;text-align:center}
.about-nav-arrow{margin-left:auto;font-size:.7rem;color:var(--border);transition:all .15s}
.about-nav-item:hover .about-nav-arrow{color:var(--primary);transform:translateX(3px)}
.about-nav-item.active .about-nav-arrow{color:var(--primary);opacity:1}
.about-sidebar-contact{background:linear-gradient(135deg,var(--dark),var(--dark-light));color:#fff;border-radius:12px;padding:18px;text-align:center;margin-top:12px}
.about-sidebar-contact i{font-size:1.5rem;color:var(--primary);display:block;margin-bottom:6px}
.about-sidebar-contact span{display:block;font-size:.75rem;opacity:.7;margin-bottom:4px}
.about-sidebar-contact strong{display:block;font-size:1.1rem;font-weight:700}
.about-main{min-width:0}
.about-title{font-size:1.6rem;color:var(--dark);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.about-banner{width:100%;border-radius:12px;margin-bottom:20px}
.contact-qrcode{margin-top:30px;padding-top:24px;border-top:1px solid var(--border);text-align:center}
.contact-qrcode img{width:160px;height:160px;object-fit:contain;border-radius:12px;border:1px solid var(--border);padding:8px;background:var(--white)}
.contact-qrcode p{font-size:.85rem;color:var(--muted);margin-top:10px}
@media(max-width:768px){
    .about-page{grid-template-columns:1fr}.about-sidebar{position:static;margin-bottom:20px}
    .about-sidebar-contact{display:none}
}

/* ===== 用户中心列表（订单/奖品/商城） ===== */
.user-section{background:var(--white);border-radius:14px;box-shadow:var(--shadow);margin-bottom:20px;padding:20px 24px}
.user-section-title{font-size:1.05rem;color:var(--dark);margin-bottom:14px;display:flex;align-items:center;gap:8px}.user-section-title i{color:var(--primary)}
.user-order-list{display:flex;flex-direction:column;gap:10px}
.user-order-item{background:#fafafa;border-radius:10px;cursor:pointer;transition:all .2s;border:1px solid transparent}.user-order-item:hover{border-color:var(--border);background:var(--white)}
.uo-top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;flex-wrap:wrap;gap:8px}
.uo-left{display:flex;align-items:center;gap:12px}.uo-no{font-weight:700;color:var(--dark);font-family:monospace;font-size:.92rem}.uo-model{font-size:.85rem;color:var(--text-light)}
.uo-right{display:flex;align-items:center;gap:10px}.uo-status{padding:3px 12px;border-radius:14px;font-size:.75rem;font-weight:600}.uo-date{font-size:.82rem;color:var(--muted)}.uo-arrow{font-size:.8rem;color:var(--muted);transition:transform .3s}
.uo-detail{padding:0 16px 16px;border-top:1px solid #f0f0f0;margin:0 12px}
.uo-detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f5f5f5;font-size:.88rem}.uo-detail-row span{color:var(--muted);flex-shrink:0;margin-right:16px}.uo-detail-row strong{color:var(--text);text-align:right;line-height:1.5}
.uo-detail-actions{text-align:right;padding-top:12px}
@media(max-width:768px){.uo-top{flex-direction:column;align-items:flex-start}.uo-right{width:100%;justify-content:space-between}}

/* ===== 活动页面 ===== */
.act-cd-bar{background:linear-gradient(135deg,var(--dark),var(--dark-light));border-radius:14px;padding:14px 20px;margin-bottom:20px;box-shadow:var(--shadow)}
.act-cd-inner{display:flex;justify-content:center;align-items:center;gap:16px;color:#fff;flex-wrap:wrap}
.act-cd-label{font-size:.82rem;opacity:.7}
.act-cd-nums em{font-size:1.2rem;font-weight:700;font-style:normal;margin:0 2px;color:var(--primary)}
.act-card{background:var(--white);border-radius:14px;box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}
.act-card-header{padding:16px 20px;font-size:1rem;font-weight:700;color:var(--dark);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}
.act-card-header i{color:var(--primary);font-size:1.1rem}
.act-card-header span{font-weight:400;font-size:.82rem;color:var(--muted);margin-left:auto}
.act-card-header span em{color:#e53935;font-weight:700;font-style:normal}
.act-card-body{padding:20px;line-height:1.8;font-size:.9rem;color:var(--text-light)}
.act-card-body h3{font-size:1rem;color:var(--dark);margin:16px 0 8px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.act-card-body h3:first-child{margin-top:0}
.act-card-body p{margin:6px 0}
.act-card-body strong{color:#e53935}

/* 九宫格 */
.lottery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:390px;margin:0 auto}
.lottery-cell{aspect-ratio:1;background:#fff;border:2px solid #f0f0f0;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .15s;cursor:default}
.lottery-cell i{font-size:1.5rem;color:var(--primary)}
.lottery-cell span{font-size:.78rem;color:var(--text-light);text-align:center}.lottery-cell span small{display:block;font-size:.65rem;color:#e53935}
.lottery-cell.active{border-color:#e53935;box-shadow:0 0 16px rgba(229,57,53,.2);transform:scale(1.03)}
.lottery-cell.win{border-color:#ff9800;background:#fff8e1;animation:winBounce .6s ease}.lottery-cell.win i{color:#ff9800;animation:winSpin .6s ease}
@keyframes winBounce{0%,100%{transform:scale(1)}30%{transform:scale(1.1)}60%{transform:scale(.96)}}
@keyframes winSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.lottery-btn{background:linear-gradient(135deg,#e53935,#c62828)!important;border:none!important;cursor:pointer}
.lottery-btn i{color:#fff!important;font-size:1.6rem}.lottery-btn span{color:#fff!important;font-weight:700}.lottery-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(229,57,53,.35)}.lottery-btn:active{transform:scale(.97)}
.act-text-content{line-height:1.8;font-size:.9rem}.act-text-content h3{font-size:1rem;color:var(--dark);margin:14px 0 6px}.act-text-content h3:first-child{margin-top:0}.act-text-content p{margin:4px 0;color:var(--text-light)}.act-text-content strong{color:#e53935}
@media(max-width:768px){.lottery-grid{max-width:330px;gap:5px}.lottery-cell i{font-size:1.2rem}.lottery-cell span{font-size:.7rem}}

/* ============================================================
   移动端深度优化 — 下单 & 支付 & 用户中心
   ============================================================ */
@media(max-width:768px){
  /* ── 全局触控优化 ── */
  .btn, button[type="submit"], .btn-auth, .btn-submit, .btn-query,
  .btn-buy, .btn-cart, .btn-exchange, .btn-guide-cta, .btn-guide-tel {
    min-height: 44px; /* iOS 推荐最小触控区域 */
    -webkit-tap-highlight-color: transparent;
  }
  input, select, textarea, .form-input, .auth-input, .buy-input, .oq-input {
    font-size: 16px !important; /* 防 iOS 缩放 */
  }
  /* 滚动平滑 */
  .user-order-list, .guide-cat-items, .mall-grid { -webkit-overflow-scrolling: touch; }

  /* ── 安全区域（iPhone X+ 底部横条） ── */
  .site-footer { padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px)); }
  .user-page { padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)); }
  .order-page { padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px)); }

  /* ── 底部浮动操作栏 ── */
  .mobile-action-bar {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 99;
    background: var(--white); padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 -2px 12px rgba(0,0,0,0.08); display: flex; gap: 10px; align-items: center;
    animation: slideUp .3s ease;
  }
  @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }
  .mobile-action-bar .btn, .mobile-action-bar .btn-submit {
    flex: 1; margin: 0; border-radius: 10px; font-size: 1rem;
  }
  /* 有底部栏时给内容留空 */
  .has-mobile-bar { padding-bottom: 120px !important; }

  /* ── 底部抽屉式弹窗（购买/支付） ── */
  .mobile-sheet {
    position: fixed; inset: 0; z-index: 99999;
    display: flex; align-items: flex-end; justify-content: center;
    background: rgba(0,0,0,0.5); animation: fadeIn .2s;
  }
  .mobile-sheet > div {
    background: var(--white); border-radius: 20px 20px 0 0;
    width: 100%; max-width: 100%; max-height: 85vh;
    overflow-y: auto; padding: 24px 20px calc(24px + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 -8px 32px rgba(0,0,0,0.15); animation: slideUp .3s ease;
  }
  .mobile-sheet .sheet-handle {
    width: 40px; height: 4px; background: #ddd; border-radius: 2px;
    margin: 0 auto 16px;
  }
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

  /* ── 报修表单优化 ── */
  .order-steps { gap: 4px; font-size: .7rem; white-space: nowrap; overflow-x: auto; padding: 0 4px; }
  .order-steps .step { flex-shrink: 0; }
  .order-steps .step-connector { width: 20px; margin: 0 4px; }
  .order-hero { padding: 24px 0 12px; }
  .order-hero h1 { font-size: 1.3rem; }
  .order-form { padding: 16px; border-radius: 12px; }
  .order-page .form-section { margin-bottom: 14px; padding-bottom: 14px; }
  .order-page .form-section h3 { font-size: .92rem; }
  .order-page .form-row { grid-template-columns: 1fr; gap: 8px; }
  .order-page .cols-3 { grid-template-columns: 1fr; }
  .order-sidebar { flex-direction: row; overflow-x: auto; gap: 8px; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
  .order-page .info-card { min-width: 130px; flex-shrink: 0; padding: 12px; }
  .order-page .hotline-card { min-width: 150px; flex-shrink: 0; }
  .order-page .info-card i { font-size: 1.1rem; }
  .order-page .info-card strong { font-size: .8rem; }
  .order-page .info-card span { font-size: .72rem; }
  .fault-chips { gap: 6px; }
  .fault-chip { padding: 8px 14px; font-size: .82rem; }
  .btn-submit { position: sticky; bottom: 8px; margin-top: 8px; z-index: 10; }

  /* ── 商城详情 & 弹窗优化 ── */
  .pdetail-main { grid-template-columns: 1fr; gap: 20px; padding: 16px; }
  .pdetail-actions { flex-direction: column; gap: 8px; }
  .btn-buy, .btn-cart, .btn-exchange { width: 100%; justify-content: center; padding: 15px; font-size: 1.05rem; }
  /* 弹窗全屏/底部抽屉 */
  #buy-modal > div, #pay-modal > div {
    border-radius: 20px 20px 0 0; width: 100%; max-width: 100%;
    position: fixed; bottom: 0; left: 0; right: 0; top: auto;
    transform: none; max-height: 90vh; overflow-y: auto;
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    animation: slideUp .3s ease;
  }
  #pay-modal > div { border-radius: 20px 20px 0 0; }
  #buy-modal, #pay-modal { align-items: flex-end; }

  /* ── 支付二维码优化 ── */
  #pay-qrcode img { max-width: 200px; }
  #pay-modal h3 { font-size: 1rem; }
  #pay-modal p { font-size: .82rem; }

  /* ── 订单查询优化 ── */
  .oq-layout { grid-template-columns: 1fr; }
  .oq-form-card { position: static; padding: 20px; border-radius: 14px; }
  .oq-hero { padding: 24px 0 16px; }
  .oq-hero h1 { font-size: 1.3rem; }
  .oq-order-header { flex-direction: column; align-items: flex-start; gap: 8px; }
  .oq-order-card { border-radius: 14px; }
  .oq-detail-item { padding: 10px 14px; }
  .oq-detail-item label { font-size: .68rem; }
  .oq-detail-item span { font-size: .85rem; }
  .oq-pay-section { padding: 14px; flex-direction: column; align-items: stretch; }
  .oq-pay-btn { width: 100%; text-align: center; }

  /* ── 用户中心优化 ── */
  .user-dashboard { grid-template-columns: 1fr; }
  .user-sidebar { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .user-card { grid-column: 1/-1; }
  .user-nav { grid-column: 1/-1; }
  .user-stats-mini { grid-column: 1/-1; }
  .user-tabs { width: 100%; overflow-x: auto; flex-wrap: nowrap; }
  .user-tab { flex-shrink: 0; font-size: .78rem; padding: 7px 14px; }
  .oc-grid { grid-template-columns: 1fr; }
  .oc-header { flex-direction: column; align-items: flex-start; }
  .user-section { padding: 14px; }
  .user-section-title { font-size: .95rem; }
  /* 订单卡片优化 */
  .uo-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .uo-left { flex-direction: column; align-items: flex-start; gap: 4px; }
  .uo-right { width: 100%; justify-content: space-between; }
  .uo-detail-row { flex-direction: column; gap: 2px; padding: 8px 0; }
  .uo-detail-row span { font-size: .75rem; }
  .uo-detail-row strong { font-size: .85rem; text-align: left; }
  /* 积分流水表格→卡片 */
  .user-section table.mini-table thead { display: none; }
  .user-section table.mini-table tr {
    display: flex; flex-wrap: wrap; padding: 10px 0; border-bottom: 1px solid #f0f0f0;
    align-items: center; gap: 4px 12px;
  }
  .user-section table.mini-table td {
    padding: 2px 0; border: none; font-size: .8rem;
  }
  .user-section table.mini-table td:first-child { width: 70px; font-weight: 600; }
  .user-section table.mini-table td:nth-child(2) { flex: 1; min-width: 100px; }
  .user-section table.mini-table td:nth-child(3) { width: 60px; text-align: right; }
  .user-section table.mini-table td:nth-child(4) { width: 100%; text-align: right; font-size: .72rem; }
  /* 签到按钮 */
  #checkin-btn { width: 100%; }
  /* 消息列表 */
  .msg-top { flex-direction: column; align-items: flex-start; gap: 4px; }

  /* ── 搜索页优化 ── */
  .search-result-item { padding: 12px 14px; gap: 10px; }
  .search-result-thumb { width: 48px; height: 48px; }
  .search-result-body h3 { font-size: .88rem; }
  .search-result-arrow { display: none; }
  .search-page-form { padding: 4px 4px 4px 14px; }

  /* ── 商城列表优化 ── */
  .mall-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .mall-card-img { height: 150px; }
  .mall-card-body { padding: 10px; }
  .mall-card-body h3 { font-size: .82rem; }
  .mall-card-body > p { font-size: .75rem; -webkit-line-clamp: 1; }
  .mall-price .current { font-size: .95rem; }
  .mall-cats { overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; padding: 4px; -webkit-overflow-scrolling: touch; }
  .mall-cats a { flex-shrink: 0; padding: 7px 14px; font-size: .78rem; }
  .mall-hero { padding: 24px 0 16px; }
  .mall-hero h1 { font-size: 1.3rem; }
  .mall-type-tag { padding: 3px 8px; font-size: .65rem; top: 8px; left: 8px; }

  /* ── 指南列表优化 ── */
  .guide-list-hero h1 { font-size: 1.3rem; }
  .guide-search-bar input { font-size: .85rem; }
  .guide-item { padding: 10px 14px; gap: 10px; }
  .guide-item-icon { width: 28px; height: 28px; font-size: .75rem; }
  .guide-item-body strong { font-size: .85rem; }
  .guide-item-body p { font-size: .75rem; }
  .guide-item-arrow { display: none; }

  /* ── 加载骨架屏 ── */
  .skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%; animation: shimmer 1.5s infinite; border-radius: 6px;
  }
  @keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
  .skeleton-line { height: 16px; margin-bottom: 8px; }
  .skeleton-title { height: 24px; width: 60%; margin-bottom: 12px; }
  .skeleton-btn { height: 44px; border-radius: 8px; }

  /* ── Toast 轻提示 ── */
  .mobile-toast {
    position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 99999;
    padding: 12px 24px; border-radius: 24px; color: #fff; font-size: .9rem; font-weight: 600;
    pointer-events: none; opacity: 0; transition: opacity .3s;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
  }
  .mobile-toast.show { opacity: 1; }
  .mobile-toast.success { background: #28a745; }
  .mobile-toast.error { background: #dc3545; }
  .mobile-toast.info { background: var(--dark); }

  /* ── 支付状态轮询指示器 ── */
  .pay-polling { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; color: var(--primary); font-size: .85rem; }
  .pay-polling .spinner { width: 20px; height: 20px; border: 2px solid var(--border); border-top-color: var(--primary); border-radius: 50%; animation: spin .8s linear infinite; }
  @keyframes spin { to { transform: rotate(360deg); } }

  /* ── 横滑提示 ── */
  .scroll-hint {
    display: flex; align-items: center; gap: 4px; font-size: .7rem; color: var(--muted);
    padding: 4px 8px; animation: hintPulse 2s ease-in-out infinite;
  }
  @keyframes hintPulse { 0%,100% { opacity: .4; } 50% { opacity: 1; } }
}

/* ── 新闻列表页 ── */
.news-page{max-width:1100px;margin:0 auto;padding:0 20px 50px}
.news-hero{text-align:center;padding:40px 0 24px}.news-hero h1{font-size:1.7rem;color:var(--dark);margin-bottom:6px}.news-hero h1 i{color:var(--primary)}.news-hero p{color:var(--muted);font-size:.92rem}
.news-cats{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:28px;padding:6px;background:#f0f0f0;border-radius:12px;width:fit-content;margin-left:auto;margin-right:auto}
.news-cats a{padding:8px 20px;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text);transition:all .2s;white-space:nowrap}
.news-cats a.active,.news-cats a:hover{background:var(--white);color:var(--dark);box-shadow:0 1px 4px rgba(0,0,0,0.06)}

/* 头条 */
.news-featured{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.04);margin-bottom:28px;transition:all .3s}.news-featured:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,0.08)}
.nf-img{position:relative;height:280px;overflow:hidden;background:#f5f5f5}.nf-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.news-featured:hover .nf-img img{transform:scale(1.04)}
.nf-badge{position:absolute;top:16px;left:16px;padding:5px 14px;background:var(--primary);color:#fff;border-radius:14px;font-size:.75rem;font-weight:700}
.nf-body{display:flex;flex-direction:column;justify-content:center;padding:24px 28px 24px 0}
.nf-body h2{font-size:1.35rem;color:var(--dark);line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nf-body>p{font-size:.9rem;color:var(--text-light);line-height:1.7;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nf-meta{display:flex;align-items:center;gap:16px;font-size:.82rem;color:var(--muted);flex-wrap:wrap}.nf-meta i{color:var(--primary);margin-right:3px}
.nf-arrow{margin-left:auto;color:var(--primary);font-weight:600;font-size:.85rem}

/* 列表卡片 */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.news-card{background:var(--white);border-radius:14px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.04);transition:all .3s;display:flex;flex-direction:column}
.news-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,0.08)}
.nc-img{height:200px;overflow:hidden;background:#f5f5f5}.nc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.news-card:hover .nc-img img{transform:scale(1.05)}
.nc-body{flex:1;padding:18px 20px 16px;display:flex;flex-direction:column}
.nc-body h3{font-size:1rem;color:var(--dark);line-height:1.5;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc-body>p{font-size:.85rem;color:var(--muted);line-height:1.6;margin:0 0 12px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc-date{font-size:.78rem;color:var(--muted);margin-top:auto}

@media(max-width:768px){
    .news-featured{grid-template-columns:1fr}.nf-img{height:200px}.nf-body{padding:18px 20px 20px}
    .news-hero{padding:24px 0 16px}.news-hero h1{font-size:1.3rem}
    .news-grid{grid-template-columns:1fr}.nc-img{height:180px}
    .news-cats{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;width:100%}.news-cats a{flex-shrink:0}
}

/* ── 文章侧边栏 + 目录树 ── */
.article-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}
.article-layout .article-card{grid-column:1}
.article-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:16px}
.side-ad-slider{position:relative;border-radius:12px;overflow:hidden;background:#f0f0f0;aspect-ratio:4/3}
.side-ad-slide{position:absolute;inset:0;opacity:0;transition:opacity .5s;display:block}
.side-ad-slide.active{opacity:1;z-index:1}
.side-ad-slide img{width:100%;height:100%;object-fit:cover}
.side-ad-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:2;display:flex;gap:6px}
.side-ad-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all .2s}
.side-ad-dots span.active,.side-ad-dots span:hover{background:#fff;transform:scale(1.3)}
.side-toc{background:var(--white);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,0.04);max-height:calc(100vh - 220px);overflow-y:auto}
.side-toc-title{font-size:.95rem;color:var(--dark);margin:0 0 12px;display:flex;align-items:center;gap:8px}.side-toc-title i{color:var(--primary)}
.toc-list{list-style:none;padding:0;margin:0}
.toc-list li{border-left:2px solid transparent;transition:all .15s}
.toc-list li.toc-h3{padding-left:16px}
.toc-list a{display:block;padding:6px 10px;font-size:.82rem;color:var(--text-light);text-decoration:none;border-radius:4px;transition:all .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toc-list a:hover{color:var(--primary);background:#fdfaf5}
.toc-list a.active{color:var(--primary);font-weight:600;background:#e8f0fe;border-left:3px solid var(--primary);margin-left:-2px}
@media(max-width:768px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.side-toc{max-height:none}}

/* ── 全局动画效果 ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* 滚动渐显 */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}
.reveal.revealed{opacity:1;transform:translateY(0)}
.reveal-item{opacity:0;transform:translateY(25px);transition:opacity .5s ease,transform .5s ease}
.reveal-item.revealed{opacity:1;transform:translateY(0)}

/* 计数器动画增强 */
.counter-num{display:inline-block;transition:transform .3s}
.counter-num.counted{animation:pulse .5s ease}

/* 卡片悬停光泽 */
.card,.news-card,.faq-card,.mall-card{position:relative;overflow:hidden}
.card::after,.news-card::after,.faq-card::after,.mall-card::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);transform:skewX(-20deg);transition:none;pointer-events:none;z-index:2}
.card:hover::after,.news-card:hover::after,.faq-card:hover::after,.mall-card:hover::after{left:120%;transition:left .6s ease}

/* Hero 图片 Ken Burns */
.hero-slide.active .hero-bg{animation:kenBurns 8s ease forwards}

/* CTA 按钮浮动 */
.hero .btn,.btn-guide-cta,.btn-submit{animation:float 3s ease-in-out infinite;animation-delay:1s}

/* 步骤流程动态 */
.step-item:hover .step-icon,.step-item:hover .step-no{animation:pulse .6s ease}

/* 计数器浮动 */
.counter-item:hover .counter-num{transform:scale(1.15)}
.counter-item:hover{transform:translateY(-4px);transition:transform .3s}

/* 统计数字装饰 */
.counters{position:relative;overflow:hidden}
.counters::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(0,123,255,0.03) 0%,transparent 70%);animation:float 8s ease-in-out infinite;pointer-events:none}

/* 优势图标旋转边框 */
.adv-icon::after{animation:spin 20s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* 按钮光泽 */
.btn-primary,.btn-buy,.btn-exchange{position:relative;overflow:hidden}
.btn-primary::after,.btn-buy::after,.btn-exchange::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left .5s}
.btn-primary:hover::after,.btn-buy:hover::after,.btn-exchange:hover::after{left:100%}

/* FAQ 卡片悬停 */
.faq-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1)}

/* ── 移动端底部导航 ── */
.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--white);border-top:1px solid #eee;padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px));justify-content:space-around;align-items:center;box-shadow:0 -2px 8px rgba(0,0,0,0.04)}
.mobile-tab-bar a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:.68rem;text-decoration:none;padding:4px 8px;transition:color .15s}
.mobile-tab-bar a i{font-size:1.2rem}
.mobile-tab-bar a.active,.mobile-tab-bar a:hover{color:var(--primary)}
@media(max-width:768px){.mobile-tab-bar{display:flex}body{padding-bottom:60px}}
.back-top-btn{position:fixed;bottom:30px;right:20px;width:44px;height:44px;border-radius:50%;background:#007bff;color:#fff;border:none;cursor:pointer;display:none;z-index:100;font-size:1.1rem;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:opacity .3s;-webkit-tap-highlight-color:transparent}
@media(max-width:768px){.mobile-tab-bar~.back-top-btn{bottom:70px}}
@media(min-width:769px){body{padding-bottom:0}}

/* ── 文章密码保护 ── */
.pwd-article-wrap{display:flex;justify-content:center;padding:40px 0}
.pwd-article-card{background:#fff;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,0.06);padding:50px 40px;text-align:center;max-width:420px;width:100%}
.pwd-article-card .pwd-icon{font-size:3.5rem;margin-bottom:18px}
.pwd-article-card h2{font-size:1.2rem;color:#1a3a5c;margin:0 0 8px;font-weight:700}
.pwd-article-card .pwd-sub{color:#999;font-size:.9rem;margin:0 0 24px}
.pwd-article-card .pwd-error{color:#dc3545;font-size:.85rem;margin-bottom:16px;background:#fff5f5;padding:8px 16px;border-radius:8px;display:inline-block}
.pwd-article-card .pwd-form{display:flex;gap:10px;max-width:300px;margin:0 auto}
.pwd-article-card .pwd-form input{flex:1;height:44px;border:2px solid #e0e0e0;border-radius:10px;padding:0 14px;font-size:.95rem;outline:none;transition:border .2s}
.pwd-article-card .pwd-form input:focus{border-color:#c8a45c}
.pwd-article-card .pwd-form button{height:44px;padding:0 22px;background:linear-gradient(135deg,#c8a45c,#b8923e);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}
.pwd-article-card .pwd-form button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(200,164,92,.3)}

/* ═══ 机器人页面公共样式 ═══ */
.robot-page{--r-primary:#00d4ff;--r-dark:#0a1628}
.robot-section{max-width:1100px;margin:0 auto;padding:70px 20px}
@media(max-width:768px){.robot-section{padding:40px 16px}}
/* Hero */
.robot-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:400px;overflow:hidden;background:linear-gradient(135deg,#0a1628 0%,#1a2d4a 50%,#0d1f3c 100%)}
.robot-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.25;mix-blend-mode:overlay}
.robot-hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(0,212,255,0.08),transparent 70%)}
.robot-hero-content{position:relative;z-index:1;text-align:center;max-width:700px;padding:40px 20px}
.robot-hero-content h1{font-size:2.6rem;font-weight:900;color:#fff;margin:0 0 16px;letter-spacing:-1px}
.robot-hero-sub{font-size:1.1rem;color:rgba(255,255,255,0.6);margin:0 0 32px}
.robot-hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.robot-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#00d4ff,#0099cc);color:#fff;border:none;border-radius:50px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 4px 20px rgba(0,212,255,.3)}
.robot-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,212,255,.4)}
.robot-btn-outline{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3);border-radius:50px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s}
.robot-btn-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}
@media(max-width:768px){.robot-hero-content h1{font-size:1.6rem}.robot-hero-sub{font-size:.9rem}}

/* ── 文章底部署名/来源 ── */
.article-credit{margin-top:40px;font-size:13px;color:#bbb}
.article-credit .credit-line{display:block;width:100%;height:1px;background:linear-gradient(90deg,#e8e8e8,transparent);margin-bottom:14px}
.article-credit .credit-label{color:#bbb;margin-right:2px}
.article-credit .credit-inner{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}
.article-credit .credit-item{white-space:nowrap;color:#bbb}
.article-credit .credit-item strong{color:#aaa;font-weight:400}
.article-credit .credit-item a{color:#aaa;text-decoration:none;border-bottom:1px dashed #ddd;padding-bottom:1px}
.article-credit .credit-item a:hover{color:#c8a45c}