/* ============================================================
   雨辰科研咨询 · 自研软件区 公共样式（对齐官网浅色风格）
   仅用于 software-*.html 与 xiazai.html 等软件页面
   配色取自官网主站：主红 #eb001b / 标题 #001726 / 正文 #696969
                    浅底 #F1F5FF / 边框 rgba(1,13,9,.1)
   ============================================================ */
:root{
  --bg:#ffffff; --bg2:#F1F5FF; --card:#ffffff; --card2:#F1F5FF;
  --line:rgba(1,13,9,.1); --txt:#001726; --sub:#696969; --dim:#8b939b;
  --red:#eb001b; --red2:#ad0019; --gold:#c8860d;
  --sh:0 6px 24px rgba(0,23,38,.06);
  --sh-h:0 16px 40px rgba(0,23,38,.13);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',"Microsoft YaHei","PingFang SC",-apple-system,sans-serif;
  background:var(--bg);color:var(--sub);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* ===== 顶部导航（与官网 header-white 一致：深色半透明底 + 白字菜单） ===== */
nav{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.82);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
nav .wrap{display:flex;align-items:center;gap:10px;height:76px}
nav .logo-link{display:flex;align-items:center;height:100%;flex:0 0 auto}
nav .logo-link img{height:52px}
nav .sp{flex:1}
nav a.nl{color:#fff;font-size:16.5px;padding:8px 14px;white-space:nowrap;transition:.3s;position:relative}
nav a.nl:hover{color:var(--red)}
nav a.nl.on{font-weight:600;color:#fff}
nav a.nl.on::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;
  background:var(--red);border-radius:2px}
nav a.cta{display:inline-flex;align-items:center;color:#fff;font-size:15px;font-weight:600;
  border-radius:20px;padding:10px 24px;white-space:nowrap;flex:0 0 auto;transition:.3s;letter-spacing:.3px;
  background-image:linear-gradient(to top,var(--red) 50%,#001726 50%);
  background-size:202% 202%;background-position:100% 100%}
nav a.cta:hover{background-position:0 0;color:#fff}

/* ===== Hero ===== */
header{position:relative;overflow:hidden;text-align:center;padding:74px 24px 62px;
  background:radial-gradient(ellipse 76% 62% at 50% -14%,rgba(235,0,27,.09),transparent 62%),var(--bg2)}
header .badge{display:inline-block;font-size:13px;color:var(--gold);background:rgba(254,196,88,.16);
  border:1px solid rgba(200,134,13,.3);border-radius:999px;padding:3px 14px;margin-bottom:22px;letter-spacing:1px}
header .hero-ic{width:92px;height:92px;border-radius:22px;flex:0 0 auto;
  box-shadow:0 12px 34px rgba(235,0,27,.2)}
/* 图标 + 标题两行字的横向组合（icon 在文字正前方） */
header .hero-lock{display:flex;align-items:center;justify-content:center;gap:28px;
  text-align:left;max-width:1000px;margin:0 auto}
header .hero-txt h1{margin:0}
header .hero-txt .tagline{margin-top:12px}
header h1{font-size:40px;font-weight:800;letter-spacing:1px;line-height:1.25;color:var(--txt)}
header h1 .r{color:var(--red)}
header .tagline{margin-top:16px;font-size:17px;color:var(--sub);letter-spacing:.5px}
header .tagline b{color:var(--txt);font-weight:600}
.dl-row{margin-top:34px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:700;
  padding:13px 32px;border-radius:10px;transition:.18s;cursor:pointer;border:none}
.btn svg{width:19px;height:19px;fill:currentColor;flex:0 0 auto}
.btn-main{background:var(--red);color:#fff;box-shadow:0 8px 24px rgba(235,0,27,.26)}
.btn-main:hover{background:var(--red2);transform:translateY(-2px)}
.btn-ghost{border:1px solid var(--line);color:var(--txt);background:#fff;box-shadow:var(--sh)}
.btn-ghost:hover{border-color:rgba(235,0,27,.4);color:var(--red);transform:translateY(-2px)}
.meta{margin-top:20px;font-size:13px;color:var(--dim)}
.meta span{margin:0 10px}
.meta span::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;
  background:var(--dim);margin-right:10px;vertical-align:middle}
.meta-plain span{margin:0}
.meta-plain span::before{display:none}

/* ===== 通用 section ===== */
section{padding:68px 0}
.sec-head{text-align:center;margin-bottom:42px}
.sec-head h2{font-size:28px;font-weight:800;color:var(--txt)}
.sec-head p{color:var(--sub);margin-top:8px;font-size:15px}
h3{color:var(--txt)}

/* ===== 功能亮点 ===== */
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 24px;
  box-shadow:var(--sh);transition:.2s}
.feat:hover{transform:translateY(-4px);border-color:rgba(235,0,27,.35);box-shadow:var(--sh-h)}
.feat .ic{width:46px;height:46px;border-radius:11px;background:rgba(235,0,27,.08);color:var(--red);
  display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}
.feat h3{font-size:17px;margin-bottom:8px}
.feat p{font-size:14px;color:var(--sub)}

/* ===== 产品卡（总览页） ===== */
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.prods.four{grid-template-columns:repeat(4,1fr)}
.prods.five{grid-template-columns:repeat(3,1fr)}
@media(max-width:1180px){.prods.five{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.prods.five{grid-template-columns:1fr}}
@media(max-width:1180px){.prods.four{grid-template-columns:1fr 1fr}}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px 26px 26px;
  display:flex;flex-direction:column;transition:.22s;position:relative;box-shadow:var(--sh)}
.pcard:hover{transform:translateY(-6px);border-color:rgba(235,0,27,.35);box-shadow:var(--sh-h)}
.pcard .pic{width:72px;height:72px;border-radius:17px;margin-bottom:18px;box-shadow:0 8px 24px rgba(235,0,27,.16)}
.pcard h3{font-size:20px;margin-bottom:6px}
.pcard .one{font-size:13.5px;color:var(--gold);margin-bottom:14px;letter-spacing:.3px}
.pcard p{font-size:14px;color:var(--sub);flex:1}
.pcard .chips{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 22px}
.pcard .chips i{font-style:normal;font-size:12px;color:var(--sub);background:var(--bg2);
  border:1px solid var(--line);border-radius:999px;padding:2px 11px}
.pcard .go{display:flex;gap:10px}
.pcard .go .btn{flex:1;justify-content:center;padding:11px 10px;font-size:14.5px}
/* ===== 「免费」标（计时器 / 手机鼠标，品牌红） ===== */
.free-tag{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:4px;
  font-size:12px;font-weight:700;letter-spacing:1px;color:#fff;padding:3px 11px;border-radius:999px;
  background:linear-gradient(135deg,#e8252a,#c8141a);box-shadow:0 6px 16px rgba(232,37,42,.32)}
.header-free{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#e8252a;
  background:rgba(232,37,42,.1);border:1px solid rgba(232,37,42,.35);border-radius:999px;
  padding:4px 13px;letter-spacing:1px;margin-left:8px;vertical-align:middle}

/* ===== 截图 ===== */
#shots{background:var(--red2)}
#shots .sec-head h2{color:#fff}
#shots .sec-head p{color:rgba(255,255,255,.85)}
.shots{display:grid;grid-template-columns:1fr;gap:26px}
.shot{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--sh)}
#shots .shot{border-color:rgba(255,255,255,.22);box-shadow:0 14px 34px rgba(0,0,0,.22)}
#shots .shot .cap b{color:var(--red)}
#shots .shot.dark{background:#2b3040}
#shots .shot.dark .cap{background:#fff;color:var(--sub)}
#shots .shot .cap.center{justify-content:center}
#shots .shot.flat{background:#fff;border-radius:16px}
.shot img{display:block;width:100%;cursor:zoom-in}
.shot .cap{padding:14px 20px;font-size:14px;color:var(--sub);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.shot .cap b{color:var(--txt)}
.shot.flat{background:transparent;border:none;border-radius:20px;box-shadow:none}
.shot.flat .cap{justify-content:center}
.shots.two{grid-template-columns:1fr 1fr;gap:20px}
/* 手机竖屏截图：四张并排缩到合适大小，避免单张撑满整行过高 */
.shots.four{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1040px;margin:0 auto}
#shots .shots.four .shot{border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.20)}
#shots .shots.four .cap{display:block;font-size:13px;line-height:1.6;padding:12px 14px;text-align:center}
#shots .shots.four .cap b{display:block;margin-bottom:3px;font-size:13.5px}
@media(max-width:900px){
  .shots.four{grid-template-columns:repeat(2,1fr);gap:14px;max-width:560px}
  #shots .shots.four .cap{font-size:12px;padding:10px 11px}
  #shots .shots.four .cap b{font-size:12.5px}
}

/* lightbox */
#lb{position:fixed;inset:0;background:rgba(0,23,38,.9);display:none;align-items:center;justify-content:center;z-index:99;cursor:zoom-out}
#lb img{max-width:94vw;max-height:92vh;border-radius:8px}

/* ===== 下载区 ===== */
#download{background:radial-gradient(ellipse 70% 80% at 50% 120%,rgba(235,0,27,.06),transparent 60%),var(--bg)}
.dl-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:860px;margin:0 auto}
.dl-cards.three{grid-template-columns:repeat(3,1fr);max-width:1020px}
/* 下载分组标题：绿色版 / 安装版 */
.dl-group{display:flex;align-items:center;gap:12px;max-width:860px;margin:38px auto 18px;
  font-size:16px;font-weight:700;color:var(--txt);letter-spacing:.5px;text-align:left}
.dl-group:first-of-type{margin-top:6px}
.dl-group::after{content:"";flex:1;height:1px;background:var(--line)}
.dl-group em{font-style:normal;font-size:12.5px;font-weight:400;color:var(--dim);letter-spacing:0}
@media(max-width:820px){.dl-group{flex-wrap:wrap;gap:6px}.dl-group::after{display:none}}
.dlc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px;text-align:center;
  position:relative;box-shadow:var(--sh)}
.dlc.rec{border-color:rgba(235,0,27,.4);box-shadow:0 10px 30px rgba(235,0,27,.1)}
.dlc .tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;
  font-size:12px;padding:3px 14px;border-radius:999px;letter-spacing:1px}
.dlc h3{font-size:19px;margin-bottom:6px}
.dlc .sz{font-size:13px;color:var(--dim);margin-bottom:20px}
.dlc .btn{width:100%;justify-content:center}
.dlc .md{margin-top:14px;font-size:11.5px;color:var(--dim);word-break:break-all;line-height:1.5}
/* 网盘备用通道 */
.mirror{max-width:1020px;margin:26px auto 0;background:var(--card);border:1px solid var(--line);
  border-radius:14px;padding:22px 26px;box-shadow:var(--sh)}
.mirror h3{font-size:15px;color:var(--gold);margin-bottom:14px}
.mirror .row{display:flex;gap:10px;flex-wrap:wrap}
.mirror a{font-size:13.5px;color:var(--sub);background:var(--bg2);border:1px solid var(--line);
  border-radius:8px;padding:7px 16px;transition:.18s}
.mirror a:hover{color:var(--red);border-color:rgba(235,0,27,.35)}

/* ===== 网盘下载卡（替代服务器直链下载） ===== */
.dlc.net{text-align:left;padding:26px 22px 20px}
.dlc.net h3{font-size:17px;text-align:center;margin-bottom:4px}
.dlc.net h3::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;
  background:var(--nc,#eb001b);margin-right:9px;vertical-align:middle;position:relative;top:-1px}
.dlc.net .sz{text-align:center;margin-bottom:18px}
.dlc.net.rec{box-shadow:0 14px 36px rgba(235,0,27,.16)}
/* 推荐卡：只描边高亮，三个网盘按钮仍保持普通样式，避免一片红 */
.dlc.net.hot{border-color:rgba(235,0,27,.4);box-shadow:0 14px 36px rgba(235,0,27,.16)}
.dlc.net.rec .tag{font-weight:700;letter-spacing:2px}
.dlc.net .tag{font-weight:700;letter-spacing:2px}
.net-link{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:10px;
  border:1px solid var(--line);border-radius:11px;background:var(--bg2);transition:.18s;
  text-align:left;cursor:pointer}
.net-link:last-child{margin-bottom:0}
.net-link:hover{border-color:rgba(235,0,27,.4);background:#fff;transform:translateY(-2px);box-shadow:var(--sh)}
.net-link .os-ic{width:19px;height:19px;flex:0 0 auto;fill:currentColor;color:var(--dim);transition:.18s}
.net-link:hover .os-ic{color:var(--red)}
.net-link .os-nm{flex:1;font-size:14px;font-weight:600;color:var(--txt);white-space:nowrap}
.net-link .os-code{font-size:11.5px;color:var(--gold);background:rgba(254,196,88,.16);
  border:1px solid rgba(200,134,13,.28);border-radius:999px;padding:2px 9px;white-space:nowrap;
  cursor:pointer;transition:.18s}
.net-link .os-code:hover{background:rgba(235,0,27,.1);border-color:rgba(235,0,27,.4);color:var(--red)}
.net-link .os-code:empty{display:none}
.net-link.pending{cursor:not-allowed;opacity:.55}
.net-link.pending:hover{transform:none;border-color:var(--line);box-shadow:none;background:var(--bg2)}
.net-link.pending:hover .os-ic{color:var(--dim)}
.net-link.pending .os-code{color:var(--dim);background:var(--bg2);border-color:var(--line)}
/* 推荐卡（蓝奏网盘）：可下载的按钮做成主红实心，突出推荐 */
.dlc.net.rec .net-link:not(.pending){background:var(--red);border-color:var(--red);
  box-shadow:0 8px 20px rgba(235,0,27,.24)}
.dlc.net.rec .net-link:not(.pending) .os-nm{color:#fff}
.dlc.net.rec .net-link:not(.pending) .os-ic{color:rgba(255,255,255,.92)}
.dlc.net.rec .net-link:not(.pending):hover{background:var(--red2);border-color:var(--red2);
  box-shadow:0 12px 26px rgba(235,0,27,.32)}
.dlc.net.rec .net-link:not(.pending):hover .os-ic{color:#fff}
.dlc.net.rec .net-link:not(.pending) .os-code{background:rgba(255,255,255,.2);
  border-color:rgba(255,255,255,.55);color:#fff}
.dlc.net.rec .net-link:not(.pending) .os-code:hover{background:#fff;border-color:#fff;color:var(--red)}
.cp-code{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--txt);
  cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:8px;padding:3px 12px;
  transition:.18s;font-family:inherit;vertical-align:middle;margin-left:2px}
.cp-code:hover{border-color:rgba(235,0,27,.4);color:var(--red)}

/* ===== 更新日志 ===== */
.log{max-width:780px;margin:0 auto}
.log-item{border-left:3px solid var(--red);padding:4px 0 22px 24px;position:relative}
.log-item::before{content:"";position:absolute;left:-8px;top:8px;width:13px;height:13px;border-radius:50%;
  background:#fff;border:3px solid var(--red)}
.log-item h3{font-size:17px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.log-item h3 .v{color:var(--red)}
.log-item h3 .d{font-size:13px;color:var(--dim);font-weight:400}
.log-item ul{margin:10px 0 0 18px;color:var(--sub);font-size:14.5px}
.log-item li{margin:5px 0}

/* ===== 说明 / FAQ ===== */
#guide{background:var(--bg2)}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:var(--sh)}
.gcard h3{font-size:17px;margin-bottom:14px;color:var(--txt)}
.gcard ol,.gcard ul{margin-left:20px;color:var(--sub);font-size:14.5px}
.gcard li{margin:7px 0}
.gcard .kbd{display:inline-block;background:var(--bg2);border:1px solid var(--line);border-radius:5px;
  padding:0 7px;font-size:12.5px;color:var(--txt);font-family:Consolas,monospace}
.notice{max-width:880px;margin:26px auto 0;background:rgba(254,196,88,.14);
  border:1px solid rgba(200,134,13,.3);border-radius:12px;padding:16px 22px;font-size:14px;color:#7a5a10}
.notice a{color:var(--red);text-decoration:underline}

/* ===== 相关软件（页尾交叉推广） ===== */
.also{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1020px;margin:0 auto}
.also a{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;
  display:flex;align-items:center;gap:14px;transition:.2s;box-shadow:var(--sh)}
.also a:hover{transform:translateY(-3px);border-color:rgba(235,0,27,.35);box-shadow:var(--sh-h)}
.also img{width:46px;height:46px;border-radius:11px;flex:0 0 auto}
.also b{display:block;font-size:15px;color:var(--txt)}
.also span{font-size:12.5px;color:var(--sub)}

/* ===== 页脚：样式统一由 static/css/sw-footer.css 提供（官网 + 软件区共用） ===== */

/* ===== 响应式 ===== */
@media(max-width:960px){
  .prods,.dl-cards.three,.feats,.also{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  header h1{font-size:30px}
  header .tagline{font-size:15.5px}
  header .hero-lock{gap:20px}
  header .hero-ic{width:72px;height:72px;border-radius:17px}
  .prods,.dl-cards,.dl-cards.three,.guide-grid,.feats,.shots.two,.also{grid-template-columns:1fr}
  .gcard{padding:22px 20px}
}
@media(max-width:640px){
  header .hero-lock{flex-direction:column;text-align:center;gap:16px}
}
@media(max-width:1180px) and (min-width:721px){
  nav .wrap{gap:6px}
  nav .logo-link img{height:42px}
  nav a.nl{font-size:15px;padding:8px 9px}
  nav a.nl.on::after{left:9px;right:9px}
  nav a.cta{font-size:14px;padding:9px 18px}
}
@media(max-width:720px){
  nav{position:sticky}
  nav .wrap{height:auto;padding:10px 16px;gap:6px;flex-wrap:wrap}
  nav a.nl{font-size:13.5px;padding:5px 8px}
  nav .logo-link img{height:34px}
  nav a.cta{font-size:13px;padding:7px 14px}
  footer .sw-cols{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  header{padding:52px 18px 44px}
  header .hero-ic{width:74px;height:74px}
  section{padding:48px 0}
  .btn{padding:12px 22px;font-size:15px}
}