/* ==========================================
   三角洲行动辅助 — Cyberpunk 2077
   暗黑终端风 · 非对称排版 · Bento 布局
   ========================================== */

/* --- RESET & BASE --- */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background:#060609;
  color:#b0b0bc;
  font-family:'Archivo',-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:500;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }

/* --- NOISE OVERLAY --- */
.noise {
  position:fixed; inset:0; pointer-events:none; z-index:999;
  opacity:0.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:256px;
}

html:not(.popp) body {
            filter: blur(10px);
            -webkit-filter: blur(10px);
        }
        body {
            transition: filter 0.5s ease, opacity 0.5s ease;
        }

/* ==========================================
   NAV — 极简左上
   ========================================== */
.nav {
  position:fixed; top:0; left:0; z-index:50;
  padding:28px 36px;
}
.nav-logo {
  font-family:'JetBrains Mono',monospace;
  font-size:14px; font-weight:700;
  color:#e0e0e8;
  letter-spacing:0.06em;
}
.nav-blink {
  color:#f7e118;
  animation:blink 1.5s step-end infinite;
}
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }

/* --- 浮动下载按钮 --- */
.float-btn {
  position:fixed; bottom:32px; right:32px; z-index:50;
  width:56px; height:56px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:#f7e118; color:#060609;
  font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:700;
  transition:box-shadow 0.2s,transform 0.2s;
}
.float-btn:hover {
  box-shadow:0 0 32px rgba(247,225,24,0.4);
  transform:translateY(-2px);
}
.float-btn-icon { font-size:18px; margin-bottom:1px; }
.float-btn-text { letter-spacing:0.08em; }

/* ==========================================
   HERO — 左右分栏
   ========================================== */
.hero {
  display:flex;
  min-height:90vh;
  padding:100px 36px 60px;
  max-width:1300px;
  margin:0 auto;
  gap:60px;
  align-items:center;
}
.hero-left {
  flex:1;
  padding-top:40px;
}
.hero-eyebrow {
  font-family:'JetBrains Mono',monospace;
  font-size:11px; color:#00f0ff; letter-spacing:0.1em;
  margin-bottom:24px; opacity:0.7;
}
.hero-title {
  font-family:'Archivo',sans-serif;
  font-size:88px; font-weight:900; letter-spacing:-0.04em;
  line-height:0.95; color:#f7e118;
  text-shadow:0 0 60px rgba(247,225,24,0.35);
  margin-bottom:20px;
}
.hero-sub {
  font-size:16px; color:#6a6a7a; max-width:440px;
  line-height:1.7; margin-bottom:40px;
}
.hero-cta {
  display:inline-flex; align-items:center; gap:14px;
  padding:16px 36px;
  font-family:'JetBrains Mono',monospace; font-size:14px; font-weight:700;
  letter-spacing:0.06em;
  color:#060609; background:#f7e118;
  transition:box-shadow 0.2s;
}
.hero-cta:hover {
  box-shadow:0 0 40px rgba(247,225,24,0.35);
}
.hero-cta-arrow { font-size:12px; }

