/* ==========================================================
   PotPlayer 下载站 · 样式表
   个人站长风：方角、细边框、少装饰，信息密度优先
   ========================================================== */

:root{
  --link:   #1652a3;
  --green:  #2e9e5b;
  --green-d:#25814a;
  --red:    #c03327;
  --ink:    #2f2f2f;
  --gray:   #666;
  --light:  #999;
  --line:   #d8d6d0;
  --bg:     #f3f2ee;   /* 页面底 */
  --paper:  #fdfdfc;   /* 内容底 */
  --note-bg:#fffbe6;   /* 站长注 */
  --note-bd:#e8d48b;
}

*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{
  background:var(--bg);
  color:var(--ink);
  font:15px/1.9 "Microsoft YaHei","PingFang SC",sans-serif;
}

img{ max-width:100%; height:auto; display:block; }

a{ color:var(--link); text-decoration:underline; text-underline-offset:3px; }
a:hover{ color:var(--red); }

.wrap{ max-width:1000px; margin:0 auto; padding:0 20px; }

/* ---------- 页眉 ---------- */
.site-head{
  background:#fff;
  border-bottom:1px solid var(--line);
}
.head-inner{
  display:flex; align-items:center; justify-content:space-between;
  height:60px;
}
.brand img{ width:165px; height:35px; }
.site-nav{ display:flex; align-items:center; gap:22px; }
.site-nav a{
  color:var(--ink); font-size:14px; text-decoration:none;
}
.site-nav a:hover{ color:var(--link); text-decoration:underline; }
.nav-dl{
  background:var(--green); color:#fff !important;
  padding:7px 16px; border-radius:2px; text-decoration:none !important;
}
.nav-dl:hover{ background:var(--green-d); }

/* ---------- 首屏 ---------- */
.hero{
  background:var(--paper);
  border-bottom:1px solid var(--line);
  padding:40px 0 44px;
}
.hero-grid{
  display:grid; grid-template-columns:1.05fr 1fr; gap:40px;
  align-items:center;
}
.hero-note{
  font-size:13px; color:var(--light); margin-bottom:10px;
  letter-spacing:.05em;
}
h1{
  font-size:30px; font-weight:700; line-height:1.5;
}
.hero-lede{ margin-top:14px; color:var(--gray); }
.hero-points{ margin-top:14px; list-style:none; }
.hero-points li{ padding-left:18px; position:relative; }
.hero-points li::before{
  content:"▪"; position:absolute; left:0; color:var(--green);
}
.hero-cta{ margin-top:24px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.btn-dl{
  display:inline-block; background:var(--green); color:#fff;
  font-weight:700; font-size:16px; text-decoration:none;
  padding:12px 28px; border-radius:2px;
  border:1px solid var(--green-d);
}
.btn-dl:hover{ background:var(--green-d); color:#fff; }
.btn-dl.big{ font-size:17px; padding:13px 34px; }
.cta-note{ color:var(--gray); font-size:13px; }
.check-line{
  margin-top:16px; font-size:13px; color:var(--light);
  border-top:1px dashed var(--line); padding-top:10px;
}

.hero-shot img{ border:1px solid var(--line); }
.hero-shot figcaption{
  font-size:12.5px; color:var(--light); margin-top:8px; text-align:center;
}

/* ---------- 章节通用 ---------- */
.block{ padding:48px 20px 6px; }
.block-tint{
  background:var(--paper);
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:48px 0 44px; margin-top:44px;
}

h2{
  font-size:21px; font-weight:700;
  padding-left:11px; margin-bottom:20px;
  border-left:5px solid var(--ink);
  line-height:1.4;
}
h3{
  font-size:16.5px; font-weight:700;
  margin:30px 0 6px;
}
h3::before{ content:"◆ "; color:var(--green); font-size:13px; vertical-align:1px; }
h4{
  font-size:15px; font-weight:700; color:var(--gray);
  margin:16px 0 2px;
}
p{ max-width:56em; }
em{ color:var(--red); font-style:normal; }

/* ---------- 功能区：无卡片，虚线分隔 ---------- */
.feature-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:0 44px;
  margin-top:4px;
}
.feature{
  padding:16px 0 18px;
  border-bottom:1px dashed var(--line);
}
.feature h3{ margin:0 0 4px; }
.feature p{ font-size:14px; color:var(--gray); }

.wide-figure{ margin:36px 0 16px; }
.wide-figure img{ border:1px solid var(--line); }
figcaption{
  margin-top:8px; font-size:12.5px; color:var(--light);
}

/* ---------- 下载面板 ---------- */
.dl-panel{
  background:#fff; border:1px solid var(--line);
  padding:22px; margin:22px 0 0;
}
.info-table{
  width:100%; border-collapse:collapse; font-size:14px;
  margin-bottom:20px;
}
.info-table caption{
  text-align:left; font-weight:700; font-size:15px;
  padding-bottom:10px;
}
.info-table th, .info-table td{
  border:1px solid var(--line); padding:8px 12px; text-align:left;
}
.info-table th{
  background:#f4f3ef; color:var(--gray);
  font-weight:600; width:13%; white-space:nowrap;
}
.dl-action{ text-align:center; padding-top:2px; }
.dl-note{ font-size:13px; color:var(--gray); margin-top:10px; max-width:none; }

.master-note{
  margin:18px 0 0;
  background:var(--note-bg); border:1px solid var(--note-bd);
  padding:12px 16px; font-size:13.5px; color:#5c5230;
  line-height:1.9;
}
.master-note b{ color:var(--red); }

/* ---------- FAQ：问答体，虚线分隔 ---------- */
.faq-list{ max-width:56em; }
.faq-item{
  padding:18px 0;
  border-bottom:1px dashed var(--line);
}
.faq-item:last-child{ border-bottom:0; }
.faq-item h3{ margin:0 0 6px; }
.faq-item h3::before{ content:"问："; color:var(--red); font-size:inherit; vertical-align:0; }
.faq-item p{ font-size:14px; color:var(--gray); }
.faq-item p::before{ content:"答："; color:var(--green); font-weight:700; }

/* ---------- 页脚 ---------- */
.site-foot{
  border-top:1px solid var(--line);
  padding:24px 0 30px; margin-top:48px;
  background:var(--bg);
}
.foot-line{ font-size:13px; color:var(--gray); max-width:none; }
.foot-line.dim{ font-size:12px; color:var(--light); margin-top:4px; }

/* ---------- 窄屏 ---------- */
@media (max-width: 860px){
  .hero-grid{ grid-template-columns:1fr; gap:26px; }
}
@media (max-width: 680px){
  .head-inner{ height:auto; flex-direction:column; gap:8px; padding:10px 0; }
  .site-nav{ gap:14px; flex-wrap:wrap; justify-content:center; }
  .feature-grid{ grid-template-columns:1fr; gap:0; }
  h1{ font-size:24px; }
  .info-table th{ width:20%; }
}