/* ==========================================================
   guoka.com 首页专用样式（零污染版）
   仅含 gk-jd- 前缀组件，无全局 reset，不影响老站任何样式
   ========================================================== */
:root{
  --gk-red:#B22222; --gk-red-deep:#7a1010; --gk-gold:#D4AF37;
  --gk-gold-soft:#f3e3b0; --gk-ink:#1a1a1a; --gk-ink-soft:#4a4a4a;
  --gk-bg:#fbf8f2; --gk-line:#e8ddc4;
}
.gk-jd-wrap{max-width:960px;margin:0 auto;padding:0 16px;}

/* 旗舰横幅 */
.gk-jd-home-hero{
  background:linear-gradient(160deg,var(--gk-red-deep) 0%,var(--gk-red) 55%,#8f1d1d 100%);
  color:#fff;padding:44px 0 38px;text-align:center;position:relative;overflow:hidden;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;}
.gk-jd-home-hero::after{content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 85% 15%,rgba(212,175,55,.28),transparent 55%);pointer-events:none;}
.gk-jd-kicker{display:inline-block;border:1px solid var(--gk-gold);color:var(--gk-gold);
  font-size:12px;padding:3px 14px;border-radius:99px;letter-spacing:2px;margin-bottom:16px;}
.gk-jd-home-ticker{
  margin:22px auto 0;max-width:720px;background:rgba(0,0,0,.25);border:1px solid rgba(212,175,55,.4);
  border-radius:99px;padding:7px 18px;font-size:13px;color:var(--gk-gold-soft);
  display:flex;align-items:center;gap:10px;overflow:hidden;white-space:nowrap;}
.gk-jd-home-ticker .gk-jd-dot{width:8px;height:8px;border-radius:50%;background:var(--gk-gold);
  animation:gkPulse 1.6s infinite;flex:none;}
.gk-jd-home-ticker span{animation:gkScroll 18s linear infinite;display:inline-block;}
@keyframes gkScroll{0%{transform:translateX(100%);}100%{transform:translateX(-100%);}}
@keyframes gkPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.08);}}

/* 按钮 */
.gk-jd-btn{display:inline-block;padding:13px 30px;border-radius:99px;font-weight:800;
  font-size:16px;letter-spacing:1px;transition:transform .15s ease;cursor:pointer;border:none;
  text-decoration:none;}
