/* ===== 主题系统：三套模板，由 data-theme 切换 ===== */
:root{               /* 默认：活力橙 */
  --brand:#fa541c; --brand2:#ff7a45; --on-brand:#fff;
  --bg:#f5f6f8; --surface:#ffffff; --surface2:#fafbfc;
  --ink:#1f2329; --sub:#6b7280; --muted:#9aa3af; --line:#eceef1;
  --nav-bg:rgba(255,255,255,.9); --hero-bg:radial-gradient(1200px 500px at 80% -10%,#ffe6d8 0%,transparent 60%),linear-gradient(180deg,#fff6f0,#f5f6f8);
  --footer-bg:#1f2329; --footer-ink:#cbd5e1;
  --shadow:0 10px 30px rgba(17,24,39,.08); --shadow-sm:0 2px 12px rgba(17,24,39,.06);
  --radius:18px;
}
[data-theme="blue"]{ /* 商务深蓝 */
  --brand:#2563eb; --brand2:#3b82f6; --on-brand:#fff;
  --bg:#f3f6fc; --surface:#ffffff; --surface2:#f7faff;
  --ink:#0f172a; --sub:#475569; --muted:#94a3b8; --line:#e6ecf5;
  --nav-bg:rgba(255,255,255,.9); --hero-bg:radial-gradient(1200px 520px at 78% -12%,#d8e6ff 0%,transparent 60%),linear-gradient(180deg,#eef4ff,#f3f6fc);
  --footer-bg:#0f1b34; --footer-ink:#aebfda;
  --shadow:0 14px 36px rgba(15,40,90,.12); --shadow-sm:0 2px 14px rgba(15,40,90,.08);
}
[data-theme="dark"]{ /* 科技深色 */
  --brand:#6b8cff; --brand2:#9b6bff; --on-brand:#fff;
  --bg:#0a0e1a; --surface:#121a2e; --surface2:#0f1626;
  --ink:#e9eefb; --sub:#9fb0cf; --muted:#6b7a99; --line:rgba(255,255,255,.08);
  --nav-bg:rgba(12,17,32,.72); --hero-bg:radial-gradient(900px 480px at 78% -8%,rgba(123,92,255,.35) 0%,transparent 60%),radial-gradient(700px 400px at 10% 10%,rgba(80,140,255,.22) 0%,transparent 55%),linear-gradient(180deg,#0c1222,#0a0e1a);
  --footer-bg:#070b15; --footer-ink:#8aa0c6;
  --shadow:0 18px 48px rgba(0,0,0,.45); --shadow-sm:0 2px 16px rgba(0,0,0,.35);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;transition:background .3s,color .3s}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.muted{color:var(--muted)} .pad{padding:40px 0}
.wrap{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}

/* 顶栏 */
.nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:14px 24px}
.brand{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:800;white-space:nowrap;letter-spacing:.3px}
.brand-ic{margin-right:6px}
.brand-logo{height:48px;width:auto;max-width:210px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.18))}
/* Hero 主视觉：完整 LOGO（含 IT服务·全国连锁 标语），透明底无白边 */
.hero-logo{width:min(340px,80vw);height:auto;filter:drop-shadow(0 16px 40px color-mix(in srgb,var(--brand) 28%,transparent)) drop-shadow(0 4px 12px rgba(0,0,0,.12))}
/* 关于我们卡片 LOGO */
.company-logo{width:150px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,0,0,.16))}
/* 移动端自适应：聚焦输入框时 iOS 在字号<16px 会自动放大整页，统一抬到16px根除 */
@media(max-width:760px){
  input,select,textarea{font-size:16px!important}
  .brand-logo{height:40px}
  .hero-logo{width:min(260px,72vw)}
  .company-logo{width:120px}
}
.nav-links{display:flex;flex-wrap:nowrap;align-items:center;gap:20px;flex:1;font-size:14.5px;color:var(--sub);white-space:nowrap}
.nav-links>a{position:relative;padding:4px 0}
.nav-links>a:hover{color:var(--brand)}
/* 「更多」下拉：把次要入口收进来，顶栏保持一行不拥挤 */
.nav-more{position:relative}
.nav-more-t{cursor:pointer;padding:4px 0;display:inline-block}
.nav-more:hover .nav-more-t{color:var(--brand)}
.nav-more::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.nav-more-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:140px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:none;flex-direction:column;gap:2px;z-index:60}
.nav-more:hover .nav-more-menu{display:flex}
.nav-more-menu a{padding:9px 14px;border-radius:8px;font-size:14px;color:var(--sub);white-space:nowrap}
.nav-more-menu a:hover{background:var(--surface2);color:var(--brand)}
.store-pick{display:flex;align-items:center;gap:8px}
.store-label{font-size:13px;color:var(--muted)}
#storeSelect{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;background:var(--surface);color:var(--ink);cursor:pointer;max-width:190px}
.nav-tel{margin-left:6px;font-weight:800;color:var(--brand);white-space:nowrap}
.nav-login{white-space:nowrap;font-size:13px;font-weight:700;color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:999px;padding:7px 14px;cursor:pointer;transition:.15s}
.nav-login:hover{background:var(--brand);color:var(--on-brand)}

