/* ============================================================
   PC 独立前台模板样式（浅蓝渐变 · 商务合规风）
   对应模板目录 application/index/view/pc/
   更换配色只需修改下方 :root 变量，两套模板互不影响。
   ============================================================ */
:root{
  --pc-primary:#2f6bff;          /* 主蓝 */
  --pc-primary-2:#4e8cff;        /* 主蓝渐变第二色 */
  --pc-primary-3:#6aa8ff;        /* 主蓝渐变第三色 */
  --pc-grad:linear-gradient(135deg,#2f6bff 0%,#4e8cff 55%,#6aa8ff 100%);
  --pc-bg:#f4f7ff;               /* 页面浅蓝底 */
  --pc-card:#ffffff;
  --pc-text:#1c2733;
  --pc-muted:#6b7a90;
  --pc-line:#e3ebfa;
  --pc-radius:12px;
  --pc-shadow:0 8px 28px rgba(47,107,255,.10);
  --pc-shadow-lg:0 18px 48px rgba(47,107,255,.18);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.pc-body{background:var(--pc-bg);color:var(--pc-text);font-size:15px;line-height:1.7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.pc-container{width:1180px;max-width:calc(100% - 40px);margin:0 auto}
.pc-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent;white-space:nowrap}
.pc-btn-primary{background:var(--pc-grad);color:#fff;box-shadow:0 6px 16px rgba(47,107,255,.28)}
.pc-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(47,107,255,.36)}
.pc-btn-ghost{background:#fff;color:var(--pc-primary);border-color:#c9d9ff}
.pc-btn-ghost:hover{border-color:var(--pc-primary);background:#f2f7ff}
.pc-btn-lg{height:48px;padding:0 36px;font-size:15px}
.pc-btn-sm{height:34px;padding:0 18px;font-size:13px}

/* ---------- 顶部公告条 ---------- */
.pc-topbar{background:#0e2a63;color:#cfe0ff;font-size:13px}
.pc-topbar-inner{display:flex;justify-content:space-between;align-items:center;height:36px}
.pc-topbar-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-topbar-links a{color:#cfe0ff;margin-left:18px;transition:color .2s}
.pc-topbar-links a:hover{color:#fff}

/* ---------- 头部导航 ---------- */
.pc-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--pc-line);box-shadow:0 2px 10px rgba(47,107,255,.06)}
.pc-header-inner{display:flex;align-items:center;height:72px;gap:36px}
.pc-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.pc-logo-mark{width:40px;height:40px;border-radius:10px;background:var(--pc-grad);color:#fff;font-size:20px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(47,107,255,.30)}
.pc-logo-img{width:40px;height:40px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--pc-line);padding:3px}
.pc-logo-name{font-size:19px;font-weight:800;color:var(--pc-text)}
.pc-nav{display:flex;align-items:center;gap:6px;flex:1}
.pc-nav-item{position:relative;padding:10px 16px;border-radius:8px;font-size:15px;color:#3c4a5e;font-weight:500;transition:all .2s}
.pc-nav-item:hover{color:var(--pc-primary);background:#f0f5ff}
.pc-nav-item.on{color:var(--pc-primary);font-weight:700}
.pc-nav-item.on::after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:3px;border-radius:3px;background:var(--pc-grad)}
.pc-header-actions{display:flex;gap:10px;flex-shrink:0}

/* ---------- 主视觉 Hero（浅蓝渐变，底部与下一块无缝衔接） ---------- */
.pc-hero{position:relative;background:linear-gradient(180deg,#e8f1ff 0%,#f3f7ff 52%,var(--pc-bg) 100%);border-bottom:0;overflow:visible}
.pc-hero::before{content:"";position:absolute;right:-80px;top:-140px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(47,107,255,.16),transparent 68%);pointer-events:none}
.pc-hero::after{content:"";position:absolute;left:-80px;bottom:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(110,168,255,.12),transparent 65%);pointer-events:none}
.pc-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch;padding:0;min-height:640px}
.pc-hero-copy{min-width:0;padding:68px 0 48px;display:flex;flex-direction:column;justify-content:center}
.pc-hero h1{font-size:42px;line-height:1.25;font-weight:800;letter-spacing:.5px;background:linear-gradient(120deg,#12306e,#2f6bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:18px}
.pc-hero .pc-hero-sub{font-size:17px;color:var(--pc-muted);line-height:1.9;margin-bottom:30px;max-width:520px}
.pc-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.pc-hero-tags{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.pc-hero-tags span{background:#fff;border:1px solid #d7e4ff;color:#2f5db8;border-radius:999px;padding:6px 14px;font-size:13px;box-shadow:0 3px 10px rgba(47,107,255,.08)}

/* 左侧文字区：两行主标题（关键词蓝色高亮）+ 灰色说明 + 胶囊按钮（参考图样式） */
.pc-hero-copy h1{font-size:44px;line-height:1.35;font-weight:800;letter-spacing:.5px;background:none;-webkit-text-fill-color:#1c2733;color:#1c2733;margin-bottom:18px}
.pc-hero-copy h1 .pc-hero-hl{background:linear-gradient(120deg,#2f6bff,#4e8cff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.pc-hero-copy .pc-hero-sub{font-size:16px;color:#8a97ab;line-height:1.9;margin-bottom:30px;max-width:560px}
.pc-hero-copy .pc-btn-lg{height:52px;padding:0 46px;font-size:17px;border-radius:999px;box-shadow:0 10px 24px rgba(47,107,255,.32)}
.pc-hero-copy .pc-btn-lg:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(47,107,255,.40)}
.pc-hero-copy h1,.pc-hero-copy .pc-hero-sub,.pc-hero-copy .pc-hero-actions{animation:pc-hero-in .72s cubic-bezier(.22,.7,.28,1) both}
.pc-hero-copy .pc-hero-sub{animation-delay:.08s}
.pc-hero-copy .pc-hero-actions{animation-delay:.16s}
@keyframes pc-hero-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:960px){
  .pc-hero-copy h1{font-size:30px}
  .pc-hero-copy .pc-hero-sub{font-size:15px}
  .pc-hero-copy .pc-btn-lg{height:48px;padding:0 36px;font-size:16px}
}

/* 右侧循环浮动插画：贴菜单顶、竖构图、轻倾斜，顶部柔和淡入 */
.pc-hero-visual{position:relative;display:flex;align-items:stretch;justify-content:center;min-height:720px;padding:0;margin:0 -8px -72px 0}
.pc-hero-visual::before{content:"";position:absolute;left:50%;top:46%;width:720px;height:720px;margin:-360px 0 0 -360px;border-radius:50%;background:radial-gradient(circle,rgba(210,228,255,.95) 0%,rgba(232,241,255,.7) 46%,rgba(232,241,255,0) 72%);pointer-events:none;z-index:0}
.pc-hero-visual::after{content:"";position:absolute;left:-8%;right:-8%;top:0;height:90px;background:linear-gradient(180deg,#e8f1ff 0%,rgba(232,241,255,.78) 46%,transparent 100%);pointer-events:none;z-index:4}
.pc-hero-float{position:relative;z-index:1;height:720px;width:100%;margin:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 88px,#000 calc(100% - 240px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 88px,#000 calc(100% - 240px),transparent 100%)}
.pc-hero-float::after{content:"";position:absolute;left:-20%;right:-20%;bottom:0;height:260px;background:linear-gradient(0deg,var(--pc-bg) 0%,rgba(244,247,255,.94) 32%,rgba(244,247,255,.55) 62%,transparent 100%);pointer-events:none;z-index:4}
.pc-hero-col{overflow:hidden;min-width:0}
.pc-hero-col-a{transform:rotate(-3.8deg) translateY(-22px)}
.pc-hero-col-b{transform:rotate(3deg) translateY(30px)}
.pc-hero-col-c{transform:rotate(-2.2deg) translateY(8px)}
.pc-hero-track{display:flex;flex-direction:column;will-change:transform}
.pc-hero-group{display:flex;flex-direction:column;gap:16px;padding-bottom:16px}
.pc-hero-col-a .pc-hero-track{animation:pc-float-up 34s linear infinite}
.pc-hero-col-b .pc-hero-track{animation:pc-float-down 38s linear infinite}
.pc-hero-col-c .pc-hero-track{animation:pc-float-up 42s linear infinite}
.pc-hero-shot{position:relative;border-radius:24px;overflow:hidden;background:#dce9ff;box-shadow:0 18px 36px rgba(47,107,255,.16)}
.pc-hero-shot img{display:block;width:100%;height:278px;object-fit:cover;background:#eaf2ff}
.pc-hero-shot-cap{position:absolute;left:10px;right:10px;bottom:10px;width:auto;padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);box-shadow:0 8px 18px rgba(22,48,95,.12);color:#16305f}
.pc-hero-shot-cap strong{display:block;font-size:13px;font-weight:800;line-height:1.3}
.pc-hero-shot-cap span{display:block;margin-top:2px;font-size:11px;color:#3d5a9a;font-weight:600}
@keyframes pc-float-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes pc-float-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.pc-after-hero{position:relative;z-index:2;padding-top:28px;background:transparent}
@media (prefers-reduced-motion:reduce){
  .pc-hero-col-a .pc-hero-track,.pc-hero-col-b .pc-hero-track,.pc-hero-col-c .pc-hero-track{animation:none;transform:none}
}

/* 首页「为什么选择我们」四栏卡片 */
.pc-why-head{margin-bottom:32px}
.pc-why-head h2{color:#1c2733}
.pc-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pc-why-card{min-height:236px;padding:25px 24px;border:1px solid #e5edff;border-radius:16px;background:linear-gradient(145deg,#f7faff 0%,#fff 72%);box-shadow:0 10px 26px rgba(47,107,255,.09);transition:transform .25s,box-shadow .25s}
.pc-why-card:nth-child(2){background:linear-gradient(145deg,#f1fdfb 0%,#fff 72%)}
.pc-why-card:nth-child(3){background:linear-gradient(145deg,#fff6f1 0%,#fff 72%)}
.pc-why-card:nth-child(4){background:linear-gradient(145deg,#f9f3ff 0%,#fff 72%)}
.pc-why-card:hover{transform:translateY(-4px);box-shadow:var(--pc-shadow-lg)}
.pc-why-icon{width:38px;height:38px;border-radius:10px;background:#edf3ff;color:var(--pc-primary);display:inline-flex;align-items:center;justify-content:center;margin-bottom:15px}
.pc-why-card:nth-child(2) .pc-why-icon{background:#e6fbf8;color:#16a6ad}
.pc-why-card:nth-child(3) .pc-why-icon{background:#fff0e9;color:#f17b4b}
.pc-why-card:nth-child(4) .pc-why-icon{background:#f3eaff;color:#8a58db}
.pc-why-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pc-why-card h3{font-size:16px;line-height:1.5;color:#1f2d3d;margin-bottom:18px}
.pc-why-card ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.pc-why-card li{position:relative;padding-left:14px;color:var(--pc-muted);font-size:13px;line-height:1.7}
.pc-why-card li::before{content:"";position:absolute;left:0;top:.68em;width:6px;height:6px;border:2px solid var(--pc-primary);border-radius:50%}
.pc-why-card:nth-child(2) li::before{border-color:#16a6ad}
.pc-why-card:nth-child(3) li::before{border-color:#f17b4b}
.pc-why-card:nth-child(4) li::before{border-color:#8a58db}

/* ---------- 页面主体 ---------- */
.pc-main{min-height:calc(100vh - 340px)}
.pc-main.pc-main-order{min-height:calc(100vh - 82px);display:flex;align-items:center}

/* ---------- 公告条 ---------- */
.pc-notice{background:linear-gradient(90deg,#fff6e6,#fffdf5);border-bottom:1px solid #f3e2c0;color:#9a6b1f;font-size:13px}
.pc-notice .pc-container{padding:9px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* ---------- 通用面板 ---------- */
.pc-section{padding:52px 0}
.pc-section-head{text-align:center;margin-bottom:36px}
.pc-section-head h2{font-size:28px;font-weight:800;color:#16305f}
.pc-section-head p{color:var(--pc-muted);font-size:15px;margin-top:8px}
.pc-card{background:var(--pc-card);border:1px solid var(--pc-line);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow);padding:28px}
.pc-card + .pc-card{margin-top:20px}
.pc-card-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:#16305f;padding-bottom:16px;border-bottom:1px solid var(--pc-line);margin-bottom:20px}
.pc-card-title::before{content:"";width:5px;height:18px;border-radius:3px;background:var(--pc-grad)}

/* 分类与商品（店铺/首页共用） */
.pc-cats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}
.pc-cat-item{padding:9px 20px;border-radius:999px;border:1px solid var(--pc-line);background:#f7faff;color:#4a5a72;font-size:14px;cursor:pointer;transition:all .2s}
.pc-cat-item:hover{border-color:var(--pc-primary);color:var(--pc-primary)}
.pc-cat-item.on{background:var(--pc-grad);border-color:transparent;color:#fff;box-shadow:0 6px 14px rgba(47,107,255,.25)}
.pc-goods{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:20px}
.pc-goods-item{border:2px solid var(--pc-line);border-radius:var(--pc-radius);background:#fff;padding:18px;cursor:pointer;transition:all .2s;position:relative}
.pc-goods-item:hover{border-color:#b9ccff;box-shadow:var(--pc-shadow)}
.pc-goods-item.on{border-color:var(--pc-primary);box-shadow:0 8px 22px rgba(47,107,255,.18);background:#fbfdff}
.pc-goods-item .pc-goods-name{font-size:15px;font-weight:700;color:#24324a;margin-bottom:10px;word-break:break-all;line-height:1.5}
.pc-goods-item .pc-goods-thumb{width:100%;height:120px;border-radius:8px;object-fit:cover;border:1px solid var(--pc-line);margin-bottom:12px;background:#f4f8ff}
.pc-goods-item .pc-goods-meta{display:flex;align-items:center;justify-content:space-between}
.pc-goods-price{color:#ff5a3c;font-size:20px;font-weight:800}
.pc-goods-stock{font-size:12px;color:var(--pc-muted);background:#f1f5fc;border-radius:6px;padding:2px 8px}
.pc-goods-stock.zero{color:#e5484d;background:#fdecec}

/* 表单 */
.pc-form-field{margin-bottom:18px}
.pc-form-label{font-size:14px;font-weight:600;color:#2c3a52;margin-bottom:8px;display:flex;align-items:center}
.pc-form-label .req{color:#e5484d;margin-right:6px}
.pc-input{width:100%;height:46px;border:1px solid #d7e2f5;border-radius:10px;padding:0 14px;font-size:14px;color:var(--pc-text);background:#fff;outline:none;transition:border .2s}
.pc-input:focus{border-color:var(--pc-primary);box-shadow:0 0 0 3px rgba(47,107,255,.12)}
textarea.pc-input{height:auto;padding:12px 14px;resize:vertical}
.pc-form-remark{font-size:12px;color:var(--pc-muted);margin-top:6px}
select.pc-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a90' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;cursor:pointer}

/* 支付方式 */
.pc-pay-list{display:flex;flex-wrap:wrap;gap:12px}
.pc-pay-item{display:flex;align-items:center;gap:10px;padding:12px 18px;border:2px solid var(--pc-line);border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#4a5a72;background:#fff;transition:all .2s}
.pc-pay-item img,.pc-pay-item .pc-pay-icon{width:26px;height:26px;border-radius:6px;object-fit:contain;flex-shrink:0;background:#fff}
.pc-pay-item:hover{border-color:#b9ccff}
.pc-pay-item.on{border-color:var(--pc-primary);color:var(--pc-primary);background:#f0f6ff;box-shadow:0 4px 12px rgba(47,107,255,.14)}

/* 下单条 */
.pc-orderbar{position:sticky;bottom:20px;z-index:90;background:#fff;border:1px solid var(--pc-line);border-radius:16px;box-shadow:var(--pc-shadow-lg);padding:16px 20px;display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}
.pc-orderbar .pc-orderbar-name{font-weight:700;color:#24324a;flex:1;min-width:200px;font-size:15px}
.pc-qty{display:flex;align-items:center;gap:10px}
.pc-qty-btn{width:32px;height:32px;border:1px solid var(--pc-line);border-radius:8px;background:#f7faff;color:#4a5a72;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;user-select:none;transition:all .2s}
.pc-qty-btn:hover{border-color:var(--pc-primary);color:var(--pc-primary)}
.pc-qty input{width:58px;height:34px;text-align:center;border:1px solid var(--pc-line);border-radius:8px;font-size:15px;font-weight:700;background:#fbfdff;outline:none}
.pc-orderbar .pc-orderbar-price{font-size:13px;color:var(--pc-muted)}
.pc-orderbar .pc-orderbar-price b{color:#ff5a3c;font-size:24px;font-weight:800;margin-left:6px}
.pc-orderbar .pc-btn{height:46px;padding:0 40px;font-size:15px}
.pc-stock-warn{color:#e5484d;font-size:13px;font-weight:600}

/* 消息 */
.pc-msg{padding:14px 18px;border-radius:10px;font-size:14px;margin-bottom:18px;line-height:1.6}
.pc-msg.err{background:#fdecec;color:#c0392b;border:1px solid #f5c6c6}
.pc-msg.ok{background:#e8f7ef;color:#0d8a4f;border:1px solid #bfe6d0}

/* 订单详情 */
.pc-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pc-order-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px dashed var(--pc-line);font-size:14px}
.pc-order-row .l{color:var(--pc-muted);flex-shrink:0}
.pc-order-row .v{color:var(--pc-text);font-weight:600;text-align:right;word-break:break-all}
.pc-status{display:inline-block;padding:4px 16px;border-radius:999px;font-size:13px;font-weight:700}
.pc-status.s0{background:#fef3cd;color:#a16207}
.pc-status.s1{background:#eef3ff;color:var(--pc-primary)}
.pc-status.s2{background:#e6f7ee;color:#0d8a4f}
.pc-status.s3{background:#f1f3f8;color:#8a94a6}
.pc-status.s4{background:#fee2e2;color:#e5484d}
.pc-cards{margin-top:14px}
.pc-cd{background:#f8faff;border:1px solid #e7ecf7;border-radius:10px;padding:14px 16px;margin-bottom:10px;font-size:14px;font-weight:700;color:var(--pc-primary);word-break:break-all;font-family:Consolas,Menlo,monospace}

/* 表格（工单等） */
.pc-table{width:100%;border-collapse:collapse;font-size:14px}
.pc-table th,.pc-table td{padding:12px 14px;border-bottom:1px solid var(--pc-line);text-align:left}
.pc-table th{background:#f5f9ff;color:#33425c;font-weight:700;font-size:13px}
.pc-table tr:hover td{background:#fafcff}
.pc-mono{font-family:Consolas,Menlo,monospace}

/* 工单消息气泡 */
.pc-chat-msg{padding:12px 16px;border-radius:10px;margin-bottom:10px;font-size:14px;line-height:1.7}
.pc-chat-msg.buyer{background:#eef5ff;border:1px solid #d5e4ff}
.pc-chat-msg.merchant{background:#f3f6fa;border:1px solid #e2e8f2}
.pc-chat-msg .pc-chat-meta{font-weight:700;margin-bottom:4px;color:#33425c}

/* 静态页（禁售/FAQ） */
.pc-static{max-width:920px;margin:0 auto;padding:48px 0}
.pc-static h1{font-size:30px;font-weight:800;color:#16305f;margin-bottom:12px}
.pc-static .pc-static-lead{color:var(--pc-muted);font-size:15px;margin-bottom:28px}
/* 富文本内容（后台编辑，图文排版） */
.pc-richtext{background:#fff;border:1px solid var(--pc-line);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow);padding:34px 38px;font-size:15px;line-height:2;color:#2b3a52;word-break:break-word}
.pc-richtext h1,.pc-richtext h2,.pc-richtext h3,.pc-richtext h4{color:#16305f;font-weight:800;margin:26px 0 12px;line-height:1.4}
.pc-richtext h1:first-child,.pc-richtext h2:first-child,.pc-richtext h3:first-child{margin-top:0}
.pc-richtext p{margin:0 0 14px}
.pc-richtext img{max-width:100%;border-radius:10px;display:block;margin:16px auto}
.pc-richtext a{color:var(--pc-primary);text-decoration:underline}
.pc-richtext ul,.pc-richtext ol{padding-left:24px;margin:0 0 14px}
.pc-richtext li{margin-bottom:6px}
.pc-richtext blockquote{border-left:4px solid var(--pc-primary);background:#f5f9ff;padding:12px 18px;margin:14px 0;border-radius:0 8px 8px 0;color:#4a5a76}
.pc-richtext table{border-collapse:collapse;width:100%;margin:14px 0}
.pc-richtext table th,.pc-richtext table td{border:1px solid var(--pc-line);padding:9px 12px;text-align:left}
.pc-richtext table th{background:#f5f9ff;font-weight:700}
.pc-richtext hr{border:0;border-top:1px solid var(--pc-line);margin:20px 0}
.pc-richtext code{background:#eef3fb;padding:2px 7px;border-radius:5px;font-size:13px;color:#c0392b}
.pc-richtext pre{background:#f4f7fd;border:1px solid var(--pc-line);border-radius:10px;padding:14px 16px;overflow:auto;margin:14px 0}
.pc-richtext pre code{background:transparent;padding:0;color:inherit}
.pc-faq-item{background:#fff;border:1px solid var(--pc-line);border-radius:var(--pc-radius);padding:20px 24px;margin-bottom:14px;box-shadow:var(--pc-shadow)}
.pc-faq-item h3{font-size:16px;color:#16305f;margin-bottom:8px;display:flex;gap:10px;align-items:center}
.pc-faq-item h3::before{content:"Q";flex-shrink:0;width:26px;height:26px;border-radius:8px;background:var(--pc-grad);color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.pc-faq-item .pc-faq-rich{margin-left:36px;color:#3c4a5e;font-size:14px;line-height:1.9}
.pc-faq-item .pc-faq-rich p{margin:4px 0}
.pc-faq-item .pc-faq-rich h3,.pc-faq-item .pc-faq-rich h4{margin:10px 0 6px;color:#16305f}
.pc-faq-item .pc-faq-rich ul,.pc-faq-item .pc-faq-rich ol{padding-left:22px;margin:4px 0}
.pc-faq-item .pc-faq-rich img{max-width:100%;border-radius:8px}
.pc-forbidden-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.pc-forbidden-item{background:#fff;border:1px solid #f0d4d4;border-radius:var(--pc-radius);padding:16px 18px;display:flex;gap:12px;align-items:flex-start}
.pc-forbidden-item .pc-fi-icon{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:#fdecec;color:#e5484d;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}
.pc-forbidden-item strong{display:block;font-size:14px;color:#8f3b3b;margin-bottom:3px}
.pc-forbidden-item .pc-fi-rich{font-size:13px;color:#a06b6b;line-height:1.6}
.pc-forbidden-item .pc-fi-rich p{margin:4px 0}
.pc-forbidden-item .pc-fi-rich ul,.pc-forbidden-item .pc-fi-rich ol{padding-left:20px;margin:4px 0}
.pc-forbidden-item .pc-fi-rich img{max-width:100%;border-radius:8px}

/* 步骤条 */
.pc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.pc-step{background:#fff;border:1px solid var(--pc-line);border-radius:var(--pc-radius);padding:22px;text-align:center;box-shadow:var(--pc-shadow)}
.pc-step b{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--pc-grad);color:#fff;font-size:18px;align-items:center;justify-content:center;margin-bottom:12px}
.pc-step span{display:block;font-weight:700;color:#24324a}

/* 平台优势内卡片 */
.pc-adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.pc-adv-item{background:#f5f9ff;border-radius:10px;padding:16px 18px}
.pc-adv-item strong{color:#16305f}
.pc-adv-item p{color:var(--pc-muted);font-size:13px;margin-top:4px}

/* 入驻卡片：就是现在，创建您的店铺 */
.pc-join-section{padding-bottom:64px}
.pc-join-head{margin-bottom:28px}
.pc-join-head h2{font-size:28px;font-weight:800;color:#1c2733}
.pc-join-card{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(240px,.95fr);gap:28px 48px;align-items:center;min-height:280px;padding:36px 48px 36px 40px;border-radius:28px;background:linear-gradient(135deg,#d7e7ff 0%,#e6efff 42%,#eef3ff 100%);box-shadow:0 18px 44px rgba(47,107,255,.14)}
.pc-join-photos{position:relative;height:246px}
.pc-join-photo{position:absolute;object-fit:cover;object-position:center 18%;border-radius:26px;box-shadow:0 16px 32px rgba(30,60,120,.18);background:#c9dbf5}
.pc-join-photo.a{width:176px;height:228px;left:12px;top:14px;z-index:1;transform:rotate(-7deg)}
.pc-join-photo.b{width:214px;height:246px;left:148px;top:0;z-index:2}
.pc-join-copy{color:#4a5a72;font-size:20px;line-height:1.85;max-width:420px}
.pc-join-copy strong{color:#1c2733;font-size:26px;font-weight:800}
.pc-join-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;height:44px;padding:0 28px;border-radius:999px;background:#111;color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 18px rgba(0,0,0,.18);transition:transform .2s,background .2s}
.pc-join-btn:hover{background:#000;transform:translateY(-1px);color:#fff}

/* 滚动入场：只播放一次上浮淡入，结束后静止 */
.pc-reveal{opacity:0;transform:translateY(28px)}
.pc-reveal.is-in{animation:pc-rise .72s cubic-bezier(.22,.7,.28,1) forwards}
.pc-steps .pc-reveal.is-in:nth-child(1),.pc-adv-grid .pc-reveal.is-in:nth-child(1),.pc-why-grid .pc-reveal.is-in:nth-child(1){animation-delay:.04s}
.pc-steps .pc-reveal.is-in:nth-child(2),.pc-adv-grid .pc-reveal.is-in:nth-child(2),.pc-why-grid .pc-reveal.is-in:nth-child(2){animation-delay:.12s}
.pc-steps .pc-reveal.is-in:nth-child(3),.pc-adv-grid .pc-reveal.is-in:nth-child(3),.pc-why-grid .pc-reveal.is-in:nth-child(3){animation-delay:.2s}
.pc-adv-grid .pc-reveal.is-in:nth-child(4),.pc-why-grid .pc-reveal.is-in:nth-child(4){animation-delay:.28s}
@keyframes pc-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .pc-reveal,.pc-reveal.is-in,.pc-hero-copy h1,.pc-hero-copy .pc-hero-sub,.pc-hero-copy .pc-hero-actions{opacity:1;transform:none;animation:none!important}
}

/* 订单查询页 */
.pc-order-query{width:100%;min-height:0;padding:48px 20px 54px;background:var(--pc-bg)}
.pc-order-query-inner{width:760px;max-width:100%;margin:0 auto}
.pc-order-hero{text-align:center;padding:18px 0 28px}
.pc-order-hero h1{margin:0;color:#202b3d;font-size:30px;line-height:1.4;font-weight:800;letter-spacing:.2px}
.pc-order-hero p{margin:14px 0 0;color:#8793a5;font-size:14px;line-height:1.8}
.pc-order-search{padding:0}
.pc-order-search-form{display:flex;align-items:center;gap:14px}
.pc-order-search-form .pc-input{height:46px;flex:1;border-radius:3px;border-color:#dbe3ed;box-shadow:0 2px 7px rgba(31,55,88,.05)}
.pc-order-search-form .pc-btn{height:46px;min-width:112px;border-radius:8px;padding:0 20px;white-space:nowrap;background:var(--pc-primary);color:#fff;box-shadow:0 8px 18px rgba(47,107,255,.24)}
.pc-order-search-form .pc-btn:hover{background:#245bea;color:#fff;box-shadow:0 10px 22px rgba(47,107,255,.30)}
.pc-search-icon{font-size:20px;line-height:0;vertical-align:-2px;margin-right:5px;font-weight:400}
.pc-order-disclaimer{display:flex;align-items:flex-start;gap:7px;margin-top:17px;color:#8d98a8;font-size:12px;line-height:1.8}
.pc-order-disclaimer-icon{color:#f6a623;font-size:15px;line-height:1.5;font-weight:700;flex:0 0 auto}
.pc-order-tips{margin-top:24px;padding:20px 22px 22px;background:#fffaf1;border:1px solid #fff1d8;border-radius:10px;color:#687487;font-size:12px;line-height:2.2;box-shadow:0 4px 16px rgba(245,166,35,.05)}
.pc-order-tips h2{margin:0 0 10px;color:#f08a00;font-size:14px;font-weight:800;line-height:1.7}
.pc-order-tips h2 span{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:7px;border-radius:50%;background:#f08a00;color:#fff;font-size:10px;font-weight:800;vertical-align:1px}
.pc-order-tips ol{margin:0;padding-left:23px}
.pc-order-tips li{padding-left:2px;margin:3px 0}
.pc-order-warning{margin-top:9px;color:#ef3e36;font-weight:900;line-height:2}
.pc-order-cache{text-align:center;margin-top:32px;font-size:12px}
.pc-order-cache a{color:var(--pc-muted);text-decoration:none}
.pc-order-cache .pc-order-cache-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;min-height:46px;padding:0 22px;border-radius:8px;background:var(--pc-primary);color:#fff;font-size:13px;box-shadow:0 8px 18px rgba(47,107,255,.24);transition:background .2s,transform .2s}
.pc-order-cache .pc-order-cache-btn:hover{background:#245bea;color:#fff;box-shadow:0 10px 22px rgba(47,107,255,.30);transform:translateY(-1px)}
@media(max-width:640px){
  .pc-main.pc-main-order{min-height:calc(100vh - 64px)}
  .pc-order-query{padding:28px 14px 34px}
  .pc-order-hero{padding:14px 0 24px}
  .pc-order-hero h1{font-size:24px}
  .pc-order-hero p{font-size:13px;margin-top:16px}
  .pc-order-search-form{gap:8px}
  .pc-order-search-form .pc-input{min-width:0}
  .pc-order-search-form .pc-btn{min-width:94px;padding:0 10px}
  .pc-order-tips{padding:13px 14px}
}

/* 页脚 */
.pc-footer{background:#000;color:#b9c8e8;margin-top:20px}
.pc-footer .pc-container{padding:52px 0 30px}
.pc-footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}
.pc-footer-title{color:#fff;font-size:16px;font-weight:700;margin-bottom:16px}
.pc-footer-col a{display:block;color:#b9c8e8;font-size:14px;padding:5px 0;transition:color .2s}
.pc-footer-col a:hover{color:#fff}
.pc-footer-desc{font-size:13px;color:#93a6c8;line-height:1.9;margin:0}
.pc-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;font-size:13px;color:#93a6c8}
.pc-footer-sep{color:rgba(255,255,255,.25)}

/* 空状态 */
.pc-empty{text-align:center;color:var(--pc-muted);padding:36px 0;font-size:14px}

/* 响应式（窄屏兜底，PC 模板仍可看） */
@media(max-width:960px){
  .pc-hero-inner{grid-template-columns:1fr;padding:36px 0 0;gap:24px;min-height:0}
  .pc-hero-copy{padding:8px 0 0}
  .pc-hero-visual{min-height:400px;margin:0 0 -36px}
  .pc-hero-visual::before{width:460px;height:460px;margin:-230px 0 0 -230px}
  .pc-hero-float{height:400px;margin:0;grid-template-columns:1fr 1fr 1fr;gap:8px}
  .pc-hero-col-a,.pc-hero-col-b,.pc-hero-col-c{transform:none}
  .pc-hero-shot{border-radius:18px}
  .pc-hero-shot img{height:176px}
  .pc-hero h1{font-size:32px}
  .pc-header-inner{flex-wrap:wrap;height:auto;padding:14px 0;gap:12px}
  .pc-nav{order:3;width:100%;overflow-x:auto;padding-bottom:4px}
  .pc-footer-cols{grid-template-columns:1fr 1fr}
  .pc-order-grid{grid-template-columns:1fr}
  .pc-steps{grid-template-columns:1fr}
  .pc-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc-join-card{grid-template-columns:1fr;padding:28px 22px 32px;text-align:center}
  .pc-join-photos{height:220px;margin:0 auto;width:min(100%,360px)}
  .pc-join-photo.a{width:150px;height:196px;left:8px}
  .pc-join-photo.b{width:188px;height:220px;left:128px}
  .pc-join-copy{margin:0 auto;font-size:18px}
  .pc-join-copy strong{font-size:22px}
}