/* 右侧终端面板 */
.hero-right {
  flex:1;
  display:flex; justify-content:flex-end;
}
.terminal-panel {
  width:420px; max-width:100%;
  background:#0a0a10;
  border:1px solid rgba(0,240,255,0.12);
}
.terminal-header {
  display:flex; align-items:center; gap:8px;
  padding:10px 14px;
  border-bottom:1px solid rgba(0,240,255,0.08);
  background:rgba(0,240,255,0.03);
}
.terminal-dot {
  width:10px; height:10px; border-radius:50%;
}
.terminal-dot--r { background:#ff2d78; }
.terminal-dot--y { background:#f7e118; }
.terminal-dot--g { background:#00f0ff; }
.terminal-title {
  font-family:'JetBrains Mono',monospace;
  font-size:10px; color:#555; margin-left:8px;
}
.terminal-body { padding:16px; }
.terminal-line {
  font-family:'JetBrains Mono',monospace;
  font-size:12px; color:#666; line-height:2;
}
.t-prompt { color:#00f0ff; margin-right:8px; }
.t-ok { color:#00ff88; }
.t-cursor {
  color:#f7e118;
  animation:blink 1s step-end infinite;
}
.terminal-line--active { color:#aaa; }

/* ==========================================
   SECTIONS — 通用间距
   ========================================== */
.section {
  max-width:1300px;
  margin:0 auto;
  padding:100px 36px;
}

/* Section Header — 左对齐 */
.section-head {
  margin-bottom:56px;
  padding-left:0;
}
.section-head--right {
  text-align:right;
}
.section-marker {
  font-family:'JetBrains Mono',monospace;
  font-size:11px; color:#00f0ff; letter-spacing:0.08em;
  opacity:0.6; display:block; margin-bottom:12px;
}
.section-title {
  font-family:'Archivo',sans-serif;
  font-size:42px; font-weight:900; letter-spacing:-0.03em;
  color:#e0e0e8;
}

/* ==========================================
   BENTO — 非对称功能布局
   ========================================== */
.bento {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:2px;
  background:rgba(0,240,255,0.04);
}

.bento-card {
  background:#0c0c14;
  transition:background 0.3s;
}
.bento-card:hover { background:#10101c; }

.bento-card--lg { grid-column:span 2; grid-row:span 2; }
.bento-card--md { grid-column:span 2; }
.bento-card--wide { grid-column:span 4; }

.bento-inner { padding:32px; height:100%; }
.bento-inner--compact { padding:28px; }

.bento-num {
  font-family:'JetBrains Mono',monospace;
  font-size:12px; font-weight:700; color:#f7e118;
  opacity:0.5; margin-bottom:16px;
}

.bento-title {
  font-size:22px; font-weight:900; letter-spacing:-0.02em;
  color:#e8e8f0; margin-bottom:10px;
}
.bento-desc {
  font-size:14px; color:#6a6a7a; line-height:1.6; max-width:420px;
}

/* Bento visual: 雷达图 */
.bento-visual {
  margin-top:28px;
  display:flex; justify-content:center;
}
.bento-radar {
  width:120px; height:120px;
  position:relative;
}
.radar-circle {
  width:100%; height:100%;
  border:1px solid rgba(0,240,255,0.1);
  border-radius:50%;
  background:radial-gradient(circle, rgba(0,240,255,0.03) 0%, transparent 70%);
}
.radar-dot {
  position:absolute;
  width:6px; height:6px;
  background:#00f0ff;
  border-radius:50%;
  box-shadow:0 0 6px #00f0ff;
}
.radar-dot--hostile {
  background:#ff2d78;
  box-shadow:0 0 8px #ff2d78;
  animation:radarPulse 1.5s ease-in-out infinite;
}
@keyframes radarPulse {
  0%,100% { transform:scale(1); opacity:1; }
  50% { transform:scale(1.6); opacity:0.6; }
}

/* Bento tags */
.bento-tags {
  display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;
}
.bento-tag {
  font-family:'JetBrains Mono',monospace;
  font-size:10px; padding:4px 10px;
  border:1px solid rgba(0,240,255,0.15);
  color:#00f0ff;
}

/* Bento stats */
.bento-stats {
  display:flex; gap:28px; margin-top:24px;
}
.stat-item { text-align:center; }
.stat-val {
  font-family:'JetBrains Mono',monospace;
  font-size:28px; font-weight:700; color:#f7e118; line-height:1;
}
.stat-unit { font-size:16px; opacity:0.5; }
.stat-label {
  font-family:'JetBrains Mono',monospace;
  font-size:10px; color:#555; margin-top:4px; letter-spacing:0.08em;
}

/* ==========================================
   SCREENSHOTS — 全宽主图 + 悬浮小图
   ========================================== */
.shot-layout {
  display:flex; gap:20px; align-items:flex-start;
}
.shot-main {
  flex:1.6;
  position:relative;
  border:1px solid rgba(0,240,255,0.1);
  transition:border-color 0.3s;
}
.shot-main:hover { border-color:rgba(0,240,255,0.3); }
.shot-main-img {
  width:100%; aspect-ratio:16/9; object-fit:cover;
  filter:brightness(0.8) saturate(1.15);
  transition:filter 0.3s;
}
.shot-main:hover .shot-main-img { filter:brightness(1) saturate(1.2); }
.shot-main-label {
  position:absolute; bottom:12px; left:12px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px; color:#00f0ff; letter-spacing:0.06em;
  background:rgba(0,0,0,0.7); padding:4px 10px;
}

.shot-side {
  flex:1;
  border:1px solid rgba(247,225,24,0.1);
  transition:border-color 0.3s;
  position:relative; top:40px;
}
.shot-side:hover { border-color:rgba(247,225,24,0.3); }
.shot-side-img {
  width:100%; aspect-ratio:16/9; object-fit:cover;
  filter:brightness(0.8) saturate(1.15);
  transition:filter 0.3s;
}
.shot-side:hover .shot-side-img { filter:brightness(1) saturate(1.2); }
.shot-side-label {
  position:absolute; bottom:12px; left:12px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px; color:#f7e118; letter-spacing:0.06em;
  background:rgba(0,0,0,0.7); padding:4px 10px;
}

/* ==========================================
   STATS STRIP — 横向滚动数据面板
   ========================================== */
.stats-strip {
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding-bottom:8px;
}
.stats-strip::-webkit-scrollbar { height:3px; }
.stats-strip::-webkit-scrollbar-track { background:rgba(255,255,255,0.02); }
.stats-strip::-webkit-scrollbar-thumb { background:rgba(0,240,255,0.12); }

.stats-track {
  display:flex; gap:2px;
  min-width:max-content;
}
.stats-card {
  background:#0c0c14;
  padding:36px 40px;
  min-width:220px;
  flex-shrink:0;
  transition:background 0.3s;
}
.stats-card:hover { background:#10101c; }
.stats-icon {
  font-size:20px; color:#f7e118; opacity:0.5; margin-bottom:16px;
}
.stats-big {
  font-family:'JetBrains Mono',monospace;
  font-size:32px; font-weight:700; color:#e8e8f0;
  letter-spacing:-0.02em; margin-bottom:6px;
}
.stats-label {
  font-family:'JetBrains Mono',monospace;
  font-size:11px; color:#00f0ff; letter-spacing:0.06em;
  margin-bottom:8px; opacity:0.7;
}
.stats-desc {
  font-size:13px; color:#555; line-height:1.5;
}

/* ==========================================
   TIMELINE — 竖排时间线
   ========================================== */
.timeline {
  max-width:900px;
  margin:0 auto;
}
.tl-item {
  display:flex; gap:0;
  padding-bottom:0;
}
.tl-marker {
  display:flex; flex-direction:column; align-items:center;
  width:60px; flex-shrink:0;
}
.tl-dot {
  width:12px; height:12px;
  border:2px solid #f7e118;
  background:#060609;
  flex-shrink:0;
  margin-top:8px;
}
.tl-line {
  width:1px; flex:1;
  background:rgba(247,225,24,0.12);
  min-height:40px;
}
.tl-item:last-child .tl-line { display:none; }

.tl-card {
  flex:1;
  padding:8px 0 36px 28px;
}
.tl-step {
  font-family:'JetBrains Mono',monospace;
  font-size:10px; color:#00f0ff; letter-spacing:0.08em;
  margin-bottom:8px; opacity:0.7;
}
.tl-title {
  font-size:22px; font-weight:900; color:#e8e8f0;
  letter-spacing:-0.02em; margin-bottom:6px;
}
.tl-desc {
  font-size:14px; color:#6a6a7a; line-height:1.6;
}

/* ==========================================
   SPLIT CTA — 对角切分
   ========================================== */
.split-cta {
  display:flex;
  min-height:300px;
  border-top:1px solid rgba(0,240,255,0.06);
  border-bottom:1px solid rgba(0,240,255,0.06);
}
.split-left {
  flex:1.2;
  background:#0a0a12;
  display:flex; align-items:center;
  padding:80px 36px;
}
.split-content {
  margin-left:auto;
  max-width:500px;
}
.split-title {
  font-size:44px; font-weight:900; letter-spacing:-0.03em;
  color:#e8e8f0; margin-bottom:12px;
}
.split-desc {
  font-size:15px; color:#6a6a7a;
}

.split-right {
  flex:0.8;
  background:linear-gradient(135deg, #0c0c16 0%, #0c0c16 70%, rgba(247,225,24,0.03) 100%);
  display:flex; align-items:center; justify-content:center;
  padding:80px 36px;
}
.split-btn {
  display:inline-flex; align-items:center; gap:14px;
  padding:18px 44px;
  font-family:'JetBrains Mono',monospace; font-size:15px; font-weight:700;
  letter-spacing:0.06em;
  color:#f7e118;
  border:2px solid #f7e118;
  transition:background 0.2s,box-shadow 0.2s;
}
.split-btn:hover {
  background:rgba(247,225,24,0.06);
  box-shadow:0 0 36px rgba(247,225,24,0.2);
}
.split-btn-arrow { transition:transform 0.2s; }
.split-btn:hover .split-btn-arrow { transform:translateX(4px); }

/* ==========================================
   FAQ — 双列
   ========================================== */
.faq-2col {
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:2px;
  background:rgba(255,255,255,0.02);
}
.faq-item {
  background:#0c0c14;
  padding:36px;
  display:flex; gap:20px;
  transition:background 0.3s;
}
.faq-item:hover { background:#10101c; }
.faq-num {
  font-family:'JetBrains Mono',monospace;
  font-size:14px; font-weight:700; color:#f7e118;
  flex-shrink:0; opacity:0.5;
}
.faq-q {
  font-size:17px; font-weight:700; color:#e0e0e8;
  letter-spacing:-0.01em; margin-bottom:8px;
}
.faq-a {
  font-size:14px; color:#6a6a7a; line-height:1.6;
}

/* ==========================================
   REFUND BANNER — 宽幅
   ========================================== */
.refund-banner {
  border-top:1px solid rgba(255,45,120,0.12);
  border-bottom:1px solid rgba(255,45,120,0.12);
  background:linear-gradient(90deg, rgba(255,45,120,0.02) 0%, transparent 50%, rgba(255,45,120,0.02) 100%);
}
.refund-banner-inner {
  max-width:1300px; margin:0 auto;
  padding:56px 36px;
  display:flex; align-items:center; justify-content:space-between;
  gap:40px;
}
.refund-banner-title {
  font-size:36px; font-weight:900; letter-spacing:-0.03em;
  color:#e8e8f0; margin-bottom:8px;
}
.refund-banner-desc {
  font-size:15px; color:#6a6a7a;
}
.refund-banner-btn {
  display:inline-flex; align-items:center; gap:10px;
  flex-shrink:0;
  padding:14px 32px;
  font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:400;
  color:#ff2d78;
  border:1px solid #ff2d78;
  letter-spacing:0.04em;
  transition:background 0.2s,box-shadow 0.2s;
  white-space:nowrap;
}
.refund-banner-btn:hover {
  background:rgba(255,45,120,0.07);
  box-shadow:0 0 24px rgba(255,45,120,0.2);
}

/* ==========================================
   FOOTER — 三列系统信息
   ========================================== */
.footer {
  background:#040408;
  border-top:1px solid rgba(255,255,255,0.03);
}
.footer-grid {
  max-width:1300px; margin:0 auto;
  padding:48px 36px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:40px;
}
.footer-label {
  font-family:'JetBrains Mono',monospace;
  font-size:10px; color:#555; letter-spacing:0.1em;
  margin-bottom:12px;
}
.footer-val {
  font-family:'JetBrains Mono',monospace;
  font-size:12px; color:#444; letter-spacing:0.04em;
  line-height:2;
}

/* ==========================================
   RESPONSIVE
   ========================================== */
@media (max-width:1024px) {
  .hero { flex-direction:column; gap:40px; min-height:auto; }
  .hero-title { font-size:56px; }
  .hero-right { justify-content:center; }
  .terminal-panel { width:100%; }
  .bento { grid-template-columns:repeat(2, 1fr); }
  .bento-card--lg { grid-column:span 2; grid-row:span 1; }
  .bento-card--wide { grid-column:span 2; }
  .shot-layout { flex-direction:column; }
  .shot-side { top:0; }
  .split-cta { flex-direction:column; }
  .split-left, .split-right { padding:48px 36px; }
  .faq-2col { grid-template-columns:1fr; }
  .refund-banner-inner { flex-direction:column; text-align:center; }
  .section-title { font-size:32px; }
  .tl-card { padding-left:20px; }
}

@media (max-width:640px) {
  .nav { padding:20px; }
  .hero { padding:80px 20px 40px; }
  .hero-title { font-size:40px; }
  .section { padding:60px 20px; }
  .bento { grid-template-columns:1fr; }
  .bento-card--lg,
  .bento-card--md,
  .bento-card--wide { grid-column:span 1; }
  .bento-stats { flex-wrap:wrap; gap:16px; }
  .stats-card { min-width:160px; padding:24px; }
  .stats-big { font-size:24px; }
  .timeline { padding:0; }
  .tl-marker { width:40px; }
  .footer-grid { grid-template-columns:1fr; gap:24px; }
  .float-btn { bottom:20px; right:20px; width:48px; height:48px; }
  .split-title { font-size:30px; }
}

/* ==========================================
   DOWNLOAD PAGE — w5m3k.html
   ========================================== */
.dl-back {
  position:fixed; top:28px; left:36px; z-index:50;
  font-family:'JetBrains Mono',monospace;
  font-size:12px; color:#6a6a7a;
  letter-spacing:0.04em;
  transition:color 0.2s;
}
.dl-back:hover { color:#f7e118; }
.dl-back-arrow { color:#f7e118; margin-right:6px; }

.dl-page {
  max-width:1000px;
  margin:0 auto;
  padding:80px 36px 60px;
  min-height:100vh;
  display:flex; flex-direction:column;
}

.dl-header {
  text-align:center;
  margin-bottom:56px;
}
.dl-title {
  font-family:'Archivo',sans-serif;
  font-size:48px; font-weight:900; letter-spacing:-0.03em;
  color:#e8e8f0; margin:12px 0;
}
.dl-sub {
  font-size:16px; color:#6a6a7a;
}

/* 设备卡片 — 三列，移动端折叠 */
.dl-cards {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:2px;
  background:rgba(0,240,255,0.04);
  flex:1;
}

.dl-card {
  background:#0c0c14;
  display:flex; flex-direction:column;
  justify-content:space-between;
  transition:background 0.3s;
}
.dl-card:hover { background:#10101c; }

.dl-card-top {
  padding:40px 28px 28px;
  text-align:center;
}

.dl-device-icon {
  display:flex; justify-content:center;
  margin-bottom:20px;
}

.dl-card-title {
  font-size:24px; font-weight:900; color:#e8e8f0;
  letter-spacing:-0.02em; margin-bottom:8px;
}
.dl-card-desc {
  font-size:13px; color:#555;
  font-family:'JetBrains Mono',monospace;
}

/* 全宽购买按钮 */
.dl-btn {
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%;
  padding:18px 20px;
  font-family:'JetBrains Mono',monospace;
  font-size:14px; font-weight:700;
  letter-spacing:0.06em;
  color:#060609;
  background:#f7e118;
  transition:box-shadow 0.2s, background 0.2s;
}
.dl-btn:hover {
  box-shadow:inset 0 0 40px rgba(0,0,0,0.1);
}
.dl-btn-arrow { transition:transform 0.2s; }
.dl-btn:hover .dl-btn-arrow { transform:translateX(4px); }

.dl-footer {
  text-align:center;
  margin-top:48px;
  padding-top:32px;
  border-top:1px solid rgba(255,255,255,0.04);
}
.dl-refund-link {
  font-family:'JetBrains Mono',monospace;
  font-size:12px; color:#6a6a7a;
  letter-spacing:0.04em;
  transition:color 0.2s;
}
.dl-refund-link:hover { color:#ff2d78; }

/* ==========================================
   REFUND PAGE — b8x4v.html
   ========================================== */
.refund-page {
  max-width:760px;
  margin:0 auto;
  padding:80px 36px 60px;
  min-height:100vh;
}

.refund-header {
  text-align:center;
  margin-bottom:60px;
}
.refund-title {
  font-family:'Archivo',sans-serif;
  font-size:48px; font-weight:900; letter-spacing:-0.03em;
  color:#e8e8f0; margin:12px 0;
}
.refund-sub {
  font-size:16px; color:#6a6a7a; max-width:400px;
  margin:0 auto; line-height:1.6;
}

/* 退款步骤 */
.refund-steps {
  display:flex; flex-direction:column;
  align-items:center;
  margin-bottom:56px;
}

.r-step {
  display:flex; gap:24px; align-items:flex-start;
  width:100%; max-width:500px;
  padding:24px 0;
}
.r-step-num {
  flex-shrink:0;
  width:48px; height:48px;
  display:flex; align-items:center; justify-content:center;
  font-family:'JetBrains Mono',monospace;
  font-size:18px; font-weight:700;
  color:#f7e118;
  border:2px solid rgba(247,225,24,0.2);
}
.r-step-title {
  font-size:18px; font-weight:700; color:#e8e8f0;
  margin-bottom:4px;
}
.r-step-desc {
  font-size:14px; color:#6a6a7a; line-height:1.5;
}

.r-step-connector {
  width:2px; height:28px;
  background:rgba(247,225,24,0.08);
  margin-left:23px;
}

/* 退款须知 */
.refund-notice {
  background:#0c0c14;
  border:1px solid rgba(255,45,120,0.1);
  padding:36px;
  margin-bottom:48px;
}
.refund-notice-header {
  margin-bottom:20px;
}
.refund-notice-marker {
  font-family:'JetBrains Mono',monospace;
  font-size:10px; color:#00f0ff; letter-spacing:0.08em;
  opacity:0.6;
}
.refund-notice-title {
  font-size:22px; font-weight:900; color:#e8e8f0;
  letter-spacing:-0.02em; margin-top:6px;
}
.refund-notice-list {
  list-style:none;
}
.refund-notice-list li {
  font-size:14px; color:#6a6a7a;
  line-height:1.6; padding:8px 0;
  padding-left:16px;
  position:relative;
}
.refund-notice-list li::before {
  content:'>';
  position:absolute; left:0; top:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:12px; color:#ff2d78;
}

/* ==========================================
   REFUND FORM
   ========================================== */
.refund-form {
  background:#0c0c14;
  border:1px solid rgba(0,240,255,0.08);
  padding:40px;
  margin-bottom:40px;
  max-width:560px;
}

.refund-form-header {
  margin-bottom:32px;
}

.form-group {
  margin-bottom:24px;
}

.form-label {
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:11px; color:#00f0ff; letter-spacing:0.06em;
  margin-bottom:10px;
  opacity:0.7;
}

.form-input,
.form-textarea,
.form-select {
  width:100%;
  padding:14px 16px;
  font-family:'JetBrains Mono',monospace;
  font-size:13px; color:#e0e0e8;
  background:#0a0a10;
  border:1px solid rgba(255,255,255,0.06);
  outline:none;
  transition:border-color 0.2s,box-shadow 0.2s;
}
.form-input:focus,
.form-textarea:focus,
.form-select:focus {
  border-color:rgba(0,240,255,0.3);
  box-shadow:0 0 12px rgba(0,240,255,0.06);
}

.form-input::placeholder,
.form-textarea::placeholder {
  color:#444;
}

.form-textarea {
  resize:vertical;
  min-height:100px;
  line-height:1.6;
}

.form-select {
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  padding-right:40px;
  cursor:pointer;
}
.form-select option {
  background:#0c0c14; color:#e0e0e8;
}

.form-submit {
  display:inline-flex; align-items:center; gap:10px;
  width:100%;
  padding:16px 28px;
  font-family:'JetBrains Mono',monospace;
  font-size:14px; font-weight:700;
  letter-spacing:0.06em;
  color:#060609;
  background:#f7e118;
  border:none;
  cursor:pointer;
  transition:box-shadow 0.2s;
  margin-top:8px;
}
.form-submit:hover {
  box-shadow:0 0 32px rgba(247,225,24,0.3);
}

/* 底部操作 */
.refund-actions {
  text-align:center;
}
.refund-action-btn {
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 32px;
  font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:700;
  letter-spacing:0.06em;
  color:#f7e118;
  border:2px solid #f7e118;
  transition:background 0.2s,box-shadow 0.2s;
}
.refund-action-btn:hover {
  background:rgba(247,225,24,0.06);
  box-shadow:0 0 28px rgba(247,225,24,0.2);
}

/* ==========================================
   RESPONSIVE — Download & Refund
   ========================================== */
@media (max-width:768px) {
  .dl-cards { grid-template-columns:1fr; }
  .dl-card-top { padding:32px 24px 20px; }
  .dl-title, .refund-title { font-size:36px; }
  .dl-back { top:20px; left:20px; }
  .dl-page, .refund-page { padding:72px 20px 48px; }
}

@media (max-width:480px) {
  .dl-title, .refund-title { font-size:28px; }
  .dl-btn { padding:16px; font-size:13px; }
  .dl-card-title { font-size:20px; }
  .r-step { gap:16px; }
  .r-step-num { width:40px; height:40px; font-size:16px; }
  .refund-notice { padding:24px; }
}