/* geo-plan.html 移动端适配样式（max-width:900px 时加载） */
@media (max-width:900px){.topnav{display:flex;height:56px;padding:10px 14px}.topnav .brand{font-size:14px;white-space:nowrap;letter-spacing:0}.topnav .brand i{width:26px;height:26px;font-size:12px}.topnav .burger{display:flex}.topnav .cta{padding:7px 14px;font-size:12.5px;flex-shrink:0}.topnav .nav-links.open{display:flex;flex-direction:column;gap:0;position:fixed;top:56px;left:0;right:0;max-height:calc(100vh - 56px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 12px 14px;background:rgba(11,18,32,.98);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12);z-index:130}.topnav .nav-links.open a{padding:13px 10px;font-size:15px;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0}.topnav .nav-links.open a:last-child{border-bottom:0}.topnav .nav-links.open a.is-active{color:#a5b4fc}.inner{flex-direction:column;height:100vh;max-height:100vh;padding:76px 20px 88px;gap:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:center;justify-content:flex-start}.inner.center{gap:16px;height:100vh;max-height:100vh;padding:76px 20px 88px;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:center;justify-content:flex-start}.left, .right{width:100%;flex:none}.inner h2{font-size:26px}.inner p.desc{font-size:14px}.points{grid-template-columns:1fr}.loop-row{flex-direction:column;gap:8px}.loop-card{width:92%;max-width:320px}.loop-arrow{font-size:26px;padding:2px 0}.radial{width:100%;height:330px}.radial .r-node{width:104px}.phone{width:260px}.topnav .nav-links{display:none}.final .inner h2{font-size:30px}.final-grid{flex-wrap:wrap;gap:8px;margin-top:14px}.f-gitem{flex:1 1 40%;max-width:none;padding:10px 6px}.final-grid .fg-arrow{display:none}.metrics.m4{grid-template-columns:repeat(2,1fr) !important;gap:8px}.metrics.m4 .metric{padding:12px 8px}.metrics.m4 .m-num{font-size:19px}.metrics.m4 .m-label{font-size:10px}.next-arrow{right:20px;bottom:24px;width:52px;height:52px;font-size:21px}.up-arrow{display:none !important}.stair{width:100% !important}.split-battle{grid-template-columns:1fr;gap:0}.sb-vs{width:44px;height:44px;font-size:13px}.sb-side{padding:20px 18px}.sb-head{font-size:16px;margin-bottom:12px}.sb-row{padding:9px 0;font-size:12.5px}.sb-foot{margin-top:14px;font-size:13px}.bill{flex-direction:column;gap:18px}.bill-num .bn{font-size:74px}.bill-break{max-width:100%;width:100%}.bb-row{padding:10px 14px;font-size:12px}.bb-row b{font-size:14px}.tl2{max-width:100%;padding-left:18px}.tl2::before{left:0;transform:none}.tl2-item{width:100%;left:0 !important;text-align:left !important;padding:4px 0 10px 30px !important}.tl2-item::before{left:-3px !important;right:auto !important;top:14px;width:11px;height:11px}.tl2-card{max-width:100%;width:100%;padding:9px 13px}.tl2-card .tle{font-size:17px}.tl2-card b{font-size:13px}.radial{height:300px}.radial .r-node{width:90px;padding:8px 4px;font-size:10px}.radial .r-center{width:78px;height:78px;font-size:36px}.funnel .f-level{font-size:10.5px;padding:7px 0}.bar-list{gap:9px}.bar-item{padding:11px 13px}.bar-item .bi{flex-basis:36px;height:36px;font-size:17px}.stairs{gap:9px}.stair{padding:12px 16px}.stair .se{font-size:22px}.stair b{font-size:13.5px}.stair span{font-size:11px}.stairs .flag b{font-size:32px}}
@media(max-width:768px){img{max-width:100%;height:auto}.geo-topnav .inner{padding:0 16px}.container,.inner{width:min(100% - 24px,1200px)}.hero{padding:52px 0 44px}.hero h1{font-size:28px}.hero .sub{font-size:17px}.section-title{font-size:24px}.lead-form .lead-fields{flex-direction:column}.footer-bottom{flex-direction:column;text-align:center;gap:6px}}
@media(max-width:480px){.hero h1{font-size:24px}.hero .sub{font-size:16px}}
/* ============================================================
   320~380px 圆环路线图 → 两列卡片网格（2026-10-23）
   原因：8 个带文字的节点绕在 90vw 圆环上，320 屏圆只有 288px，
        数学上放不下，节点互相压字（既有问题，非本轮引入）。
   做法：≤380px 时放弃环形，改 2 列卡片；环心「百亿上市」变成跨列头条目。
        节点定位用的是内联 style="left/top"，必须 !important 才能压过内联。
   回滚：整段删除即可（连同下方 @media 一起）
   ============================================================ */
@media (max-width:380px){
  .final-ring{width:auto;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px auto 0}
  .final-ring .ring-deco,.final-ring .ring-deco2{display:none}
  .final-ring .ring-center{position:static !important;grid-column:1 / -1;width:auto !important;height:auto !important;
    aspect-ratio:auto;transform:none !important;flex-direction:row;gap:8px;padding:9px 12px;border-radius:10px;margin-bottom:2px}
  .final-ring .ring-center .rc-e{font-size:19px}
  .final-ring .ring-center .rc-n{margin-top:0;font-size:13px}
  .final-ring .ring-center .rc-s{margin-top:0;font-size:10px}
  .ring-node{position:static !important;left:auto !important;top:auto !important;transform:none !important;width:auto !important;
    display:grid;grid-template-columns:32px 1fr;column-gap:7px;align-items:center;text-align:left;
    padding:8px 9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:10px}
  .ring-node .rn-badge{grid-column:1;grid-row:1 / span 2;width:32px;height:32px;margin:0;font-size:15px}
  .ring-node .rn-n{grid-column:2;font-size:10.5px;line-height:1.25;white-space:normal;margin-top:0}
  .ring-node .rn-s{grid-column:2;font-size:8.5px;line-height:1.2;white-space:normal;margin-top:1px}
}