.gk-jd-btn:active{transform:scale(.96);}
.gk-jd-btn-gold{background:linear-gradient(180deg,#e8c95c,var(--gk-gold));color:#5a1000;
  box-shadow:0 6px 18px rgba(212,175,55,.45);}
.gk-jd-btn-red{background:linear-gradient(180deg,#d33,var(--gk-red));color:#fff;
  box-shadow:0 6px 18px rgba(178,34,34,.4);}
.gk-jd-btn-ghost{background:transparent;border:1.5px solid var(--gk-gold);color:var(--gk-gold);}
.gk-jd-btn-ghost-dark{background:transparent;border:1.5px solid var(--gk-red);color:var(--gk-red);box-shadow:none;}
.gk-jd-btn-sm{padding:8px 20px;font-size:14px;}

/* 章节 */
.gk-jd-section{padding:42px 0;font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;}
.gk-jd-section.gk-jd-alt{background:var(--gk-bg);}
.gk-jd-h2{font-size:24px;font-weight:900;text-align:center;margin:0 0 8px;color:var(--gk-ink);}
.gk-jd-h2::before{content:"◆";color:var(--gk-gold);margin-right:8px;font-size:16px;vertical-align:2px;}
.gk-jd-h2-sub{text-align:center;color:var(--gk-ink-soft);font-size:14px;margin:0 0 26px;}

/* 卡片 */
.gk-jd-cards{display:grid;gap:14px;grid-template-columns:1fr;}
@media(min-width:640px){.gk-jd-cards.gk-jd-c3{grid-template-columns:1fr 1fr 1fr;}}
.gk-jd-card{background:#fff;border:1px solid var(--gk-line);border-radius:14px;
  padding:22px 18px;box-shadow:0 4px 14px rgba(122,16,16,.06);display:block;color:var(--gk-ink);
  text-decoration:none;transition:all .2s ease;}
.gk-jd-card:hover{border-color:var(--gk-gold);transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(178,34,34,.1);}
.gk-jd-card h3{font-size:17px;color:var(--gk-red);margin:0 0 8px;font-weight:800;}
.gk-jd-card p{font-size:14px;color:var(--gk-ink-soft);margin:0;}
.gk-jd-card .gk-jd-ico{font-size:26px;margin-bottom:8px;}
.gk-jd-card .gk-jd-price{font-size:20px;font-weight:900;color:var(--gk-gold);margin:6px 0 8px;}
.gk-jd-card.gk-jd-card-dark{background:linear-gradient(160deg,#2c1010,#421818);
  border:1px solid #6b3a1a;color:#f3ead8;}
.gk-jd-card.gk-jd-card-dark h3{color:var(--gk-gold);}
.gk-jd-card.gk-jd-card-dark p{color:#d8c9a8;}
.gk-jd-badge{display:inline-block;background:var(--gk-gold-soft);color:#7a5a00;font-size:12px;
  padding:2px 10px;border-radius:99px;font-weight:700;}
.gk-jd-badge-red{background:var(--gk-red);color:#fff;}

/* chips */
.gk-jd-chips{display:flex;flex-wrap:wrap;gap:10px;}
.gk-jd-chip{font-size:13.5px;padding:7px 16px;border-radius:99px;border:1px solid var(--gk-line);
  background:#fff;color:var(--gk-ink-soft);text-decoration:none;transition:all .2s ease;}
.gk-jd-chip:hover{border-color:var(--gk-gold);}
.gk-jd-chip.gk-jd-chip-signed{background:var(--gk-red);color:#fff;border-color:var(--gk-red);font-weight:700;}
.gk-jd-chip.gk-jd-chip-talk{background:var(--gk-gold-soft);color:#7a5a00;border-color:var(--gk-gold);}

/* 工具 */
.gk-jd-center{text-align:center;}
.gk-jd-mt{margin-top:26px;}

/* 浮动CTA */
.gk-jd-cta-float{position:fixed;right:14px;bottom:20px;z-index:950;display:flex;flex-direction:column;gap:10px;}
.gk-jd-cta-float button{
  width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;
  background:linear-gradient(180deg,#e8c95c,var(--gk-gold));color:#5a1000;
  font-weight:900;font-size:13px;box-shadow:0 8px 20px rgba(212,175,55,.5);
  animation:gkPulse 2s infinite;font-family:"PingFang SC","Microsoft YaHei",sans-serif;}
.gk-jd-cta-float a{
  width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#d33,var(--gk-red));color:#fff;font-weight:800;font-size:12px;
  text-align:center;box-shadow:0 8px 20px rgba(178,34,34,.45);line-height:1.2;text-decoration:none;}

/* 微信弹窗 */
.gk-jd-modal-mask{position:fixed;inset:0;background:rgba(20,5,5,.72);z-index:999;
  display:none;align-items:center;justify-content:center;padding:20px;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;}
.gk-jd-modal-mask.gk-jd-open{display:flex;}
.gk-jd-modal{background:#fff;border-radius:18px;max-width:340px;width:100%;padding:26px 22px;
  text-align:center;position:relative;border-top:5px solid var(--gk-gold);}
.gk-jd-modal h3{color:var(--gk-red);font-size:18px;margin:0 0 4px;}
.gk-jd-modal .gk-jd-wxid{font-size:15px;color:var(--gk-ink);margin:6px 0 12px;}
.gk-jd-modal .gk-jd-wxid b{color:var(--gk-red);font-size:18px;letter-spacing:1px;}
.gk-jd-modal img{width:200px;height:200px;margin:0 auto;border:1px solid var(--gk-line);
  border-radius:10px;object-fit:cover;background:#faf6ec;}
.gk-jd-modal p{font-size:12.5px;color:var(--gk-ink-soft);margin:10px 0 0;}
.gk-jd-modal-close{position:absolute;top:8px;right:12px;font-size:22px;color:#999;
  background:none;border:none;cursor:pointer;}

/* 全站顶部横幅条（注入老页面用） */
.gk-jd-topstrip{background:linear-gradient(90deg,var(--gk-red-deep),var(--gk-red),var(--gk-red-deep));
  text-align:center;padding:0 10px;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;}
.gk-jd-topstrip a{display:block;color:#fff;font-size:13.5px;padding:9px 0;text-decoration:none;}
.gk-jd-topstrip a b{color:var(--gk-gold);font-variant-numeric:tabular-nums;}
.gk-jd-topstrip a:hover{color:var(--gk-gold-soft);}

/* 手机页提示条（H5页面用） */
.gk-jd-mbar{display:block;background:linear-gradient(90deg,var(--gk-red-deep),var(--gk-red));
  color:#fff;text-align:center;font-size:14px;padding:12px 14px;text-decoration:none;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;}
.gk-jd-mbar b{color:var(--gk-gold);}
.gk-jd-mbar.gk-jd-mbar-bottom{position:fixed;left:0;right:0;bottom:0;z-index:900;}