:root{
  --coral:#ff7f73;
  --coral-dark:#f1635d;
  --blue:#65a9df;
  --blue-deep:#173b68;
  --mint:#77c6ad;
  --mint-soft:#edf9f4;
  --yellow:#f7c466;
  --cream:#fff9ef;
  --ink:#263449;
  --text:#556579;
  --muted:#8a97a8;
  --line:#edf0f5;
  --bg:#fbfcff;
  --shadow:0 12px 34px rgba(41,64,101,.08);
  --soft-shadow:0 8px 24px rgba(41,64,101,.06);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  background:#fff;
  color:var(--ink);
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.page{max-width:1580px;margin:0 auto;padding:0 48px 52px}
.notice{margin:14px auto 18px;padding:13px 18px;border-radius:18px;background:#fff8df;color:#946a00;border:1px solid #ffe4a8}

/* 顶部导航：按参考图还原 */
.site-header{height:82px;background:#fff;border-bottom:1px solid #f2f3f7;position:sticky;top:0;z-index:20}
.header-inner{max-width:1580px;height:82px;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;flex-direction:column;gap:1px;min-width:160px}
.brand-cn{font-size:34px;line-height:1;font-weight:900;letter-spacing:2px;background:linear-gradient(90deg,#ff776e 0 42%,#44b8cf 68%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand em{font-size:11px;color:#7c8999;font-style:normal;letter-spacing:2px;white-space:nowrap}
.top-nav{display:flex;align-items:center;justify-content:center;gap:54px;flex:1;font-size:17px;font-weight:700;color:#202c3d}
.top-nav a{position:relative;padding:30px 0 25px;white-space:nowrap}
.top-nav a.active,.top-nav a:hover{color:var(--coral-dark)}
.top-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:16px;height:3px;border-radius:999px;background:var(--coral-dark)}
.header-actions{display:flex;align-items:center;gap:14px;min-width:168px;justify-content:flex-end}
.header-mini{font-size:13px;color:#69778b;font-weight:700}
.search-circle{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ffd6d1;color:var(--coral-dark);font-size:26px;box-shadow:0 8px 20px rgba(255,127,115,.12)}

.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--coral),var(--coral-dark));color:white;font-weight:800;padding:11px 22px;box-shadow:0 10px 22px rgba(255,112,102,.22);cursor:pointer;white-space:nowrap}
.btn.small{padding:7px 12px;font-size:13px}
.btn.ghost{background:#fff;color:#5798d1;border:1px solid #cfe4f8;box-shadow:none}
.btn.green{background:linear-gradient(135deg,#74c8a7,#56ad8c)}
.btn.gold{background:linear-gradient(135deg,#f6c969,#e8a83b)}

/* 首页大横幅：参考图蓝色云朵、右侧童装花型拼贴 */
.hero-lite{margin:0 0 20px;min-height:296px;border-radius:24px;background:linear-gradient(100deg,#e8f5ff 0%,#f4fbff 52%,#fff8f0 100%);border:1px solid #e7eef8;box-shadow:var(--shadow);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;position:relative}
.hero-lite:before{content:"";position:absolute;left:0;top:0;bottom:0;width:58%;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.95) 0 12%,transparent 13%),radial-gradient(circle at 38% 108%,rgba(255,255,255,.74) 0 22%,transparent 23%),radial-gradient(circle at 86% 16%,rgba(255,255,255,.62) 0 10%,transparent 11%);opacity:.78}
.hero-lite:after{content:"✦";position:absolute;left:40%;top:86px;color:#fff;font-size:34px;text-shadow:0 2px 7px rgba(76,123,177,.14)}
.hero-copy{position:relative;z-index:1;padding:42px 48px 38px 80px}
.hero-copy h1{margin:0 0 12px;font-size:52px;letter-spacing:2px;line-height:1.08;color:#113760;font-weight:900;text-shadow:0 2px 0 rgba(255,255,255,.55)}
.hero-copy .subtitle{font-size:24px;color:#46556a;margin:0 0 26px;letter-spacing:1px}
.hero-search{width:min(680px,100%);display:grid;grid-template-columns:1fr 128px;align-items:center;gap:10px;background:#fff;border:1px solid #e3e9f3;border-radius:999px;padding:8px 8px 8px 22px;box-shadow:0 7px 22px rgba(45,79,125,.13)}
.hero-search:before{content:"⌕";font-size:24px;color:#a4afbf;margin-right:5px;grid-column:1;grid-row:1;z-index:2}
.hero-search input{grid-column:1;grid-row:1;width:100%;border:0;outline:0;background:transparent;padding:12px 12px 12px 32px;font-size:16px;color:#526273}
.hero-search .btn{grid-column:2;grid-row:1;padding:12px 18px;font-size:16px}
.hero-features{display:flex;flex-wrap:wrap;gap:34px;margin-top:20px;color:#68788a;font-size:15px;font-weight:600}
.hero-features span{position:relative;padding-left:22px}
.hero-features span:before{content:"✓";position:absolute;left:0;top:0;color:#5c9ad4;border:1px solid #9cc5e7;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:#eef7ff}
.hero-art{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:center;padding:10px 24px 8px 0}
.hero-art img{width:100%;height:290px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(53,76,107,.14))}

/* 首页分类卡片 */
.category-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin:18px 0 18px}
.category-pill{min-height:92px;display:flex;align-items:center;gap:16px;padding:18px 20px;background:linear-gradient(135deg,#fff,#fff8ed);border:1px solid #edf0f5;border-radius:18px;box-shadow:var(--soft-shadow);transition:.18s}
.category-pill:nth-child(2){background:linear-gradient(135deg,#fff,#eef7ff)}
.category-pill:nth-child(3){background:linear-gradient(135deg,#fff,#effaf5)}
.category-pill:nth-child(4){background:linear-gradient(135deg,#fff,#eef8ff)}
.category-pill:nth-child(5){background:linear-gradient(135deg,#fff,#fff0ef)}
.category-pill:nth-child(6){background:linear-gradient(135deg,#fff,#fff7ee)}
.category-pill:hover{transform:translateY(-2px)}
.category-pill i,.category-box i{font-style:normal;font-size:38px;line-height:1}
.category-pill b,.category-box b{display:block;font-size:19px;letter-spacing:1px;color:#33445a}
.category-pill span,.category-box span{display:block;color:#7c8a9b;font-size:13px;margin-top:6px}

.section-head,.list-header,.standalone{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:22px 0 14px}
.section-head h2,.list-header h1,.standalone h1{margin:0;font-size:24px;color:#263649;position:relative;padding-left:20px}
.section-head h2:before,.list-header h1:before,.standalone h1:before{content:"";position:absolute;left:0;top:6px;width:6px;height:20px;border-radius:999px;background:linear-gradient(var(--coral),#ffb1a7)}
.section-head a{color:#7f8da0;font-size:14px}
.list-header p{margin:6px 0 0;color:var(--muted)}
.list-search{display:flex;gap:10px}.list-search input{width:420px;border:1px solid #dfe8f3;border-radius:999px;padding:12px 16px;background:#fff}

/* 首页精选推荐：改成参考图横向小卡片 */
.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.resource-card{min-height:162px;background:#fff;border:1px solid #ebeff5;border-radius:14px;box-shadow:var(--soft-shadow);display:grid;grid-template-columns:104px 1fr;gap:10px;padding:10px;overflow:hidden;transition:.18s}
.resource-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(48,69,103,.1)}
.res-thumb{display:block;width:104px;height:142px;border-radius:12px;overflow:hidden;background:#f7f9fc}
.res-thumb img{width:100%;height:100%;object-fit:cover;background:#f6f8fb}
.card-body{min-width:0;display:flex;flex-direction:column;justify-content:flex-start;padding:2px 0 0}
.resource-card h3{margin:0 0 8px;font-size:16px;color:#2f3e52;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.tag-chip{display:inline-flex;align-items:center;padding:3px 6px;border-radius:5px;background:#fff0ef;color:#ef6f65;font-size:11px;line-height:1.2;font-weight:700;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tag-chip.green{background:#edf8f1;color:#5da884}
.meta-row{display:flex;gap:6px;margin-bottom:8px}
.meta-row span{display:inline-flex;padding:4px 7px;border-radius:5px;background:#f8f9fb;color:#7b8796;font-size:12px;line-height:1}
.price-row{display:flex;align-items:center;justify-content:space-between;margin:2px 0 4px}
.price-row b{font-size:15px;color:var(--coral-dark)}
.price-row span{font-size:11px;color:#779084;display:none}
.buyout-note{display:inline-flex;align-self:flex-start;margin:0 0 6px;padding:3px 7px;border-radius:999px;background:#fff8e8;border:1px solid #f2dda4;color:#9a7b32;font-size:11px;font-weight:700}
.card-actions{display:flex;gap:5px;margin-top:auto}.card-actions .btn{padding:6px 8px;font-size:12px;box-shadow:none}.card-actions .btn.ghost{color:#5f9ed3;background:#f8fbff}

/* 底部权益：参考图横向模块 */
.benefit-band{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.4fr;gap:0;margin-top:24px;background:#fff;border:1px solid #edf0f5;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.benefit-card,.benefit-cta{padding:22px 28px;border-right:1px solid #eef1f5;display:flex;gap:16px;align-items:center;background:#fff}.benefit-card:last-child{border-right:0}
.benefit-card i{width:62px;height:62px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef7ff,#d7ecff);color:#5293cf;font-style:normal;font-size:24px;font-weight:900;flex:0 0 auto}.benefit-card:nth-child(1) i{background:linear-gradient(135deg,#fff0ef,#ffd9d4);color:#ef6f65}.benefit-card:nth-child(3) i{background:linear-gradient(135deg,#effaf5,#d9f2e8);color:#59ae8c}.benefit-card:nth-child(4) i{background:linear-gradient(135deg,#fff8df,#ffe9a8);color:#e3a02e}
.benefit-card b{font-size:18px;color:#314055}.benefit-card p,.benefit-cta p{margin:4px 0 0;color:#7b8798;line-height:1.7;font-size:13px}.benefit-cta{justify-content:space-between;background:linear-gradient(135deg,#fff,#fff8ef);border-right:0}.benefit-cta h3{margin:0;font-size:22px;color:#28374b}.benefit-cta .btn{margin-top:10px;padding:8px 20px}

/* 分类页 */
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-box{min-height:150px;background:#fff;border:1px solid #edf0f5;border-radius:20px;box-shadow:var(--soft-shadow);padding:28px;text-align:center}

/* 通用表单 / 会员 / 订单 */
.auth-box,.member-hero,.cart-box,.checkout-box,.orders-box,.profile-box,.pay-box{max-width:980px;margin:28px auto;background:#fff;border:1px solid #eaf0f4;border-radius:26px;box-shadow:var(--shadow);padding:32px}.auth-box form{display:grid;gap:14px}.auth-box input,.checkout-box input,.checkout-box select,textarea{width:100%;padding:12px 14px;border:1px solid #dfe7f1;border-radius:14px;margin-top:6px}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.price-card{background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:var(--soft-shadow);padding:26px;text-align:center}.price-card i{font-style:normal;font-size:42px}.price-card strong{font-size:36px;color:var(--coral-dark)}.price-card ul{text-align:left;line-height:2;color:#627488}

/* 产品详情页：清爽产品页，和首页同一视觉体系 */
.detail-wrap{display:grid;grid-template-columns:minmax(560px,1.12fr) minmax(380px,.88fr);gap:24px;margin:22px 0 0}
.preview-wall{background:#fff;border:1px solid #edf0f5;border-radius:22px;box-shadow:var(--shadow);padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-content:start}.preview-wall img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;background:#f7f9fc;border:1px solid #f0f3f7}.preview-wall img:first-child{grid-column:span 2;aspect-ratio:16/9;object-fit:cover}
.detail-info{background:linear-gradient(180deg,#fff,#fffdf9);border:1px solid #edf0f5;border-radius:22px;box-shadow:var(--shadow);padding:28px;align-self:start;position:sticky;top:100px}.detail-info h1{margin:0 0 10px;font-size:34px;line-height:1.2;color:#23354e}.detail-info .tags{color:#7d8a9a;line-height:1.8;margin-bottom:12px}.detail-info p{color:#5d6b7e;line-height:1.8}.detail-info dl{display:grid;grid-template-columns:98px 1fr;gap:12px;margin:18px 0;padding:18px;border-radius:16px;background:#f8fbff;border:1px solid #edf3fb}.detail-info dt{color:#8390a2}.detail-info dd{margin:0;color:#35455b;font-weight:700}.detail-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.detail-prices div{background:#fff;border:1px solid #edf0f5;border-radius:16px;padding:15px;text-align:center;box-shadow:0 6px 16px rgba(47,72,107,.05)}.detail-prices strong{display:block;font-size:27px;color:var(--coral-dark)}.detail-prices span{display:block;color:#7c8a9a;font-size:12px;margin-top:4px}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.detail-actions .btn{flex:1;min-width:120px}.hint{margin-top:18px;color:#8794a5;font-size:13px;line-height:1.8;background:#fff9ec;border:1px solid #ffe5b6;border-radius:14px;padding:12px 14px}

.order-box table,.cart-box table,.orders-box table{width:100%;border-collapse:collapse;margin:18px 0}.order-box td,.cart-box td,.cart-box th,.orders-box th,.orders-box td{padding:14px;border-bottom:1px solid #eef2f7;text-align:left}.pay-card{text-align:center}.qr-box{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:center;max-width:760px;margin:18px auto}.qr-box img{width:240px;height:240px;border-radius:18px;border:1px solid #edf0f5;padding:8px;background:#fff}.qr-box textarea{height:170px;border:1px dashed #d6deeb;border-radius:16px;padding:14px}.profile-card{font-size:18px;line-height:2}

.footer{background:#fff;border-top:1px solid #eef2f6;margin-top:38px}.footer-inner{max-width:1580px;margin:0 auto;padding:28px 48px;color:#79889a;text-align:center}.footer-brand b{font-size:30px;background:linear-gradient(90deg,#ff7f73,#ff6d66 46%,#44b8d7);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:14px 0}

@media(max-width:1320px){.top-nav{gap:28px}.resource-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.benefit-band{grid-template-columns:repeat(2,1fr)}.benefit-cta{grid-column:span 2}.category-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.site-header{height:auto}.header-inner{height:auto;padding:14px 20px;align-items:flex-start;flex-wrap:wrap}.top-nav{order:3;width:100%;display:flex;gap:18px;overflow:auto;justify-content:flex-start}.top-nav a{padding:10px 0}.top-nav a.active:after{bottom:3px}.header-actions{min-width:auto}.page,.footer-inner{padding-left:20px;padding-right:20px}.hero-lite{grid-template-columns:1fr;border-radius:22px}.hero-copy{padding:28px 24px}.hero-copy h1{font-size:36px}.hero-copy .subtitle{font-size:18px}.hero-search{grid-template-columns:1fr;border-radius:22px}.hero-search .btn{grid-column:1;grid-row:2}.hero-art{padding:0 10px 18px}.hero-art img{height:auto}.category-strip,.category-grid,.pricing,.benefit-band{grid-template-columns:1fr}.benefit-cta{grid-column:auto}.resource-grid{grid-template-columns:1fr}.detail-wrap{grid-template-columns:1fr}.detail-info{position:static}.preview-wall{grid-template-columns:1fr}.preview-wall img:first-child{grid-column:auto}.detail-prices{grid-template-columns:1fr}.list-header,.section-head{flex-direction:column;align-items:flex-start}.list-search{width:100%}.list-search input{width:100%}.qr-box{grid-template-columns:1fr}}

/* V5 修正：搜索框更容易点击输入，预览图支持单独查看 */
.hero-search{width:min(760px,100%)!important;display:flex!important;align-items:center!important;gap:12px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;position:relative;z-index:5}
.hero-search:before{display:none!important;content:none!important}.search-input-wrap{flex:1;min-width:0;height:58px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e3e9f3;border-radius:999px;padding:0 20px;box-shadow:0 8px 24px rgba(45,79,125,.13);cursor:text}.search-input-wrap span{font-size:14px;font-weight:800;color:#5d9ed8;background:#edf7ff;border-radius:999px;padding:6px 12px;white-space:nowrap}.search-input-wrap input{flex:1!important;display:block!important;height:56px!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;padding:0!important;font-size:17px!important;color:#33465e!important;cursor:text}.search-input-wrap input::placeholder{color:#9aa9ba}.hero-search .btn{flex:0 0 auto!important;height:58px!important;padding:0 30px!important;font-size:17px!important}.preview-wall{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.preview-wall img:first-child{grid-column:auto!important;aspect-ratio:4/5!important}.preview-open{display:block;position:relative;border-radius:16px;overflow:hidden;background:#f7f9fc;border:1px solid #f0f3f7;cursor:zoom-in}.preview-open:after{content:'点击查看';position:absolute;right:8px;bottom:8px;background:rgba(29,45,68,.68);color:#fff;font-size:12px;padding:4px 8px;border-radius:999px;opacity:0;transition:.2s}.preview-open:hover:after{opacity:1}.preview-open img{border:0!important;border-radius:0!important}.lightbox-mask{position:fixed;inset:0;background:rgba(12,22,34,.76);z-index:9999;display:flex;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}.lightbox-mask img{max-width:min(96vw,1300px);max-height:92vh;border-radius:18px;box-shadow:0 20px 80px rgba(0,0,0,.35);background:#fff}.lightbox-close{position:fixed;right:24px;top:18px;width:42px;height:42px;border-radius:50%;background:#fff;color:#1d2d44;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;box-shadow:0 8px 28px rgba(0,0,0,.18)}
@media(max-width:920px){.hero-search{flex-direction:column!important;align-items:stretch!important}.search-input-wrap{width:100%;border-radius:20px}.hero-search .btn{width:100%;height:52px!important}.preview-wall{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.preview-wall{grid-template-columns:1fr!important}.search-input-wrap span{display:none}.search-input-wrap{padding:0 16px}}

/* V6 修改：去掉前台上传/申请入驻，首页右下角改为个人会员中心 */
.member-panel-home{
  background:linear-gradient(135deg,#fff,#f5fbff)!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:100%;
}
.member-panel-home h3{
  display:flex;
  align-items:center;
  gap:8px;
}
.member-panel-home h3:before{
  content:'👤';
  width:36px;
  height:36px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#eff7ff;
  font-size:18px;
}
.member-panel-home p{
  margin-top:8px!important;
  line-height:1.9!important;
}
.member-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
.member-cta-actions .btn{
  margin-top:0!important;
}
.cart-link,.profile-link{
  font-size:13px;
  color:#556579;
  font-weight:800;
  white-space:nowrap;
}
@media(max-width:1320px){
  .header-actions{min-width:auto;gap:10px}
  .cart-link,.profile-link{display:none}
}

/* V8：会员、轮播、12分类、底部广告 */
.hero-carousel{position:relative;overflow:hidden;min-height:430px;background:#eef7ff!important;padding:0!important;display:flex!important;align-items:center}.hero-carousel .hero-copy{position:relative;z-index:2;width:min(720px,60%);margin-left:44px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);border-radius:28px;padding:42px 46px;box-shadow:0 18px 48px rgba(49,68,102,.13)}.hero-slides{position:absolute;inset:0;z-index:0}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .6s ease}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.75),rgba(255,255,255,.2))}.hero-slide.active{opacity:1}.twelve-cats{grid-template-columns:repeat(6,1fr)!important}.cat-img{width:44px;height:44px;border-radius:14px;object-fit:cover;flex:0 0 auto}.footer-ad{max-width:1580px;margin:30px auto 0;padding:0 48px}.footer-ad img{width:100%;height:auto;max-height:170px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow);border:1px solid #edf0f5}.profile-preferences{margin-top:22px;background:#f8fbff;border:1px solid #e4edf8;border-radius:22px;padding:22px}.profile-preferences input[type="text"],.profile-preferences input[type="tel"]{width:100%;padding:12px 14px;border:1px solid #dfe7f1;border-radius:14px;margin-top:6px}.admin-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.admin-check-grid label{background:#fff;border:1px solid #e5ecf5;border-radius:12px;padding:10px 12px;display:flex;gap:8px;align-items:center}.guess-grid{background:#fffdf7;border:1px solid #f2e6cf;border-radius:22px;padding:18px}@media(max-width:1320px){.twelve-cats{grid-template-columns:repeat(3,1fr)!important}.hero-carousel .hero-copy{width:calc(100% - 60px);margin:30px}}@media(max-width:760px){.twelve-cats{grid-template-columns:1fr!important}.hero-carousel .hero-copy{width:calc(100% - 32px);margin:16px;padding:26px}.footer-ad{padding:0 20px}.admin-check-grid{grid-template-columns:1fr}}

/* V9 logo + hero three-image layout */
.logo-brand{min-width:168px;display:flex!important;align-items:center;justify-content:flex-start;gap:0;line-height:1}.logo-brand img{display:block;width:168px;height:auto;max-height:62px;object-fit:contain}.logo-footer{display:flex!important;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.logo-footer img{width:170px;height:auto;object-fit:contain}.admin-logo-img img{width:150px;height:auto;display:block;margin:0 auto 8px;object-fit:contain}.brand-cn,.brand em{display:none!important}
.hero-triple{display:grid!important;grid-template-columns:minmax(430px,.78fr) minmax(620px,1.22fr)!important;gap:26px!important;align-items:stretch!important;padding:28px!important;min-height:360px!important;background:linear-gradient(100deg,#eaf5ff 0%,#f8fbff 48%,#fff8ef 100%)!important}.hero-triple:before,.hero-triple:after{pointer-events:none}.hero-triple .hero-copy{position:relative!important;z-index:2!important;width:auto!important;margin:0!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.78)!important;backdrop-filter:blur(8px);border-radius:26px!important;padding:42px 42px!important;box-shadow:0 18px 44px rgba(49,68,102,.12)!important}.hero-triple .hero-copy h1{font-size:48px!important}.hero-three-images{position:relative!important;inset:auto!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;height:auto!important}.hero-image-card{position:relative;display:block;border-radius:24px;overflow:hidden;background:#fff;border:1px solid #e8edf5;box-shadow:0 14px 38px rgba(49,68,102,.1);min-height:302px}.hero-image-card img{width:100%;height:100%;min-height:302px;object-fit:cover;display:block}.hero-image-card span{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);color:#34506b;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800;box-shadow:0 5px 18px rgba(49,68,102,.1)}.hero-triple .hero-search{margin-top:4px}.hero-triple .hero-features{margin-top:18px}.hero-slide{position:relative!important;opacity:1!important}.guess-grid{display:none!important}
@media(max-width:1180px){.hero-triple{grid-template-columns:1fr!important}.hero-three-images{grid-template-columns:repeat(3,1fr)!important}.hero-image-card,.hero-image-card img{min-height:210px}.logo-brand img{width:150px}.hero-triple .hero-copy h1{font-size:40px!important}}
@media(max-width:760px){.hero-three-images{grid-template-columns:1fr!important}.hero-image-card,.hero-image-card img{min-height:220px}.logo-footer img{width:150px}.logo-brand img{width:138px}.hero-triple{padding:16px!important}.hero-triple .hero-copy{padding:24px!important}}

/* V10: 首页主图改为单张横版轮播，每次显示1张整图，搜索保持左侧覆盖 */
.hero-carousel-v10{position:relative!important;display:flex!important;align-items:center!important;min-height:430px!important;overflow:hidden!important;border-radius:26px!important;padding:0!important;background:#eef7ff!important;box-shadow:var(--shadow)!important;border:1px solid #e7eef8!important}
.hero-carousel-v10:before,.hero-carousel-v10:after{display:none!important;content:none!important}.hero-carousel-v10 .hero-slides-v10{position:absolute!important;inset:0!important;z-index:0!important;display:block!important}.hero-slide-v10{position:absolute!important;inset:0!important;display:block!important;background-size:cover!important;background-position:center!important;opacity:0!important;transition:opacity .55s ease!important}.hero-slide-v10:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.72) 42%,rgba(255,255,255,.12) 78%,rgba(255,255,255,0) 100%)}.hero-slide-v10.active{opacity:1!important}.hero-carousel-v10 .hero-copy{position:relative!important;z-index:2!important;width:min(720px,56%)!important;margin-left:58px!important;background:rgba(255,255,255,.76)!important;border:1px solid rgba(255,255,255,.8)!important;backdrop-filter:blur(8px)!important;border-radius:28px!important;padding:42px 46px!important;box-shadow:0 18px 48px rgba(49,68,102,.13)!important}.hero-carousel-v10 .hero-copy h1{font-size:50px!important}.hero-dots-v10{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px;background:rgba(255,255,255,.7);padding:9px 13px;border-radius:999px;box-shadow:0 6px 18px rgba(49,68,102,.12)}.hero-dots-v10 button{width:10px;height:10px;border:0;border-radius:50%;background:#c6d4e3;cursor:pointer;padding:0}.hero-dots-v10 button.active{width:26px;border-radius:999px;background:var(--coral2)}.hero-three-images,.hero-image-card{display:none!important}
/* V10: 产品详情页6张介绍图，点击可单独查看 */
.preview-wall-six{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.preview-wall-six .preview-open{display:block;position:relative;border-radius:16px;overflow:hidden;background:#f7f9fc;border:1px solid #f0f3f7;cursor:zoom-in}.preview-wall-six .preview-open img{width:100%;aspect-ratio:4/5;object-fit:cover;border:0!important;border-radius:0!important;background:#f8fafd}.preview-wall-six .preview-open span{position:absolute;left:8px;top:8px;background:rgba(255,255,255,.9);color:#33465e;font-size:12px;font-weight:800;border-radius:999px;padding:4px 8px}.preview-wall-six .preview-open:after{content:'点击查看';position:absolute;right:8px;bottom:8px;background:rgba(29,45,68,.68);color:#fff;font-size:12px;padding:4px 8px;border-radius:999px;opacity:0;transition:.2s}.preview-wall-six .preview-open:hover:after{opacity:1}
@media(max-width:1180px){.hero-carousel-v10 .hero-copy{width:calc(100% - 56px)!important;margin:28px!important}.hero-carousel-v10 .hero-copy h1{font-size:40px!important}}
@media(max-width:760px){.hero-carousel-v10{min-height:520px!important;align-items:flex-start!important}.hero-carousel-v10 .hero-copy{width:calc(100% - 32px)!important;margin:16px!important;padding:24px!important}.hero-carousel-v10 .hero-copy h1{font-size:34px!important}.preview-wall-six{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:520px){.preview-wall-six{grid-template-columns:1fr!important}}

.promoter-center{margin-top:22px;background:#fff;border:1px solid #edf0f5;border-radius:22px;box-shadow:var(--shadow);padding:22px}.promoter-center input{width:100%;padding:10px 12px;border:1px solid #dfe7f1;border-radius:12px}.withdraw-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;align-items:end}.mini-table{width:100%;border-collapse:collapse;margin:12px 0}.mini-table th,.mini-table td{border-bottom:1px solid #edf0f5;padding:10px;text-align:left}@media(max-width:920px){.withdraw-form{grid-template-columns:1fr}}

/* V12: 设计找我页面、底部说明页面、分类图片显示 */
.simple-page{max-width:1080px;margin:28px auto;background:#fff;border:1px solid #edf0f5;border-radius:26px;box-shadow:var(--shadow);padding:36px;line-height:1.9}.simple-page h1{font-size:36px;margin:0 0 18px;color:var(--ink)}.rich-text{font-size:17px;color:#4c5e73;white-space:normal}.design-me-page{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.simple-page-image img{width:100%;max-height:420px;object-fit:contain;border-radius:22px;border:1px solid #edf0f5;background:#f8fbff}.category-box .cat-img{width:70px;height:70px;margin:0 auto 10px;border-radius:18px;object-fit:cover}.category-box>i{font-size:42px;font-style:normal;display:block;margin-bottom:10px}@media(max-width:760px){.design-me-page{grid-template-columns:1fr}.simple-page{padding:24px;margin:18px auto}.simple-page h1{font-size:30px}}

/* V13 final refinements */
.home-ad{max-width:1580px;margin:0 auto 22px;padding:0}.home-ad img{width:100%;height:auto;max-height:190px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow);border:1px solid #edf0f5}.footer-ad{max-width:1580px!important;margin:32px auto 0!important;padding:0!important}.footer-ad img{width:100%;max-height:190px;object-fit:cover;border-radius:24px}.benefit-icon-img{width:62px;height:62px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#eef7ff}.member-level-icon{width:58px;height:58px;border-radius:18px;object-fit:cover;display:block;margin:0 auto 8px}.profile-card-avatar{display:flex;gap:22px;align-items:flex-start}.member-avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;border:5px solid #eef7ff;box-shadow:0 10px 24px rgba(49,68,102,.12);flex:0 0 auto}.profile-preferences input[type="file"]{display:block;margin-top:8px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.checkout-pay-form{background:#f8fbff;border:1px solid #e4edf8;border-radius:22px;padding:24px;display:grid;gap:14px;position:sticky;top:98px}.checkout-pay-form h2{margin:0 0 4px}.checkout-pay-form label{display:block;background:#fff;border:1px solid #e2eaf4;border-radius:14px;padding:12px}.lightbox-prev,.lightbox-next{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#1d2d44;font-size:42px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px rgba(0,0,0,.18);cursor:pointer;z-index:10000}.lightbox-prev{left:28px}.lightbox-next{right:28px}.lightbox-count{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:rgba(255,255,255,.92);border-radius:999px;padding:9px 16px;color:#1d2d44;font-weight:700;box-shadow:0 8px 28px rgba(0,0,0,.16);z-index:10000}.gallery-lightbox img{cursor:pointer}.detail-info dl{grid-template-columns:82px 1fr}
@media(max-width:920px){.home-ad,.footer-ad{padding:0!important;margin-left:20px!important;margin-right:20px!important}.checkout-layout{grid-template-columns:1fr}.checkout-pay-form{position:static}.profile-card-avatar{flex-direction:column}.lightbox-prev,.lightbox-next{width:42px;height:42px;font-size:32px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-count{bottom:12px;font-size:13px}}

/* V17: 个人中心与会员图标优化 */
.member-level-icon{width:30px!important;height:30px!important;border-radius:10px!important;margin-bottom:6px!important}.price-card i{font-size:24px!important}.profile-upgrade-btn{transform:scale(.78);transform-origin:left center;padding:8px 16px!important;margin-top:6px}.recent-purchases{margin-top:22px;background:#fff;border:1px solid #edf0f5;border-radius:22px;box-shadow:var(--soft-shadow);padding:22px;overflow-x:auto}.recent-purchases h2{margin:0 0 12px;font-size:22px}.recent-purchases table{min-width:760px}.profile-box .profile-preferences{display:none!important}

/* V19: 微信/手机端自适应、禁止图片选择、付款提示、独立缩略图展示 */
img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.pay-mobile-note{margin:14px 0 0;background:#fff8e8;border:1px solid #f1ddaa;color:#865a09;border-radius:16px;padding:13px 16px;line-height:1.7;font-weight:700}.pay-qr-img{touch-action:manipulation}.resource-card .res-thumb img{pointer-events:auto}.wide-thumb{width:92px!important;height:54px!important;object-fit:cover!important;border-radius:12px!important}.edit-form small{display:block;color:#7a8794;margin-top:6px;line-height:1.5}.admin-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-check{margin:0!important;background:#f8fbff;border:1px solid #e8eff7;border-radius:12px;padding:8px!important}
@media(max-width:760px){
  html{font-size:15px}.page{padding-left:14px!important;padding-right:14px!important}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}.header-inner{padding:10px 14px!important;gap:10px!important}.logo-brand img{width:128px!important}.top-nav{gap:14px!important;font-size:14px;white-space:nowrap;padding-bottom:4px}.header-actions{width:100%;justify-content:space-between;font-size:13px;gap:8px;flex-wrap:wrap}.search-circle{display:none!important}.home-ad{margin:12px 0 14px!important;padding:0!important}.home-ad img,.footer-ad img{border-radius:16px;max-height:118px!important}.hero-carousel-v10{min-height:560px!important;border-radius:20px!important}.hero-slide-v10{background-position:center!important}.hero-slide-v10:after{background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.7) 52%,rgba(255,255,255,.18) 100%)!important}.hero-carousel-v10 .hero-copy{width:calc(100% - 24px)!important;margin:12px!important;padding:22px 18px!important;border-radius:22px!important}.hero-carousel-v10 .hero-copy h1{font-size:30px!important;line-height:1.15!important}.hero-copy .subtitle{font-size:15px!important}.hero-search{display:flex!important;flex-direction:column!important;gap:10px!important;padding:0!important;background:transparent!important;box-shadow:none!important}.search-input-wrap{height:52px!important;border-radius:18px!important;padding:0 14px!important}.search-input-wrap input{height:50px!important;font-size:15px!important}.hero-search .btn{width:100%!important;height:50px!important}.hero-features{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.hero-features span{font-size:12px!important;padding:8px 10px!important}.hero-dots-v10{bottom:14px!important}.category-strip.twelve-cats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.category-pill{padding:12px!important;border-radius:18px!important}.resource-grid{grid-template-columns:1fr!important;gap:12px!important}.resource-card{grid-template-columns:92px 1fr!important;min-height:auto!important;padding:10px!important}.res-thumb{width:92px!important;height:122px!important}.card-body h3{font-size:15px!important}.tag-chip{font-size:10px!important}.detail-wrap{grid-template-columns:1fr!important;gap:16px!important}.detail-info{position:static!important;border-radius:20px!important;padding:20px!important}.detail-info h1{font-size:28px!important}.preview-wall-six{grid-template-columns:repeat(2,1fr)!important;padding:12px!important;gap:10px!important}.preview-wall-six .preview-open img{aspect-ratio:4/5!important}.detail-prices{grid-template-columns:1fr!important}.detail-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.cart-box,.checkout-box,.orders-box,.profile-box,.pay-box,.auth-box,.simple-page{margin:16px auto!important;padding:18px!important;border-radius:20px!important}.cart-box table,.orders-box table,.mini-table{display:block;overflow-x:auto;white-space:nowrap}.checkout-layout{grid-template-columns:1fr!important}.checkout-pay-form{position:static!important}.qr-box{grid-template-columns:1fr!important}.qr-box img{max-width:240px;width:100%;margin:0 auto}.footer-inner{padding:28px 14px!important}.footer-brand{flex-direction:column;align-items:flex-start!important;gap:8px}.footer-links{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.benefit-band{grid-template-columns:1fr!important}.admin-check-grid{grid-template-columns:1fr!important}
}
@media(min-width:761px) and (max-width:1180px){.resource-grid{grid-template-columns:repeat(3,1fr)!important}.resource-card{grid-template-columns:88px 1fr!important}.res-thumb{width:88px!important;height:116px!important}.category-strip.twelve-cats{grid-template-columns:repeat(3,1fr)!important}.detail-wrap{grid-template-columns:1.1fr .9fr!important}.hero-carousel-v10 .hero-copy{width:min(620px,62%)!important;margin-left:32px!important}}
@media(max-width:420px){.category-strip.twelve-cats{grid-template-columns:1fr!important}.resource-card{grid-template-columns:82px 1fr!important}.res-thumb{width:82px!important;height:108px!important}.preview-wall-six{grid-template-columns:1fr!important}.footer-links{grid-template-columns:1fr!important}}

/* V20: 首页/分类列表恢复每页12个，预览图放大并统一正方形 */
.resource-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
}
.resource-card{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-height:0!important;
  padding:12px!important;
  border-radius:18px!important;
}
.res-thumb{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  border-radius:16px!important;
}
.res-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.card-body{
  padding:0 2px 2px!important;
}
.resource-card h3{
  font-size:17px!important;
  margin-bottom:9px!important;
}
.meta-row,.tag-row{
  margin-bottom:9px!important;
}
.price-row b{
  font-size:18px!important;
}
.card-actions .btn{
  padding:8px 10px!important;
  font-size:13px!important;
}
.preview-wall-six,
.preview-wall{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
.preview-wall-six .preview-open img,
.preview-wall img,
.preview-wall img:first-child{
  width:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  grid-column:auto!important;
}
@media(max-width:1180px){
  .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .resource-card{display:flex!important;flex-direction:column!important;padding:10px!important;gap:9px!important;}
  .res-thumb{width:100%!important;height:auto!important;aspect-ratio:1/1!important;}
  .resource-card h3{font-size:14px!important;}
  .tag-row,.meta-row{gap:4px!important;}
  .tag-chip{font-size:10px!important;padding:3px 5px!important;}
  .meta-row span{font-size:10px!important;padding:4px 5px!important;}
  .price-row b{font-size:15px!important;}
  .card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;}
  .card-actions .btn{padding:7px 6px!important;font-size:11px!important;}
  .preview-wall-six,.preview-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .preview-wall-six .preview-open img,.preview-wall img{aspect-ratio:1/1!important;}
}
@media(max-width:420px){
  .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .res-thumb{width:100%!important;height:auto!important;aspect-ratio:1/1!important;}
  .preview-wall-six,.preview-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* V21：手机微信端浏览优化，电脑端保持不变 */
.lightbox-photo{
  width:min(96vw,1300px);
  height:min(92vh,920px);
  border-radius:18px;
  box-shadow:0 20px 80px rgba(0,0,0,.35);
  background:#fff center/contain no-repeat;
  cursor:pointer;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
  touch-action:manipulation;
}
.gallery-lightbox,
.gallery-lightbox *{
  -webkit-touch-callout:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
@media(max-width:760px){
  html,body{
    max-width:100%;
    overflow-x:hidden;
    -webkit-text-size-adjust:100%;
    touch-action:manipulation;
  }
  .site-header{height:auto!important;}
  .header-inner{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:8px 12px 10px!important;
    gap:8px!important;
  }
  .logo-brand{order:1;flex:0 0 auto!important;min-width:auto!important;}
  .logo-brand img{width:116px!important;height:auto!important;}
  .header-actions{
    order:2!important;
    width:auto!important;
    min-width:0!important;
    flex:1 1 auto!important;
    justify-content:flex-end!important;
    gap:8px!important;
    font-size:12px!important;
  }
  .header-actions a{white-space:nowrap;}
  .top-nav{
    order:3!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px 8px!important;
    overflow:visible!important;
    white-space:normal!important;
    padding:4px 0 0!important;
    font-size:13px!important;
  }
  .top-nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:32px!important;
    padding:7px 4px!important;
    border-radius:12px!important;
    background:#f8fbff!important;
    border:1px solid #eef3f8!important;
    line-height:1!important;
  }
  .top-nav a.active{
    background:#fff0ef!important;
    border-color:#ffd8d3!important;
  }
  .top-nav a.active:after{display:none!important;}
  .page{padding-left:12px!important;padding-right:12px!important;}
  .home-ad{margin:10px 0 12px!important;}
  .home-ad img,.footer-ad img{max-height:108px!important;border-radius:14px!important;}
  .hero-carousel-v10{
    min-height:500px!important;
    border-radius:18px!important;
    margin-bottom:16px!important;
  }
  .hero-carousel-v10 .hero-copy{
    width:calc(100% - 22px)!important;
    margin:11px!important;
    padding:18px 14px!important;
    border-radius:18px!important;
  }
  .hero-carousel-v10 .hero-copy h1,
  .hero-copy h1{
    font-size:24px!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    margin-bottom:10px!important;
  }
  .hero-copy .subtitle{font-size:14px!important;margin-bottom:14px!important;}
  .search-input-wrap{height:48px!important;border-radius:16px!important;}
  .search-input-wrap input{height:46px!important;font-size:14px!important;}
  .hero-search .btn{height:46px!important;font-size:15px!important;}
  .hero-features{display:none!important;}
  .section-head,.list-header{margin:16px 0 10px!important;}
  .section-head h2,.list-header h1,.standalone h1{font-size:20px!important;}
  .category-strip.twelve-cats,
  .category-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .category-pill,
  .category-box{
    min-height:82px!important;
    padding:12px 10px!important;
    border-radius:16px!important;
    gap:10px!important;
  }
  .category-pill i,.category-box i{font-size:28px!important;}
  .category-box>i{margin-bottom:6px!important;}
  .category-pill b,.category-box b{font-size:15px!important;line-height:1.25!important;letter-spacing:0!important;}
  .category-pill span,.category-box span{font-size:11px!important;margin-top:3px!important;}
  .category-box .cat-img{width:48px!important;height:48px!important;border-radius:13px!important;margin:0 auto 6px!important;}
  .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .benefit-band{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:16px!important;
    margin-top:18px!important;
  }
  .benefit-card,.benefit-cta{
    min-height:96px!important;
    padding:14px 10px!important;
    border-right:1px solid #eef1f5!important;
    border-bottom:1px solid #eef1f5!important;
    flex-direction:column!important;
    text-align:center!important;
    gap:8px!important;
  }
  .benefit-card i,.benefit-icon-img{width:42px!important;height:42px!important;font-size:18px!important;}
  .benefit-card b{font-size:14px!important;}
  .benefit-card p{font-size:11px!important;margin:3px 0 0!important;}
  .benefit-cta{grid-column:span 2!important;align-items:center!important;}
  .footer-inner{padding:22px 12px!important;}
  .footer-brand{align-items:center!important;text-align:center!important;width:100%;}
  .footer-links{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%;
    margin:12px 0!important;
  }
  .footer-links a{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:34px;
    border-radius:12px;
    background:#f8fbff;
    border:1px solid #eef3f8;
    font-size:12px;
  }
  .lightbox-mask{padding:10px!important;background:rgba(12,22,34,.88)!important;}
  .lightbox-photo{
    width:96vw!important;
    height:72vh!important;
    max-height:72vh!important;
    border-radius:12px!important;
    background-size:contain!important;
    touch-action:manipulation!important;
  }
  .lightbox-prev,.lightbox-next{display:none!important;}
  .lightbox-count{bottom:10px!important;font-size:12px!important;padding:7px 12px!important;}
  .lightbox-close{right:10px!important;top:10px!important;width:38px!important;height:38px!important;font-size:22px!important;}
}
@media(max-width:420px){
  .category-strip.twelve-cats,
  .category-grid,
  .resource-grid,
  .preview-wall-six,
  .preview-wall{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .footer-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hero-carousel-v10 .hero-copy h1,
  .hero-copy h1{font-size:22px!important;}
}

/* V22：仅针对微信内置浏览器的手机端体验优化；电脑端和普通手机浏览器不变 */
@media(max-width:760px){
  html.is-wechat,
  html.is-wechat body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    -webkit-text-size-adjust:100%!important;
    overscroll-behavior-x:none!important;
  }
  html.is-wechat body{
    background:#fff!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
  html.is-wechat .site-header{
    height:auto!important;
    position:sticky!important;
    top:0!important;
    z-index:80!important;
    background:rgba(255,255,255,.98)!important;
    backdrop-filter:blur(12px)!important;
    border-bottom:1px solid #edf1f6!important;
  }
  html.is-wechat .header-inner{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:8px 10px!important;
    padding:9px 12px 10px!important;
  }
  html.is-wechat .logo-brand{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:108px!important;
    flex:none!important;
    display:flex!important;
    justify-content:flex-start!important;
  }
  html.is-wechat .logo-brand img{
    width:104px!important;
    max-height:42px!important;
    object-fit:contain!important;
  }
  html.is-wechat .header-actions{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:4px 8px!important;
    font-size:12px!important;
    line-height:1.2!important;
    overflow:hidden!important;
    text-align:right!important;
  }
  html.is-wechat .header-actions .search-circle{
    display:none!important;
  }
  html.is-wechat .header-actions a{
    max-width:78px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    padding:0!important;
    line-height:1.25!important;
  }
  html.is-wechat .cart-link,
  html.is-wechat .profile-link{
    display:inline-flex!important;
    font-size:12px!important;
  }
  html.is-wechat .top-nav{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:32px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:6px!important;
    padding:3px 0 0!important;
    margin:0!important;
    overflow:visible!important;
    white-space:normal!important;
    font-size:13px!important;
    line-height:1!important;
  }
  html.is-wechat .top-nav a{
    width:100%!important;
    height:32px!important;
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 3px!important;
    border-radius:11px!important;
    background:#f8fbff!important;
    border:1px solid #edf2f7!important;
    color:#33445a!important;
    font-weight:800!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html.is-wechat .top-nav a.active{
    background:#fff0ef!important;
    border-color:#ffd8d3!important;
    color:var(--coral-dark)!important;
  }
  html.is-wechat .top-nav a.active:after{
    display:none!important;
  }
  html.is-wechat .page{
    padding:10px 12px 42px!important;
    max-width:100%!important;
  }
  html.is-wechat .home-ad,
  html.is-wechat .footer-ad{
    width:100%!important;
    max-width:100%!important;
    margin:10px 0 12px!important;
    padding:0!important;
  }
  html.is-wechat .home-ad img,
  html.is-wechat .footer-ad img{
    border-radius:16px!important;
    max-height:104px!important;
    object-fit:cover!important;
  }
  html.is-wechat .hero-carousel-v10{
    min-height:520px!important;
    border-radius:20px!important;
    margin:10px 0 16px!important;
    overflow:hidden!important;
  }
  html.is-wechat .hero-carousel-v10 .hero-copy{
    width:calc(100% - 24px)!important;
    margin:12px!important;
    padding:20px 16px!important;
    border-radius:22px!important;
  }
  html.is-wechat .hero-carousel-v10 .hero-copy h1,
  html.is-wechat .hero-copy h1{
    font-size:25px!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  html.is-wechat .hero-copy .subtitle{
    font-size:14px!important;
    line-height:1.4!important;
  }
  html.is-wechat .hero-search{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.is-wechat .search-input-wrap,
  html.is-wechat .search-input-wrap input,
  html.is-wechat .hero-search .btn{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    font-size:15px!important;
  }
  html.is-wechat .hero-features{
    display:none!important;
  }
  html.is-wechat .category-strip.twelve-cats,
  html.is-wechat .category-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  html.is-wechat .category-pill,
  html.is-wechat .category-box{
    min-height:82px!important;
    padding:12px 10px!important;
    border-radius:16px!important;
  }
  html.is-wechat .category-pill b,
  html.is-wechat .category-box b{
    font-size:15px!important;
  }
  html.is-wechat .category-pill span,
  html.is-wechat .category-box span{
    font-size:11px!important;
  }
  html.is-wechat .resource-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  html.is-wechat .resource-card{
    display:flex!important;
    flex-direction:column!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  html.is-wechat .res-thumb{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
  }
  html.is-wechat .benefit-band{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:16px!important;
  }
  html.is-wechat .benefit-card,
  html.is-wechat .benefit-cta{
    min-height:92px!important;
    padding:13px 10px!important;
    flex-direction:column!important;
    text-align:center!important;
    gap:7px!important;
  }
  html.is-wechat .benefit-cta{
    grid-column:span 2!important;
  }
  html.is-wechat .benefit-card p{
    display:none!important;
  }
  html.is-wechat .footer-links{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html.is-wechat .footer-links a{
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    background:#f8fbff!important;
    border:1px solid #edf2f7!important;
    font-size:12px!important;
  }
  html.is-wechat .cart-box,
  html.is-wechat .checkout-box,
  html.is-wechat .orders-box,
  html.is-wechat .profile-box,
  html.is-wechat .pay-box,
  html.is-wechat .auth-box,
  html.is-wechat .simple-page{
    margin:14px auto!important;
    padding:18px!important;
    border-radius:20px!important;
  }
  html.is-wechat .detail-wrap,
  html.is-wechat .checkout-layout,
  html.is-wechat .qr-box{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  html.is-wechat .preview-wall-six{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  html.is-wechat .preview-wall-six .preview-open img{
    aspect-ratio:1/1!important;
    object-fit:cover!important;
  }
  html.is-wechat .lightbox-mask{
    padding:0!important;
    background:rgba(8,15,24,.92)!important;
    overscroll-behavior:contain!important;
    touch-action:none!important;
  }
  html.is-wechat .lightbox-photo{
    width:100vw!important;
    height:78vh!important;
    max-height:78vh!important;
    border-radius:0!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    box-shadow:none!important;
    -webkit-touch-callout:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
    touch-action:manipulation!important;
  }
  html.is-wechat .lightbox-prev,
  html.is-wechat .lightbox-next{
    display:none!important;
  }
  html.is-wechat .lightbox-close{
    right:12px!important;
    top:calc(12px + env(safe-area-inset-top))!important;
  }
  html.is-wechat .lightbox-count{
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
  }
}
@media(max-width:380px){
  html.is-wechat .header-inner{grid-template-columns:96px minmax(0,1fr)!important;padding-left:10px!important;padding-right:10px!important;}
  html.is-wechat .logo-brand{width:96px!important;}
  html.is-wechat .logo-brand img{width:92px!important;}
  html.is-wechat .top-nav{font-size:12px!important;gap:5px!important;}
  html.is-wechat .hero-carousel-v10 .hero-copy h1,
  html.is-wechat .hero-copy h1{font-size:23px!important;}
}

/* V23 下载中心：付款后不再发送源文件到邮箱，改为会员中心安全下载 */
.download-center-box{max-width:1240px;margin:34px auto;background:#fff;border:1px solid #edf2f7;border-radius:28px;padding:30px;box-shadow:0 18px 50px rgba(25,35,55,.06)}
.download-center-box h1{font-size:34px;margin:0 0 10px;color:#14304a}
.download-notice{background:linear-gradient(135deg,#fff7f3,#f4fbff);border:1px solid #edf2f7;border-radius:18px;padding:18px;margin:16px 0 20px}
.download-order{border-top:1px solid #edf2f7;padding-top:22px;margin-top:22px}
.download-order h2{font-size:20px;margin:0 0 14px;color:#24384f}.download-order small{font-size:13px;color:#8a99a8;font-weight:500;margin-left:8px}
.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}
.download-link-card{border:1px solid #edf2f7;border-radius:20px;background:#fbfdff;padding:18px;display:grid;gap:12px}
.download-link-card h3{margin:0;font-size:18px;color:#20364d}.download-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.download-qr{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px;border:1px dashed #e4edf5}.download-qr img{width:72px;height:72px;object-fit:contain}.download-qr span{font-size:13px;color:#667789;line-height:1.5}.pay-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.profile-download-btn{margin-left:8px}
@media(max-width:920px){.download-center-box{padding:18px;border-radius:20px;margin:16px auto}.download-center-box h1{font-size:26px}.download-grid{grid-template-columns:1fr}.download-qr img{width:64px;height:64px}.profile-download-btn{margin-left:0;margin-top:8px}}
@media(max-width:520px){.download-actions .btn{width:100%;text-align:center}.download-qr{align-items:flex-start}.download-order h2 small{display:block;margin:4px 0 0}}
html.is-wechat .download-center-box{margin:14px auto!important;padding:18px!important;border-radius:20px!important}
html.is-wechat .download-grid{grid-template-columns:1fr!important;gap:12px!important}
html.is-wechat .download-link-card{border-radius:18px!important;padding:14px!important}
html.is-wechat .download-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
html.is-wechat .download-qr img{width:68px!important;height:68px!important}

/* 微信/社交分享缩略图：放在页面里但移出视窗，便于部分微信环境抓取首图 */
.wechat-share-cover{
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:300px;
  height:300px;
  object-fit:cover;
  opacity:.01;
  pointer-events:none;
  user-select:none;
}
.pay-error{max-width:760px;margin:18px auto;padding:18px 20px;border:1px solid #ffd6d6;background:#fff7f7;border-radius:18px;text-align:left;color:#9f1d1d;line-height:1.75}.pay-error h3{margin:0 0 8px;color:#cc2c2c}.pay-error textarea{width:100%;min-height:90px;border:1px dashed #f1bbbb;border-radius:12px;padding:12px;background:#fff;margin-top:10px;color:#333}.pay-only-wechat{padding:14px;border:1px solid #d6ecd9;background:#f6fff7;border-radius:16px;margin:12px 0;text-align:left}.pay-only-wechat p{margin:.35em 0 0;color:#5d7662}


/* V30：微信内长按识别付款码兼容，付款二维码不受图片防保存限制 */
.pay-qr-img,
html.is-wechat .pay-qr-img{
  -webkit-touch-callout:default!important;
  -webkit-user-select:auto!important;
  user-select:auto!important;
  touch-action:auto!important;
  pointer-events:auto!important;
  -webkit-user-drag:auto!important;
  border:10px solid #fff!important;
  box-shadow:0 10px 30px rgba(20,40,60,.10)!important;
}
html.is-wechat .pay-box .pay-card{overflow:visible!important;}
html.is-wechat .qr-box{gap:12px!important;}
html.is-wechat .qr-box textarea{display:none!important;}
html.is-wechat .qr-box img.pay-qr-img{width:min(78vw,300px)!important;height:min(78vw,300px)!important;max-width:300px!important;max-height:300px!important;margin:0 auto!important;display:block!important;}
.wechat-pay-guide{display:none;}
html.is-wechat .wechat-pay-guide{display:block;margin:10px auto 14px;max-width:360px;text-align:center;background:#f1fff5;border:1px solid #bfe8c7;color:#21733a;border-radius:16px;padding:12px 14px;line-height:1.7;font-weight:800;}
html.is-wechat .wechat-open-pay{display:inline-flex!important;align-items:center;justify-content:center;margin:8px auto 0;min-height:42px;padding:0 18px;border-radius:999px;background:#18b357;color:#fff!important;text-decoration:none;font-weight:900;box-shadow:0 8px 20px rgba(24,179,87,.22);}
html.is-wechat .wechat-pay-fallback{display:block!important;font-size:12px;color:#6d7b88;margin-top:8px;line-height:1.5;}
.wechat-open-pay,.wechat-pay-fallback{display:none;}