/* 风格切换器 */
.theme-switch{display:flex;gap:6px;align-items:center;background:var(--surface2);border:1px solid var(--line);border-radius:999px;padding:4px}
.theme-dot{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;background-clip:padding-box}
.theme-dot[data-t="orange"]{background:linear-gradient(135deg,#ff7a45,#fa541c)}
.theme-dot[data-t="blue"]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.theme-dot[data-t="dark"]{background:linear-gradient(135deg,#9b6bff,#1b2440)}
.theme-dot.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--brand)}

/* Hero */
.hero{background:var(--hero-bg)}
.hero-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:48px;padding:96px 24px}
.hero-text{flex:1}
.hero-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,transparent);padding:6px 16px;border-radius:999px}
.hero-text h1{font-size:50px;line-height:1.18;font-weight:900;letter-spacing:.5px;margin-top:20px}
.hero-text h1 .grad{background:linear-gradient(120deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-text p{margin-top:20px;color:var(--sub);font-size:17px;max-width:560px}
.hero-actions{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}
.hero-store{margin-top:22px;font-size:14px;color:var(--muted)}
.hero-art{font-size:150px;flex-shrink:0;filter:drop-shadow(0 20px 50px color-mix(in srgb,var(--brand) 35%,transparent))}

/* 按钮 */
.btn{display:inline-block;border:none;cursor:pointer;font-size:15px;font-weight:700;border-radius:999px;padding:14px 32px;transition:.18s}
.btn-primary{background:linear-gradient(135deg,var(--brand2),var(--brand));color:var(--on-brand);box-shadow:0 10px 26px color-mix(in srgb,var(--brand) 32%,transparent)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{background:var(--surface);color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line))}

/* 信任带 */
.trust{max-width:1180px;margin:-36px auto 0;padding:0 24px;position:relative;z-index:2}
.trust-grid{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
.trust-item{padding:26px 24px;text-align:center;border-right:1px solid var(--line)}
.trust-item:last-child{border-right:none}
.trust-ic{font-size:30px}
.trust-t{font-size:16px;font-weight:700;margin-top:8px}
.trust-s{font-size:13px;color:var(--muted);margin-top:4px}

/* 区块 */
.block{max-width:1180px;margin:0 auto;padding:72px 24px}
.block-alt{max-width:none;background:var(--surface2)}
.block-alt>*{max-width:1180px;margin-left:auto;margin-right:auto}
.block-title{font-size:32px;font-weight:900;text-align:center;letter-spacing:.5px}
.block-title::after{content:"";display:block;width:48px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--brand),var(--brand2));margin:14px auto 0}
.block-sub{text-align:center;color:var(--muted);margin-top:16px;font-size:15px}

/* 服务 */
.svc-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px;transition:.18s}
.svc:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.svc-ic{font-size:42px}
.svc h3{margin-top:16px;font-size:20px}
.svc p{margin-top:10px;color:var(--sub);font-size:14px}

/* 关于 */
.about{margin-top:44px;display:flex;align-items:center;gap:48px}
.about-text{flex:1}
.about-text p{color:var(--sub);font-size:16px;margin-bottom:14px}
.about-text b{color:var(--ink)}
.about-tags{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 24px}
.about-tags span{background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:999px;padding:8px 16px;font-size:14px}
.about-contact{display:flex;gap:14px;flex-wrap:wrap}
.about-art{font-size:150px;flex-shrink:0;filter:drop-shadow(0 16px 40px color-mix(in srgb,var(--brand) 30%,transparent))}

