/* =====================================================================
   IPwiselect · 全站 UI 设计体系 v2（36kr 风格化）
   基调：深海军蓝大气底座 + 橙红强调 + 白卡片微交互
   本文件在 styles.css / extra.css 之后加载，统一覆盖全站视觉
   ===================================================================== */

:root{
  --acc:#F04E23;          /* 主强调 · 36kr 式橙红 */
  --acc-deep:#D8401A;
  --acc-lt:#FDEEE6;       /* 强调色浅底 */
  --acc-glow:rgba(240,78,35,.35);
  --grad-acc:linear-gradient(135deg,#FF6A3C 0%,#F04E23 100%);
  --ink:#141C2E;          /* 近黑标题 */
  --radius:14px;
  --shadow-sm:0 2px 10px rgba(16,24,40,.05);
  --shadow-md:0 10px 30px rgba(16,24,40,.10);
  --shadow-lg:0 20px 48px rgba(16,24,40,.14);
  --ease:cubic-bezier(.22,.68,.36,1);
}

/* ---------- 全局 ---------- */
body{color:#2A3547;}
::selection{background:var(--acc);color:#fff;}
a{transition:color .18s var(--ease);}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px;}
::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-thumb{background:#C6CFDB;border-radius:8px;border:2px solid #F4F7FA;}
::-webkit-scrollbar-thumb:hover{background:#9FB0C4;}
::-webkit-scrollbar-track{background:transparent;}

/* ---------- 顶栏 ---------- */
.topbar{background:#0A2A5E;font-size:12px;padding:7px 0;letter-spacing:.5px;}
.topbar .wrap span:last-child{color:rgba(255,255,255,.55);}
.topbar .wrap span:first-child{color:rgba(255,255,255,.85);font-weight:600;position:relative;padding-left:14px;}
.topbar .wrap span:first-child::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc-glow);}

/* ---------- 主导航（36kr 式：文字导航 + 橙红下划线激活态） ---------- */
.site-head{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #EDF0F4;
  box-shadow:0 1px 0 rgba(16,24,40,.02);}
.head-in{height:68px;gap:30px;}
/* ---------- 品牌标（立体 + 悬停互动） ---------- */
.brand{position:relative;padding-right:18px;}
.brand::after{content:"";position:absolute;right:0;top:16%;height:68%;width:1px;background:#E7EBF1;}
/* 悬停展开的橙色弧线 */
.brand::before{content:"";position:absolute;left:0;bottom:-5px;height:3px;width:0;border-radius:2px;
  background:var(--grad-acc);transition:width .3s var(--ease);}
.brand:hover::before{width:calc(100% - 18px);}
.brand-cn{display:inline-block;font-family:var(--serif);font-weight:800;font-size:23px;letter-spacing:2.5px;
  color:var(--navy);
  text-shadow:0 1px 0 rgba(255,255,255,.95),0 2px 2px rgba(10,42,94,.28),0 3px 4px rgba(10,42,94,.14);
  transition:transform .25s var(--ease),color .2s,text-shadow .25s var(--ease);transform-origin:left center;}
.brand:hover .brand-cn{color:var(--acc);transform:translateY(-2px) scale(1.05);
  text-shadow:0 1px 0 rgba(255,255,255,.9),0 6px 12px rgba(240,78,35,.38);}
.brand-en{font-size:10.5px;color:var(--acc);letter-spacing:1.2px;font-weight:700;transition:.25s var(--ease);}
.brand:hover .brand-en{letter-spacing:1.8px;color:var(--acc-deep);}
.main-nav{gap:2px;}
.main-nav a{position:relative;padding:8px 15px;border-radius:9px;font-size:15px;color:#3D4A5F;font-weight:600;transition:.2s var(--ease);}
.main-nav a::after{content:"";position:absolute;left:15px;right:15px;bottom:1px;height:2.5px;border-radius:2px;
  background:var(--grad-acc);transform:scaleX(0);transform-origin:center;transition:transform .22s var(--ease);}
.main-nav a:hover{background:#F6F8FA;color:var(--ink);}
.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1);}
.main-nav a.active{background:transparent;color:var(--acc);}
.main-nav a.qg-link{color:#8A6D0F;}
.main-nav a.qg-link .dot{background:var(--acc);box-shadow:0 0 6px var(--acc-glow);}
.main-nav a.qg-link .ext{color:var(--acc);}
.main-nav a.qg-link:hover{background:var(--acc-lt);color:var(--acc-deep);}

/* ---- 导航栏「强哥知产圈」动态提醒（浅底导航：橙色流光文字 + 底部扫光线 + 箭头浮动 + 呼吸光晕） ---- */
.main-nav a.qg-link{position:relative;animation:qgHalo 3.2s ease-out infinite;}
.main-nav a.qg-link .qg-txt{display:inline-block;font-weight:800;
  background:linear-gradient(100deg,#A8710A 0%,#E29600 24%,#E2661C 50%,#FFA53C 76%,#A8710A 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:qgFlow 3.2s linear infinite;}
.main-nav a.qg-link .ext{display:inline-block;animation:qgArrow 1.5s ease-in-out infinite;}
.main-nav a.qg-link .dot{animation:qgPulse 1.8s ease-in-out infinite;}
.main-nav a.qg-link::after{content:"";position:absolute;left:11px;right:11px;bottom:5px;height:1.6px;border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(226,102,28,.85),rgba(232,150,0,.95),rgba(226,102,28,.85),transparent);
  background-size:200% 100%;animation:qgFlow 3.2s linear infinite;pointer-events:none;}
@keyframes qgFlow{0%{background-position:0% 50%;}100%{background-position:200% 50%;}}
@keyframes qgArrow{0%,100%{transform:translate(0,0);}50%{transform:translate(2px,-2px);}}
@keyframes qgPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.4);opacity:.62;}}
@keyframes qgHalo{0%{box-shadow:0 0 0 0 rgba(226,102,28,.24);}70%{box-shadow:0 0 0 9px rgba(226,102,28,0);}100%{box-shadow:0 0 0 0 rgba(226,102,28,0);}}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .main-nav a.qg-link .qg-txt{color:#C25E00;background:none;}
}

/* ---------- 按钮（36kr 式：胶囊 + 橙红渐变 + 微交互） ---------- */
.btn{padding:11px 26px;border-radius:22px;font-weight:700;font-size:14px;cursor:pointer;border:none;
  transition:all .2s var(--ease);letter-spacing:.5px;}
.btn:active{transform:scale(.97);}
.btn-primary{background:var(--grad-acc);color:#fff;
  box-shadow:0 4px 14px var(--acc-glow),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -2px 0 rgba(6,34,58,.22);}
.btn-primary:hover{background:linear-gradient(135deg,#FF8B55,#D8401A);
  box-shadow:0 10px 24px var(--acc-glow),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -2px 0 rgba(6,34,58,.22);transform:translateY(-2px);}
.btn-navy{background:var(--navy);color:#fff;}
.btn-navy:hover{background:#0A2A5E;box-shadow:var(--shadow-md);transform:translateY(-2px);}
.btn-ghost{border:1px solid #DCE3EB;background:#fff;color:#3D4A5F;}
.btn-ghost:hover{border-color:var(--acc);color:var(--acc);background:var(--acc-lt);transform:translateY(-2px);}
.btn-sm{padding:7px 16px;font-size:12.5px;border-radius:16px;}
.hero .btn-ghost{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.06);}
.hero .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.14);color:#fff;}

/* ---------- Hero ---------- */
.hero{background:linear-gradient(155deg,#0A2A5E 0%,var(--navy) 42%,#12325C 100%);padding:72px 0 64px;}
.hero::before{content:"";position:absolute;right:-140px;bottom:-180px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,78,35,.16) 0%,rgba(240,78,35,0) 66%);pointer-events:none;}
.hero::after{border-color:rgba(240,78,35,.28);}
.hero .kicker{color:#FF8B55;display:inline-flex;align-items:center;gap:8px;}
.hero .kicker::before{content:"";width:18px;height:2px;background:var(--grad-acc);border-radius:2px;display:inline-block;}
.hero h1{letter-spacing:.5px;font-weight:800;}
.hero p.lead{opacity:.8;}

/* ---------- 区块标题（36kr 式：加粗近黑 + 橙红短杠） ---------- */
section{padding:72px 0;}
.sec-head{margin-bottom:38px;}
.sec-head .num{font-family:var(--sans);color:#A6B3C4;font-size:11.5px;letter-spacing:3px;font-weight:700;}
.sec-head h2{font-family:var(--sans);font-size:28px;color:var(--ink);margin-top:10px;letter-spacing:.5px;font-weight:800;
  display:flex;align-items:center;gap:12px;}
.sec-head h2::before{content:"";width:5px;height:24px;border-radius:3px;background:var(--grad-acc);flex:none;}
.sec-head p{color:#7C8AA0;margin-top:10px;max-width:780px;font-size:14px;}
.dark-sec .sec-head .num{color:rgba(255,255,255,.4);}
.dark-sec .sec-head h2{color:#fff;}
.dark-sec .sec-head h2::before{background:var(--grad-acc);}

/* ---------- 卡片体系统一（36kr 式白卡 + 悬浮升起） ---------- */
.pillar,.org-card,.k-card,.svc-card,.salon-card,.law-card,.news-item,.cty-card,.d-section,.pledge-card{
  border:1px solid #ECEFF3;border-radius:var(--radius);box-shadow:var(--shadow-sm);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);}
.pillar:hover,.org-card:hover,.k-card:hover,.svc-card:hover,.salon-card:hover,.law-card:hover,.cty-card:hover{
  transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(240,78,35,.35);}
.news-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-left:3px solid var(--acc);}
.pillar{padding:32px 30px;overflow:hidden;}
.pillar::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--grad-acc);
  transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);}
.pillar:hover::after{transform:scaleX(1);}
.pillar h3{color:var(--ink);}
.pillar .p-go{color:var(--acc);display:inline-flex;align-items:center;gap:4px;transition:gap .2s var(--ease);}
.pillar:hover .p-go{gap:9px;}
.pillar.gold-p{border-top:none;}
.pillar.gold-p .p-num,.pillar.gold-p .p-go{color:var(--acc);}
.pillar .p-num{font-family:var(--sans);color:#A6B3C4;letter-spacing:2.5px;font-weight:700;}
.org-card h3,.k-card h3,.svc-card h3,.salon-card h4,.law-card h3{color:var(--ink);}
.org-card:hover,.k-card:hover{border-color:rgba(240,78,35,.35);}
.svc-card .ico{background:var(--acc-lt);color:var(--acc);transition:.25s var(--ease);}
.svc-card:hover .ico{background:var(--grad-acc);color:#fff;transform:rotate(-6deg) scale(1.06);}
.svc-card.drafting:hover{border-color:#DCE3EB;box-shadow:var(--shadow-sm);transform:none;}

/* ---------- 标签 / 徽章 ---------- */
.tag,.pill{border-radius:12px;font-weight:600;letter-spacing:.3px;}
.tag{background:#F2F5F8;color:#5A6B85;}
.tag.gold{background:var(--acc-lt);color:var(--acc-deep);}
.tag.warn{background:#F2F5F8;color:#7C8AA0;}
.pill.gold{background:var(--acc-lt);color:var(--acc-deep);}

/* ---------- 筛选 / chips ---------- */
.filter-bar{border-radius:var(--radius);box-shadow:var(--shadow-sm);border-color:#ECEFF3;}
.chip{border-radius:18px;background:#F4F6F9;border-color:transparent;color:#5A6B85;font-weight:600;transition:.18s var(--ease);}
.chip:hover{background:var(--acc-lt);color:var(--acc-deep);border-color:rgba(240,78,35,.3);}
.chip.on{background:var(--grad-acc);border-color:transparent;color:#fff;box-shadow:0 3px 10px var(--acc-glow);}
.filter-bar select,.filter-bar input{transition:.2s;border-color:#DCE3EB;}
.filter-bar select:hover,.filter-bar input:hover{border-color:#B9C6D6;}
.filter-bar select:focus,.filter-bar input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(240,78,35,.12);}

/* ---------- 沙龙卡片：视频封面与播放钮 ---------- */
.salon-card{overflow:hidden;}
.salon-card .cover{background:linear-gradient(135deg,#0A2A5E 0%,#123A6B 55%,#1C4EC2 130%);}
.salon-card .cover.video::after{content:"▶ 视频号回放";width:auto;height:auto;border-radius:20px;padding:9px 20px 9px 16px;
  background:rgba(9,32,54,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;
  border:1px solid rgba(255,255,255,.35);transition:.22s var(--ease);}
.salon-card:hover .cover.video::after{background:var(--grad-acc);border-color:transparent;transform:scale(1.06);
  box-shadow:0 6px 18px var(--acc-glow);}
.salon-card .body{padding:18px 22px 20px;}

/* ---------- 新闻 ---------- */
.news-item{border-left:3px solid transparent;}
.news-item .n-date{color:var(--acc);font-weight:700;}

/* ---------- 会员区带 ---------- */
.member-band{background:linear-gradient(120deg,#0A2A5E 0%,var(--navy) 55%,#12325C 100%);
  position:relative;overflow:hidden;border-radius:18px;padding:44px 46px;}
.member-band::before{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,78,35,.28) 0%,rgba(240,78,35,0) 68%);pointer-events:none;}
.member-band .btn-primary{padding:14px 40px;font-size:15px;}
.perks span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);transition:.2s var(--ease);cursor:default;}
.perks span:hover{background:rgba(240,78,35,.25);border-color:rgba(240,78,35,.5);transform:translateY(-2px);}

/* ---------- 统计条 ---------- */
.stats-bar{border-radius:14px;background:rgba(255,255,255,.05);backdrop-filter:blur(4px);transition:.25s var(--ease);}
.stats-bar:hover{background:rgba(255,255,255,.08);}
.stats-bar b{color:#FF8B55;}

/* ---------- 页脚 ---------- */
footer a{transition:.18s var(--ease);position:relative;}
footer a:hover{color:#FF8B55;}
footer h5{font-family:var(--sans);font-weight:800;letter-spacing:1px;position:relative;padding-bottom:10px;margin-bottom:14px;}
footer h5::after{content:"";position:absolute;left:0;bottom:0;width:20px;height:2px;background:var(--grad-acc);border-radius:2px;}
.beian{border-top:1px solid rgba(255,255,255,.06);}
.beian a:hover{color:#FF8B55;}

/* 备案信息行：版权 + 公安备案（带盾牌标识）+ ICP 备案 */
.beian-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 20px;}
.beian-copy{color:rgba(255,255,255,.5);}
a.beian-item{display:inline-flex;align-items:center;gap:5px;color:rgba(255,255,255,.5);
  text-decoration:none;transition:.2s var(--ease);}
a.beian-item:hover{color:#FF8B55;}
.beian-badge{width:15px;height:15px;display:block;flex:none;}

/* ---------- 弹层 ---------- */
.mask{background:rgba(9,32,54,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.modal{border-radius:18px;box-shadow:0 32px 80px rgba(9,32,54,.45);animation:modalIn .28s var(--ease);}
@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.97);}to{opacity:1;transform:none;}}
.modal .close{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:14px;transition:.2s;position:absolute;top:14px;right:18px;z-index:5;cursor:pointer;background:#F7F9FC;}
.modal .close:hover{background:#F2F5F8;color:var(--acc);transform:rotate(90deg);}
.modal .tabs button{border-radius:10px;transition:.2s var(--ease);}
.modal .tabs button:hover{border-color:var(--acc);color:var(--acc);}
.modal .tabs button.on{background:var(--grad-acc);border-color:transparent;color:#fff;}
.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(240,78,35,.12);}
.modal .done-ico{background:var(--acc-lt);color:var(--acc);}

/* ---------- 视频号二维码弹层 ---------- */
.qr-body{text-align:center;padding:8px 0 4px;}
.qr-body img{width:230px;height:230px;border-radius:14px;border:1px solid #ECEFF3;box-shadow:var(--shadow-md);
  display:block;margin:0 auto;transition:.3s var(--ease);}
.qr-body img:hover{transform:scale(1.04);}
.qr-body .qr-cap{margin-top:14px;font-size:14px;font-weight:700;color:var(--ink);}
.qr-body .qr-sub{font-size:12.5px;color:#7C8AA0;margin-top:4px;}
.qr-badge{display:inline-flex;align-items:center;gap:6px;background:var(--acc-lt);color:var(--acc-deep);
  font-size:12px;font-weight:700;border-radius:14px;padding:4px 14px;margin-bottom:14px;}
.qr-badge i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:qrBlink 1.6s infinite;}
@keyframes qrBlink{0%,100%{opacity:1;}50%{opacity:.25;}}

/* ---------- 悬浮工具坞（视频号 / 回顶部） ---------- */
.float-dock{position:fixed;right:22px;bottom:88px;z-index:120;display:flex;flex-direction:column;gap:10px;
  opacity:0;transform:translateY(12px);transition:.3s var(--ease);pointer-events:none;}
.float-dock.show{opacity:1;transform:none;pointer-events:auto;}
.dock-btn{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 22px rgba(16,24,40,.18);transition:.22s var(--ease);font-family:var(--sans);}
.dock-btn:hover{transform:translateY(-3px) scale(1.06);}
.dock-qr{background:linear-gradient(135deg,#FFE9D9,#FFD9BC);color:#fff;position:relative;}
.dock-qr .dk-ico{font-size:19px;line-height:1;}
/* 视频号 LOGO：圆形裁切，压住源图黑边 */
.dock-qr .dk-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;
  box-shadow:0 2px 8px rgba(122,62,20,.25);}
.dock-top{background:#fff;color:#3D4A5F;border:1px solid #ECEFF3;font-size:16px;}
.dock-top:hover{border-color:var(--acc);color:var(--acc);}
.dock-qr .dk-tip{position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(6px);white-space:nowrap;
  background:var(--ink);color:#fff;font-size:12px;padding:6px 12px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s var(--ease);}
.dock-qr:hover .dk-tip{opacity:1;transform:translateY(-50%);}
.dock-alt{background:linear-gradient(160deg,#FFFFFF,#F7F3EF);color:var(--acc);position:relative;
  border:1px solid rgba(201,162,39,.55);
  box-shadow:0 8px 22px rgba(16,24,40,.14),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 0 rgba(154,106,69,.10);}
.dock-alt .dk-ico{font-size:19px;line-height:1;}
.dock-alt:hover{color:var(--acc-deep);border-color:var(--apri);
  box-shadow:0 12px 26px rgba(240,78,35,.22),0 0 0 3px rgba(201,162,39,.28),inset 0 1px 0 rgba(255,255,255,.95);}
.dock-alt .dk-tip{position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(6px);white-space:nowrap;
  background:var(--ink);color:#fff;font-size:12px;padding:6px 12px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s var(--ease);}
.dock-alt:hover .dk-tip{opacity:1;transform:translateY(-50%);}

/* 微信 / 公众号 品牌标识钮（替换原 emoji 图标）
   注意：不可用 overflow:hidden —— 它会裁掉向外弹出的 .dk-tip 文字提示 */
.dock-wx{background:#07C160;position:relative;padding:0;
  box-shadow:0 8px 22px rgba(7,193,96,.30),inset 0 1px 0 rgba(255,255,255,.16);}
.dock-wx .dk-logo-sq{width:48px;height:48px;display:block;border-radius:50%;}
.dock-wx:hover{box-shadow:0 12px 26px rgba(7,193,96,.42),0 0 0 3px rgba(7,193,96,.22);}
.dock-gzh{background:linear-gradient(160deg,#F1FBF5,#DCF4E7);position:relative;
  border:1px solid rgba(7,193,96,.45);
  box-shadow:0 8px 22px rgba(16,24,40,.13),inset 0 1px 0 rgba(255,255,255,.95);}
.dock-gzh .dk-logo-sq{width:27px;height:27px;display:block;}
.dock-gzh:hover{border-color:#07C160;
  box-shadow:0 12px 26px rgba(7,193,96,.24),0 0 0 3px rgba(7,193,96,.20),inset 0 1px 0 rgba(255,255,255,.95);}
.dock-wx .dk-tip,.dock-gzh .dk-tip{position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(6px);white-space:nowrap;
  background:var(--ink);color:#fff;font-size:12px;padding:6px 12px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s var(--ease);}
.dock-wx:hover .dk-tip,.dock-gzh:hover .dk-tip{opacity:1;transform:translateY(-50%);}

/* ---------- 联系方式卡（tab 切换 + 立体卡头） ---------- */
.contact-card{overflow:hidden;padding:0!important;}
.cc-head{display:flex;align-items:center;gap:14px;padding:20px 24px 16px;
  background:linear-gradient(135deg,#071A31 0%,#0A2A5E 70%,#123A6B 130%);position:relative;overflow:hidden;}
.cc-head::after{content:"";position:absolute;right:-30px;top:-40px;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,39,.30),transparent 70%);pointer-events:none;}
.cc-orb{flex:none;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  font-size:22px;background:var(--grad-acc);color:#fff;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(122,74,40,.28),0 6px 14px rgba(9,32,54,.45);}
.cc-head h3{color:#fff;font-size:17px;font-weight:800;letter-spacing:.5px;}
.cc-head p{color:rgba(255,255,255,.62);font-size:12px;margin-top:2px;letter-spacing:1.5px;}
.cc-tabs{display:flex;gap:6px;padding:12px 24px 0;}
.cc-tabs button{flex:1;padding:9px 0;border-radius:10px;border:1.5px solid #ECEFF3;background:#fff;
  font-size:13px;font-weight:700;color:#5A6B85;cursor:pointer;font-family:var(--sans);transition:.2s var(--ease);}
.cc-tabs button:hover{border-color:var(--apri);color:var(--acc);}
.cc-tabs button.on{background:var(--grad-acc);border-color:transparent;color:#fff;
  box-shadow:0 5px 12px var(--acc-glow),inset 0 1px 0 rgba(255,255,255,.28);}
.cc-pane{text-align:center;padding:18px 24px 6px;}
/* 二维码固定 230×230：object-fit:contain 保证非正方形源图也不拉伸失真 */
.cc-pane img{width:230px;height:230px;object-fit:contain;background:#fff;border-radius:14px;border:1px solid #ECEFF3;box-shadow:var(--shadow-md);transition:.25s var(--ease);}
.cc-pane img:hover{transform:scale(1.04);}
.cc-hold{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 20px;
  background:var(--grad-apri);border-radius:14px;min-height:230px;justify-content:center;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(122,74,40,.15);}
.cc-hold-ico{font-size:40px;filter:drop-shadow(0 4px 8px rgba(122,74,40,.30));}
.cc-hold b{color:#D8401A;font-size:15.5px;letter-spacing:.5px;}
.cc-hold p{color:#7A5236;font-size:12.5px;line-height:1.8;max-width:280px;margin:0;}
.cc-pane .qr-cap{margin-top:12px;font-size:14px;font-weight:700;color:var(--ink);}
.cc-pane .qr-sub{margin-top:4px;font-size:11px;color:#7C8AA0;white-space:nowrap;letter-spacing:0;}

/* ---------- 地球 / 深色区块内的点缀 ---------- */
.globe-stage{border-radius:18px;}
.globe-tip{border-radius:14px;}
.globe-tip .t-go{color:#FF8B55;}
.globe-info h3{font-family:var(--sans);font-weight:800;}
.hero h1,.sec-head h2{font-family:var(--sans);}

/* ---------- 国家卡 ---------- */
.cty-card .btn{width:100%;}
.cty-card:hover .cty-name{color:var(--acc);}

/* ---------- 表单页（申请入驻） ---------- */
.apply-wrap{max-width:760px;margin:0 auto;}
.apply-card{background:#fff;border:1px solid #ECEFF3;border-radius:18px;box-shadow:var(--shadow-md);padding:36px 40px;}
.apply-tabs{display:flex;gap:10px;margin-bottom:26px;}
.apply-tabs button{flex:1;padding:12px;border-radius:12px;border:1.5px solid #ECEFF3;background:#fff;
  font-size:14.5px;font-weight:700;color:#5A6B85;cursor:pointer;font-family:var(--sans);transition:.2s var(--ease);}
.apply-tabs button:hover{border-color:var(--acc);color:var(--acc);}
.apply-tabs button.on{background:var(--grad-acc);border-color:transparent;color:#fff;box-shadow:0 6px 16px var(--acc-glow);}
.apply-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.apply-form label{display:flex;flex-direction:column;gap:7px;font-size:12.5px;font-weight:700;color:#5A6B85;}
.apply-form .full{grid-column:1/-1;}
.apply-form input,.apply-form select,.apply-form textarea{border:1.5px solid #E4E9F0;border-radius:11px;padding:12px 14px;
  font-size:14px;font-family:inherit;color:var(--ink);background:#FBFCFE;transition:.2s;width:100%;}
.apply-form input:hover,.apply-form select:hover,.apply-form textarea:hover{border-color:#C4D0DE;}
.apply-form input:focus,.apply-form select:focus,.apply-form textarea:focus{outline:none;border-color:var(--acc);
  background:#fff;box-shadow:0 0 0 3px rgba(240,78,35,.1);}
.apply-form textarea{resize:vertical;}
/* 必填标记 */
.apply-form .lb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.apply-form .req{font-style:normal;font-size:11px;font-weight:700;color:#E5484D;letter-spacing:.2px;
  display:inline-flex;align-items:center;gap:3px;background:#FFF2F2;border:1px solid #FBD5D6;
  border-radius:20px;padding:1px 7px;line-height:1.6;white-space:nowrap;}
.apply-form .req .star{font-size:12px;line-height:1;color:#E5484D;}
/* 即时校验：不通过时标红 + 提示 */
.apply-form label.bad>.lb{color:#E5484D;}
.apply-form label.bad .lb::after{content:"· 请填写";color:#E5484D;font-size:11.5px;font-weight:600;}
.apply-form label.bad input,.apply-form label.bad select,.apply-form label.bad textarea{
  border-color:#E5484D;background:#FFF7F7;box-shadow:0 0 0 3px rgba(229,72,77,.08);}
.apply-form label.bad .agree-tx{color:#E5484D;}
.apply-hint{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#7C8AA0;
  background:#FBFCFE;border:1px dashed #E4E9F0;border-radius:10px;padding:9px 14px;}
.apply-hint .ah-sp{flex:1;}
.apply-hint .ah-btn{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;
  font-size:12.5px;font-weight:700;color:#fff;font-family:inherit;
  background:linear-gradient(135deg,#F04E23,#FF8B55);border-radius:20px;padding:7px 16px;
  box-shadow:0 4px 12px rgba(240,78,35,.32),inset 0 1px 0 rgba(255,255,255,.35);transition:.2s;white-space:nowrap;}
.apply-hint .ah-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(240,78,35,.42),inset 0 1px 0 rgba(255,255,255,.35);}
.apply-hint .ah-btn .ah-ico{font-size:14px;line-height:1;display:inline-block;}
/* 填表引导动效：疑问文案呼吸强调 + 按钮脉冲光环 + 图标轻摆 */
.apply-hint .ah-ask{font-size:12.5px;font-weight:700;color:#F04E23;animation:ahAsk 2.4s ease-in-out infinite;}
@keyframes ahAsk{0%,100%{opacity:.55;transform:translateX(0);}
  12%,30%{opacity:1;transform:translateX(0);}
  20%{transform:translateX(2px);}
  45%{opacity:.55;}}
.apply-hint .ah-btn{animation:ahGlow 2.4s ease-in-out infinite;}
@keyframes ahGlow{0%,100%{box-shadow:0 4px 12px rgba(240,78,35,.32),inset 0 1px 0 rgba(255,255,255,.35),0 0 0 0 rgba(240,78,35,.38);}
  45%{box-shadow:0 4px 14px rgba(240,78,35,.42),inset 0 1px 0 rgba(255,255,255,.35),0 0 0 9px rgba(240,78,35,0);}}
.apply-hint .ah-btn .ah-ico{animation:ahWave 2.4s ease-in-out infinite;}
@keyframes ahWave{0%,55%,100%{transform:rotate(0);}
  63%{transform:rotate(-14deg);}
  71%{transform:rotate(12deg);}
  79%{transform:rotate(-8deg);}
  87%{transform:rotate(0);}}
@media(prefers-reduced-motion:reduce){.apply-hint .ah-ask,.apply-hint .ah-btn,.apply-hint .ah-btn .ah-ico{animation:none;}}
.apply-note{grid-column:1/-1;font-size:12px;color:#93A2B8;line-height:1.8;background:#F8FAFC;border-radius:10px;padding:12px 16px;}
.apply-done{text-align:center;padding:30px 0 16px;}

@media(max-width:900px){
  .apply-form{grid-template-columns:1fr;}
  .apply-card{padding:26px 22px;}
  .float-dock{right:14px;bottom:74px;}
  section{padding:52px 0;}
  .sec-head h2{font-size:23px;}
}

/* ---------- 移动端导航适配（本文件后于 styles.css 加载，覆盖必须放在这里） ---------- */
@media(max-width:900px){
  .head-in{height:auto;flex-wrap:wrap;padding:10px 0;gap:8px 14px;}
  .main-nav{order:3;width:100%;flex-wrap:wrap;gap:2px 4px;}
  .main-nav a{padding:6px 11px;font-size:13px;white-space:nowrap;flex:none;}
  .main-nav a::after{left:11px;right:11px;}
  .head-right{margin-left:auto;flex:none;}
  .brand::after{display:none;}
}
@media(max-width:560px){
  .topbar{font-size:11px;}
  .topbar .wrap{justify-content:center;}
  .head-in{padding:8px 0;gap:8px 10px;}
  .brand-cn{font-size:18px;letter-spacing:1px;}
  .brand-en{letter-spacing:.6px;}
  .main-nav{gap:2px;}
  .main-nav a{padding:5px 8px;font-size:12px;border-radius:6px;}
  .main-nav a::after{left:8px;right:8px;}
  .user-chip{font-size:12px;padding:5px 10px;}
  .btn{padding:8px 16px;font-size:13px;}
}