/* 商品 */
.cats{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.cat{font-size:14px;color:var(--sub);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 18px;cursor:pointer}
.cat.on{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.goods-grid{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.good{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:.18s}
.ai-badge{position:absolute;top:8px;left:8px;z-index:2;font-size:11px;font-weight:800;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#8b6cf0,#6b8cff);padding:2px 8px;border-radius:8px;box-shadow:0 2px 8px rgba(107,108,240,.4)}
.good:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.good-pic{width:100%;height:190px;object-fit:cover;background:var(--surface2)}
.good-pic-ph{width:100%;height:190px;display:flex;align-items:center;justify-content:center;font-size:50px;background:var(--surface2);color:var(--muted)}
.good-body{padding:16px}
.good-name{font-size:15px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}
.good-foot{margin-top:12px;display:flex;align-items:center;justify-content:space-between}
.good-price{color:var(--brand);font-weight:800;font-size:19px}
.good-price small{font-size:12px;font-weight:600}
.good-sales{font-size:12px;color:var(--muted)}

/* 资讯 */
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sec-title{font-size:26px;font-weight:800;position:relative;padding-left:14px}
.sec-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:24px;border-radius:4px;background:linear-gradient(180deg,var(--brand),var(--brand2))}
.more-link{color:var(--brand);font-size:14px;font-weight:700;white-space:nowrap}
.more-wrap{text-align:center;margin-top:28px}
#homeNewsWrap .news-grid{margin-top:24px}
.news-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.news-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:.18s}
.news-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.news-pic{width:100%;height:170px;object-fit:cover;background:var(--surface2)}
.news-pic-ph{width:100%;height:170px;display:flex;align-items:center;justify-content:center;font-size:46px;background:var(--surface2);color:var(--muted)}
.news-body{padding:18px}
.news-top{display:inline-block;font-size:11px;color:var(--on-brand);background:var(--brand);border-radius:6px;padding:1px 8px;margin-right:8px;vertical-align:middle}
.news-title{font-size:17px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-sum{margin-top:10px;font-size:13px;color:var(--sub);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-meta{margin-top:14px;font-size:12px;color:var(--muted)}

/* 文章详情（弹窗内）*/
.article-title{font-size:24px;font-weight:800;line-height:1.4}
.article-meta{color:var(--muted);font-size:13px;margin:12px 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.article-content{font-size:15px;color:var(--ink);line-height:1.9;word-break:break-word}
.article-content img{max-width:100%;height:auto;border-radius:10px;margin:10px 0}
.article-content p{margin:10px 0}

/* 表单 */
.form{max-width:660px;margin:40px auto 0;display:flex;flex-direction:column;gap:16px}
.form label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--sub)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form input,.form select,.form textarea{border:1px solid var(--line);border-radius:12px;padding:13px 14px;font-size:15px;color:var(--ink);background:var(--surface);font-family:inherit}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--brand)}
.form textarea{resize:vertical}

/* 我的订单 */
.orders-q{max-width:520px;margin:30px auto 0;display:flex;gap:12px}
.orders-q input{flex:1;border:1px solid var(--line);border-radius:12px;padding:13px 14px;font-size:15px;background:var(--surface);color:var(--ink)}
#ordersList{max-width:740px;margin:24px auto 0}
.ord{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:14px}
.ord-top{display:flex;justify-content:space-between;align-items:center}
.ord-t{font-weight:700}
.ord-badge{font-size:12px;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,#fa8c16 16%,transparent);color:#fa8c16}
.ord-badge.paid{background:color-mix(in srgb,#15ad31 16%,transparent);color:#15ad31}
.ord-sub{color:var(--sub);font-size:14px;margin-top:8px}
.ord-meta{color:var(--muted);font-size:12px;margin-top:6px}

/* 商品弹窗 */
.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}
.modal-mask{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.modal-card{position:relative;background:var(--surface);color:var(--ink);border-radius:22px;max-width:780px;width:100%;max-height:86vh;overflow:auto;padding:30px;box-shadow:var(--shadow)}
.modal-close{position:absolute;top:14px;right:18px;font-size:30px;color:var(--muted);cursor:pointer;line-height:1}
.gd{display:flex;gap:28px;flex-wrap:wrap}
.gd-pic{width:300px;height:300px;object-fit:cover;border-radius:14px;background:var(--surface2);flex-shrink:0}
.gd-info{flex:1;min-width:240px}
.gd-name{font-size:23px;font-weight:800}
.gd-price{color:var(--brand);font-size:32px;font-weight:900;margin-top:14px}
.gd-meta{color:var(--muted);font-size:13px;margin-top:10px}
.gd-desc{color:var(--sub);font-size:14px;margin-top:16px;white-space:pre-wrap}
.gd-buy{margin-top:24px;padding:22px;border:1px dashed color-mix(in srgb,var(--brand) 40%,var(--line));border-radius:16px;text-align:center;background:color-mix(in srgb,var(--brand) 6%,var(--surface))}
.gd-qr{width:200px;height:200px;margin:12px auto 0;background:#fff;border-radius:10px;padding:6px}
.gd-buy-tip{color:var(--sub);font-size:13px;margin-top:10px}

/* 页脚 */
.footer{background:var(--footer-bg);color:var(--footer-ink);padding:46px 24px;text-align:center;font-size:14px;line-height:1.9}
.foot-brand{font-size:18px;font-weight:800;color:#fff;margin-bottom:10px}
.foot-copy{margin-top:10px;color:color-mix(in srgb,var(--footer-ink) 60%,transparent);font-size:13px}

/* Toast */
.toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.82);color:#fff;padding:14px 24px;border-radius:12px;font-size:15px;z-index:200}
.toast[hidden]{display:none}

/* 响应式 */
@media(max-width:980px){
  .nav-links{display:none}
  .hero-inner{flex-direction:column;padding:56px 24px;text-align:center}
  .hero-text h1{font-size:36px}
  .hero-text p{margin-left:auto;margin-right:auto}
  .hero-art{font-size:96px}
  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-item:nth-child(2){border-right:none}
  .trust-item:nth-child(1),.trust-item:nth-child(2){border-bottom:1px solid var(--line)}
  .svc-grid{grid-template-columns:1fr 1fr}
  .goods-grid{grid-template-columns:1fr 1fr}
  .about{flex-direction:column;text-align:center}
  .row2{grid-template-columns:1fr}
  .gd-pic{width:100%;height:auto}
  .nav-tel{display:none}
}
@media(max-width:560px){
  .svc-grid,.goods-grid{grid-template-columns:1fr 1fr}
  .good-pic,.good-pic-ph{height:140px}
  .trust-grid{grid-template-columns:1fr 1fr}
}

/* ===== 远程协助 ===== */
.remote .remote-card{display:flex;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.remote-main{flex:1;padding:40px 44px}
.remote-badge{display:inline-block;font-size:13px;font-weight:800;color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent);padding:6px 16px;border-radius:999px}
.remote-title{font-size:28px;font-weight:900;margin-top:18px;letter-spacing:.5px}
.remote-sub{margin-top:12px;color:var(--sub);font-size:16px;max-width:520px}
.remote-actions{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}
.btn-lg{font-size:17px;padding:16px 36px}
.remote-steps{margin-top:30px;display:flex;flex-direction:column;gap:16px}
.rstep{display:flex;align-items:flex-start;gap:14px}
.rstep-n{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--brand2),var(--brand));color:var(--on-brand);font-weight:800;display:flex;align-items:center;justify-content:center}
.rstep b{font-size:15px}
.rstep small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.remote-aside{width:300px;flex-shrink:0;background:var(--surface2);border-left:1px solid var(--line);padding:40px 32px}
.remote-promise-t{font-size:16px;font-weight:800}
.remote-promise{margin-top:16px;list-style:none;display:flex;flex-direction:column;gap:12px}
.remote-promise li{position:relative;padding-left:26px;color:var(--sub);font-size:14px}
.remote-promise li::before{content:"✓";position:absolute;left:0;top:0;color:var(--brand);font-weight:900}
.remote-os{margin-top:24px;font-size:13px;color:var(--muted)}
@media(max-width:860px){
  .remote .remote-card{flex-direction:column}
  .remote-aside{width:auto;border-left:none;border-top:1px solid var(--line)}
}
@media(max-width:560px){
  .remote-main{padding:30px 24px}
}

/* 公司信息合一卡片 */
.company-card{margin-top:8px;display:flex;align-items:center;gap:40px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px}
.company-art{font-size:120px;flex-shrink:0;filter:drop-shadow(0 16px 40px color-mix(in srgb,var(--brand) 30%,transparent))}
.company-body{flex:1}
.company-title{font-size:26px;font-weight:900}
.company-body p{color:var(--sub);font-size:15px;line-height:1.8;margin-top:14px}
.company-body b{color:var(--ink)}
.company-svc{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}
.company-svc span{background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:999px;padding:7px 15px;font-size:13px}
@media(max-width:720px){.company-card{flex-direction:column;text-align:center;padding:28px}.company-art{font-size:80px}.company-svc{justify-content:center}.about-contact{justify-content:center}}

/* ===== 卖点条 ===== */
.promise{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,var(--surface)),var(--surface));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:44px}
.promise-inner{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.promise-lead{font-weight:800;font-size:15px}
.promise-tag{font-size:14px;font-weight:700;color:var(--brand);background:var(--surface);border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:999px;padding:7px 16px}
@media(max-width:560px){.promise-lead{width:100%;text-align:center;margin-bottom:4px}.promise-inner{gap:10px}}

/* ===== 实用工具 ===== */
.tools-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.ttab{font-size:14px;font-weight:700;color:var(--sub);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;transition:.15s}
.ttab:hover{color:var(--brand)}
.ttab.on{color:var(--on-brand);background:linear-gradient(135deg,var(--brand2),var(--brand));border-color:transparent;box-shadow:0 6px 18px color-mix(in srgb,var(--brand) 28%,transparent)}
.tool-pane{display:none}
.tool-pane.on{display:block;animation:fadeIn .2s}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tool-tip{margin-top:16px;font-size:13px;color:var(--muted);line-height:1.7}
.tool-tip a{color:var(--brand);font-weight:700}
.dl-sub-h{font-size:17px;font-weight:800;color:var(--ink,#1f2329);margin:6px 0 4px;padding-left:10px;border-left:4px solid var(--brand)}
.dlcat{margin-bottom:18px}
.dlcat-h{font-size:15px;font-weight:800;margin-bottom:10px}
.dlcat-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.dllink{font-size:14px;color:var(--sub);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.15s}
.dllink:hover{color:var(--on-brand);background:linear-gradient(135deg,var(--brand2),var(--brand));border-color:transparent;transform:translateY(-2px)}
.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.check-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;font-weight:700;cursor:pointer;transition:.15s;text-align:center}
.check-item:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));transform:translateY(-2px)}
.check-item.on{color:var(--on-brand);background:linear-gradient(135deg,var(--brand2),var(--brand));border-color:transparent}
.check-result{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}
.check-q{font-size:17px;font-weight:800;margin-bottom:10px}
.check-tip{color:var(--sub);font-size:15px;line-height:1.8}
.price-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.price-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}
.price-h{font-size:16px;font-weight:800;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.price-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line);font-size:14px}
.price-row:last-child{border-bottom:none}
.price-row b{color:var(--brand)}
.price-col label{display:block;font-size:14px;color:var(--sub);margin-bottom:12px}
.price-col select,.price-col input,.trade-form select,.trade-form input,.member-q input{width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink);font-size:15px;box-sizing:border-box}
.pc-list{margin-top:14px}
.trade-form{max-width:560px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}
.trade-out{margin-top:16px;font-size:16px;text-align:center}
.trade-out b{font-size:24px;color:var(--brand)}
.remote-code{margin-top:18px;display:flex;flex-direction:column;gap:6px}
.remote-code input{max-width:260px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:14px}
.remote-code span{font-size:12px;color:var(--muted)}
/* ===== 企业外包 ===== */
.ent-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px}
.ent-title{font-size:26px;font-weight:900;margin-top:16px}
.ent-sub{color:var(--sub);font-size:16px;margin-top:12px;max-width:640px;line-height:1.7}
.ent-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}
.ent-list li{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14px;font-weight:600}
/* ===== 会员中心 ===== */
.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.member-info,.member-q{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}
.member-h{font-size:16px;font-weight:800;margin-bottom:14px}
.member-benefits{list-style:none;display:flex;flex-direction:column;gap:12px}
.member-benefits li{color:var(--sub);font-size:14px}
.mq-sum{font-weight:700;margin-bottom:12px}
/* ===== 常见问题 ===== */
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-weight:700;cursor:pointer;font-size:15px}
.faq-x{color:var(--brand);font-size:22px;font-weight:400;transition:transform .2s}
.faq-item.open .faq-x{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;color:var(--sub);font-size:14px;line-height:1.8;padding:0 22px;transition:.25s}
.faq-item.open .faq-a{max-height:240px;padding:0 22px 18px}
/* ===== 工单进度条 ===== */
.prog{margin:14px 0 4px}
.prog-bar{height:6px;background:var(--surface2);border-radius:999px;overflow:hidden}
.prog-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand2),var(--brand));border-radius:999px;transition:width .4s}
.prog-steps{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--muted)}
.prog-steps .on{color:var(--brand);font-weight:700}
@media(max-width:860px){
  .dlcat-links{grid-template-columns:repeat(3,1fr)}
  .check-grid{grid-template-columns:repeat(2,1fr)}
  .price-wrap,.member-grid{grid-template-columns:1fr}
  .ent-list{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .dlcat-links{grid-template-columns:repeat(2,1fr)}
  .check-grid{grid-template-columns:1fr}
  .ent-list{grid-template-columns:1fr}
  .ent-card{padding:28px}
}

/* ===== 顶部菜单：导航首页入口 ===== */
a.brand{cursor:pointer}
.nav-home{font-weight:800;color:var(--brand)!important}

/* ===== 整屏滚动：一滑一屏（吸附）===== */
html{scroll-snap-type:y proximity}
.hero,#tools,#remote,#repair,#orders,#goods,#news,#enterprise,#member,#faq,#about{
  scroll-snap-align:start;
  min-height:100vh;
  display:flex;flex-direction:column;justify-content:center;
}
@media(max-width:980px){
  /* 移动端内容较长，关闭整屏吸附，避免内容被裁切 */
  html{scroll-snap-type:none}
  .hero,#tools,#remote,#repair,#orders,#goods,#news,#enterprise,#member,#faq,#about{
    min-height:0;display:block;
  }
}

/* ===== 软件库 ===== */
.soft-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; margin-top: 14px; }
.soft { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid #eef0f3; border-radius: 14px; padding: 14px 16px; transition: box-shadow .15s, transform .15s; }
.soft:hover { box-shadow: 0 6px 20px rgba(0,0,0,.07); transform: translateY(-2px); }
.soft-ic { width: 52px; height: 52px; border-radius: 12px; object-fit: cover; flex-shrink: 0; background: #f4f6f8; }
.soft-ic-ph { display: flex; align-items: center; justify-content: center; font-size: 28px; }
.soft-body { flex: 1; min-width: 0; }
.soft-name { font-weight: 700; color: #1f2937; font-size: 16px; display: flex; align-items: center; gap: 8px; }
.soft-off { font-size: 12px; font-weight: 600; color: #16a34a; background: #eaf7ee; border-radius: 6px; padding: 1px 8px; }
.soft-meta { font-size: 12px; color: #94a3b8; margin-top: 3px; }
.soft-desc { font-size: 13px; color: #64748b; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.soft-dl { flex-shrink: 0; background: #fa541c; color: #fff; border: 0; border-radius: 10px; padding: 9px 18px; font-size: 14px; font-weight: 600; cursor: pointer; }
.soft-dl:hover { background: #e8480f; }
.soft-kit { background: linear-gradient(135deg,#fff7ed,#ffedd5); border: 1px solid #fed7aa; border-radius: 14px; padding: 16px 18px; margin: 12px 0; color: #9a3412; font-size: 16px; }
.soft-kit-note { font-size: 13px; color: #b45309; margin-top: 6px; font-weight: 400; }
.cat-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

/* ===== 我的电脑（探针仪表盘）===== */
.dev-card { background: #fff; border: 1px solid #eef0f3; border-radius: 14px; padding: 18px; }
.dev-head { display: flex; align-items: center; gap: 10px; font-size: 17px; color: #1f2937; }
.dev-dot { font-size: 12px; font-weight: 600; }
.dev-dot.on { color: #16a34a; }
.dev-dot.off { color: #9ca3af; }
.dev-os { font-size: 12px; color: #94a3b8; margin-top: 4px; }
.dev-gauges { display: flex; gap: 10px; margin: 14px 0; }
.dev-g { flex: 1; text-align: center; background: #f7f9fb; border-radius: 10px; padding: 12px 4px; }
.dev-gv { font-size: 22px; font-weight: 800; color: #1f2937; }
.dev-gv.hot { color: #ef4444; }
.dev-gk { font-size: 12px; color: #94a3b8; margin-top: 2px; }
.dev-probs { font-size: 13px; color: #b45309; background: #fff7ed; border-radius: 8px; padding: 8px 12px; }
.dev-okk { font-size: 13px; color: #16a34a; }
.dev-acts { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.dev-call { background: #fa541c; color: #fff; border: 0; border-radius: 10px; padding: 9px 16px; font-weight: 600; cursor: pointer; }
.dev-todesk { background: #f0f2f5; color: #374151; border: 0; border-radius: 10px; padding: 9px 16px; cursor: pointer; }

/* ===== 包年运维套餐 ===== */
.opspkg-card { background: linear-gradient(135deg,#fff7ed,#fff); border: 1px solid #fed7aa; border-radius: 16px; padding: 24px; max-width: 560px; }
.opk-head { display: flex; align-items: baseline; justify-content: space-between; }
.opk-name { font-size: 20px; font-weight: 800; color: #1f2937; }
.opk-price { font-size: 28px; font-weight: 800; color: #fa541c; }
.opk-price span { font-size: 14px; color: #94a3b8; font-weight: 600; }
.opk-desc { color: #64748b; font-size: 14px; margin: 8px 0 14px; }
.opk-benefits { list-style: none; padding: 0; margin: 0 0 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
.opk-benefits li { font-size: 14px; color: #334155; padding-left: 22px; position: relative; }
.opk-benefits li::before { content: "✓"; position: absolute; left: 0; color: #16a34a; font-weight: 700; }
.opk-acts { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.opk-btn { background: #fa541c; color: #fff; border-radius: 10px; padding: 11px 22px; font-weight: 600; text-decoration: none; }
.opk-note { color: #94a3b8; font-size: 13px; }

/* ===== 服务评价（查单页）===== */
.ord-review { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #eee; }
.ord-rv-stars { color: #ff8f1f; font-size: 16px; letter-spacing: 2px; }
.ord-rv-txt { color: #555; font-size: 13px; margin-left: 8px; }
.ord-reply { margin-top: 6px; font-size: 12px; color: #666; background: #f6f7f9; border-radius: 8px; padding: 8px 10px; }
.ord-rv-btn { background: linear-gradient(90deg,#ff9a2e,#ff6a00); color: #fff; border: none; border-radius: 20px; padding: 7px 20px; font-size: 13px; cursor: pointer; }
.rv-mask { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 9999; align-items: center; justify-content: center; }
.rv-card { width: 90%; max-width: 380px; background: #fff; border-radius: 16px; padding: 24px; }
.rv-h { font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 16px; }
.rv-stars { text-align: center; font-size: 0; }
.rv-s { font-size: 38px; color: #ddd; cursor: pointer; margin: 0 4px; }
.rv-s.on { color: #ff8f1f; }
.rv-text { width: 100%; box-sizing: border-box; min-height: 80px; border: 1px solid #eee; border-radius: 10px; padding: 12px; font-size: 14px; margin-top: 16px; resize: none; }
.rv-foot { display: flex; gap: 12px; margin-top: 18px; }
.rv-cancel, .rv-ok { flex: 1; border: none; border-radius: 22px; padding: 12px 0; font-size: 15px; cursor: pointer; }
.rv-cancel { background: #f2f3f5; color: #666; }
.rv-ok { background: linear-gradient(90deg,#ff9a2e,#ff6a00); color: #fff; }