:root{
      /* ── 浅色 · 藏青/红/白（对齐徽章）light navy-red-white palette ── */
      --paper:#F4F6F9;        /* 页面底色 · soft cool paper */
      --paper-2:#FFFFFF;      /* 卡片/抬升面 */
      --paper-3:#EAEEF4;      /* 浅灰分段带 */
      --ink:#0E1530;          /* 最深标题藏青黑 */
      --navy:#16245B;         /* 品牌藏青 */
      --navy-soft:#454F77;    /* 次级文字 */
      --muted:#737C92;        /* 说明/caption */
      --red:#CE2029;          /* 品牌红 · action / route */
      --red-deep:#A4161D;
      --green:#1FA67A;        /* USDT 绿（仅此一处）*/
      --line:#DEE3EC;         /* 细线 */
      --line-strong:#C9D0DE;
      --font-serif:'Noto Serif SC',Georgia,"Songti SC",serif;
      --font-body:'Noto Sans SC','Inter',-apple-system,"PingFang SC",sans-serif;
      --font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
      --shadow-sm:0 2px 10px rgba(22,36,91,.05);
      --shadow-md:0 14px 40px -18px rgba(22,36,91,.22);
      --shadow-lg:0 30px 70px -30px rgba(22,36,91,.30);
    }

    *{margin:0;padding:0;box-sizing:border-box;}
    html{scroll-behavior:smooth;background:var(--paper);}
    body{
      font-family:var(--font-body);background:var(--paper);color:var(--navy);
      -webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;font-weight:400;
    }

    /* 海图经纬网（极淡）+ 顶部光 */
    body::before{
      content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
      background-image:
        linear-gradient(rgba(22,36,91,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(22,36,91,.025) 1px,transparent 1px);
      background-size:90px 90px;
      mask-image:radial-gradient(circle at 62% 8%,#000 0%,transparent 70%);
      -webkit-mask-image:radial-gradient(circle at 62% 8%,#000 0%,transparent 70%);
    }
    body::after{
      content:'';position:fixed;top:-300px;left:50%;transform:translateX(-50%);
      width:1300px;height:640px;border-radius:50%;z-index:0;pointer-events:none;
      background:radial-gradient(circle,rgba(206,32,41,.05) 0%,rgba(22,36,91,.05) 36%,transparent 66%);
      filter:blur(20px);
    }

    .container{width:90%;max-width:1180px;margin:0 auto;position:relative;z-index:2;}

    /* ════ NAV ════ */
    nav{
      position:fixed;top:0;left:0;right:0;z-index:300;height:74px;
      display:flex;align-items:center;justify-content:space-between;padding:0 6%;
      background:rgba(244,246,249,.78);
      backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
      border-bottom:1px solid var(--line);
    }
    .brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
    .brand img{width:42px;height:42px;border-radius:50%;display:block;box-shadow:0 2px 8px rgba(22,36,91,.18);}
    .brand-name{font-family:var(--font-serif);font-weight:700;font-size:19px;color:var(--navy);letter-spacing:.06em;line-height:1;}
    .brand-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;color:var(--muted);text-transform:uppercase;display:block;margin-top:4px;}
    .nav-links{display:flex;gap:4px;align-items:center;}
    .nav-item{
      font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--navy-soft);
      text-decoration:none;padding:8px 14px;border-radius:7px;transition:color .25s,background .25s;
    }
    .nav-item:hover{color:var(--navy);background:rgba(22,36,91,.05);}
    .nav-cta{
      font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em;
      color:#fff;background:var(--red);padding:10px 18px;border-radius:8px;text-decoration:none;
      border:1px solid var(--red);transition:all .25s;display:inline-flex;align-items:center;gap:8px;
      box-shadow:0 6px 16px rgba(206,32,41,.18);
    }
    .nav-cta:hover{background:var(--red-deep);border-color:var(--red-deep);transform:translateY(-1px);}
    .nav-cta .dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.85;}
    .menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
    .menu-toggle span{display:block;width:20px;height:2px;background:var(--navy);transition:.3s;}

    /* ════ HERO ════ */
    .hero{position:relative;min-height:100vh;padding:130px 0 70px;display:flex;align-items:center;z-index:2;}
    .hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:64px;align-items:center;width:100%;}
    .eyebrow{
      display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);
      font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:28px;
    }
    .eyebrow::before{content:'';width:26px;height:1px;background:var(--red);opacity:.55;}
    h1.hero-title{
      font-family:var(--font-serif);font-weight:700;font-size:clamp(34px,4.5vw,60px);
      line-height:1.18;letter-spacing:.01em;margin-bottom:26px;color:var(--ink);
    }
    h1.hero-title em{font-style:normal;position:relative;white-space:nowrap;color:var(--red);}
    h1.hero-title em::after{
      content:'';position:absolute;left:-.04em;right:-.04em;bottom:.08em;height:.26em;
      background:var(--red);opacity:.16;z-index:-1;border-radius:2px;
    }
    .hero-desc{font-size:16.5px;line-height:1.78;color:var(--navy-soft);max-width:480px;margin-bottom:36px;font-weight:400;}
    .hero-desc b{color:var(--ink);font-weight:700;}
    .hero-actions{display:flex;gap:14px;margin-bottom:44px;flex-wrap:wrap;}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-body);
      font-size:14.5px;font-weight:700;padding:14px 28px;border-radius:10px;text-decoration:none;cursor:pointer;
      transition:all .28s cubic-bezier(.16,1,.3,1);position:relative;
    }
    .btn-primary{background:var(--red);color:#fff;border:1px solid var(--red);box-shadow:0 10px 26px rgba(206,32,41,.22);}
    .btn-primary:hover{background:var(--red-deep);border-color:var(--red-deep);transform:translateY(-2px);box-shadow:0 16px 34px rgba(206,32,41,.30);}
    .btn-ghost{background:var(--paper-2);color:var(--navy);border:1px solid var(--line-strong);}
    .btn-ghost:hover{border-color:var(--navy);transform:translateY(-2px);box-shadow:var(--shadow-md);}
    .btn:active{transform:scale(.97);}

    .hero-metrics{display:flex;gap:38px;padding-top:30px;border-top:1px solid var(--line);max-width:520px;flex-wrap:wrap;}
    .metric .m-num{font-family:var(--font-serif);font-size:28px;font-weight:700;color:var(--navy);letter-spacing:0;line-height:1;}
    .metric .m-num span{color:var(--red);font-size:18px;}
    .metric .m-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-top:8px;}

    /* ════ SIGNATURE — 南海货运走廊（浅色航海图）════ */
    .chart-frame{
      position:relative;border:1px solid var(--line);border-radius:18px;background:var(--paper-2);
      padding:18px;box-shadow:var(--shadow-lg);
    }
    .chart-corner{position:absolute;width:13px;height:13px;border:1px solid var(--red);opacity:.45;}
    .chart-corner.tl{top:9px;left:9px;border-right:0;border-bottom:0;}
    .chart-corner.tr{top:9px;right:9px;border-left:0;border-bottom:0;}
    .chart-corner.bl{bottom:9px;left:9px;border-right:0;border-top:0;}
    .chart-corner.br{bottom:9px;right:9px;border-left:0;border-top:0;}
    .chart-head{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 14px;
      font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;color:var(--muted);text-transform:uppercase;}
    .chart-head .live{display:inline-flex;align-items:center;gap:7px;color:var(--red);font-weight:600;}
    .chart-head .live .pulse{width:7px;height:7px;border-radius:50%;background:var(--red);animation:livePulse 2.2s infinite;}
    @keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(206,32,41,.45);}70%{box-shadow:0 0 0 8px rgba(206,32,41,0);}100%{box-shadow:0 0 0 0 rgba(206,32,41,0);}}
    .corridor-svg{display:block;width:100%;height:auto;border-radius:10px;background:linear-gradient(170deg,#FBFCFE 0%,#EEF2F8 100%);}

    .lane-board{margin-top:14px;border-top:1px solid var(--line);padding-top:10px;}
    .lane-row{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:center;
      font-family:var(--font-mono);font-size:11.5px;padding:8px 6px;border-radius:7px;color:var(--navy-soft);transition:background .2s;}
    .lane-row:hover{background:rgba(22,36,91,.04);}
    .lane-row .o,.lane-row .d{color:var(--navy);letter-spacing:.01em;}
    .lane-row .arrow{color:var(--red);}
    .lane-row .tag{justify-self:end;font-size:10px;letter-spacing:.04em;padding:3px 9px;border-radius:6px;
      border:1px solid var(--line-strong);color:var(--navy-soft);background:var(--paper);white-space:nowrap;}
    .lane-row .tag.fast{color:#fff;border-color:var(--red);background:var(--red);}

    /* ════ SECTIONS ════ */
    section{position:relative;padding:118px 0;z-index:2;}
    .band{background:var(--paper-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
    .sec-head{margin-bottom:60px;max-width:700px;}
    .sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
    .sec-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
      color:var(--red);margin-bottom:16px;display:flex;align-items:center;gap:10px;}
    .sec-head.center .sec-kicker{justify-content:center;}
    .sec-kicker::before{content:'';width:22px;height:1px;background:var(--red);opacity:.5;}
    .sec-head.center .sec-kicker::before{display:none;}
    .sec-title{font-family:var(--font-serif);font-weight:700;font-size:clamp(26px,3vw,38px);
      line-height:1.32;letter-spacing:.01em;color:var(--ink);}
    .sec-intro{margin-top:18px;font-size:15.5px;line-height:1.78;color:var(--navy-soft);font-weight:400;}

    /* 航线板大表 */
    .routes-board{border:1px solid var(--line);border-radius:16px;background:var(--paper-2);padding:14px;box-shadow:var(--shadow-sm);}

    /* 双清包税 三步 */
    .flow{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-md);}
    .flow-step{padding:42px 34px;position:relative;border-right:1px solid var(--line);}
    .flow-step:last-child{border-right:0;}
    .flow-num{font-family:var(--font-mono);font-size:12px;color:var(--red);letter-spacing:.08em;margin-bottom:22px;font-weight:600;}
    .flow-ico{width:42px;height:42px;margin-bottom:20px;color:var(--navy);}
    .flow-ico svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.4;}
    .flow-step h4{font-family:var(--font-serif);font-size:19px;font-weight:700;color:var(--ink);margin-bottom:11px;letter-spacing:.01em;}
    .flow-step p{font-size:13.8px;line-height:1.7;color:var(--navy-soft);font-weight:400;}
    .flow-step::after{content:'';position:absolute;right:-7px;top:50%;width:13px;height:13px;transform:translateY(-50%) rotate(45deg);
      background:var(--paper-2);border-right:1px solid var(--red);border-top:1px solid var(--red);opacity:.5;z-index:3;}
    .flow-step:last-child::after{display:none;}

    /* SERVICES */
    .svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
    .svc-card{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:38px;
      transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);}
    .svc-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1);}
    .svc-card:hover{transform:translateY(-5px);border-color:var(--line-strong);box-shadow:var(--shadow-lg);}
    .svc-card:hover::before{transform:scaleX(1);}
    .svc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
    .svc-ico{width:46px;height:46px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--navy);background:var(--paper);}
    .svc-ico svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;}
    .svc-code{font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;color:var(--muted);}
    .svc-card h3{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--ink);margin-bottom:12px;letter-spacing:.01em;}
    .svc-card p{font-size:13.8px;line-height:1.72;color:var(--navy-soft);font-weight:400;}

    /* WAREHOUSE — 深藏青锚点段 */
    .hub-band{background:var(--navy);color:#fff;position:relative;overflow:hidden;}
    .hub-band::before{content:'';position:absolute;inset:0;background:
      radial-gradient(circle at 88% 12%,rgba(206,32,41,.18),transparent 45%),
      linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/90px 90px;opacity:1;pointer-events:none;}
    .hub-band .sec-kicker{color:#FF8A8F;}
    .hub-band .sec-kicker::before{background:#FF8A8F;}
    .hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;}
    .hub-info h3{font-family:var(--font-serif);font-size:clamp(24px,2.6vw,32px);font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:.01em;}
    .hub-info>p{font-size:15px;line-height:1.78;color:#C2C9DE;margin-bottom:30px;}
    .hub-data{border-top:1px solid rgba(255,255,255,.14);padding-top:24px;display:flex;flex-direction:column;gap:15px;}
    .hub-line{display:flex;gap:14px;font-size:13.8px;line-height:1.55;}
    .hub-line .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:#FF8A8F;text-transform:uppercase;min-width:76px;flex-shrink:0;padding-top:2px;}
    .hub-line .v{color:#DDE2F0;}
    .hub-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:34px;position:relative;overflow:hidden;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(4px);}
    .hub-card-top{display:flex;align-items:center;justify-content:space-between;}
    .hub-pin{width:48px;height:48px;border-radius:50%;border:1px solid rgba(206,32,41,.5);display:flex;align-items:center;justify-content:center;color:#FF8A8F;animation:livePulse 2.6s infinite;}
    .hub-pin svg{width:22px;height:22px;fill:currentColor;}
    .hub-coord{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:#AEB6D2;text-align:right;line-height:1.7;}
    .hub-coord span{color:#FF8A8F;}
    .hub-card-body .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:#FF8A8F;text-transform:uppercase;margin-bottom:8px;}
    .hub-card-body .ttl{font-family:var(--font-serif);font-size:22px;font-weight:700;color:#fff;margin-bottom:6px;}
    .hub-card-body .addr{font-size:13px;color:#B9C0D8;line-height:1.6;}

    /* USDT */
    .usdt{display:flex;gap:40px;align-items:center;background:var(--paper-2);border:1px solid var(--line);border-radius:18px;padding:48px;box-shadow:var(--shadow-md);}
    .usdt-ico{width:64px;height:64px;flex-shrink:0;border-radius:50%;border:1px solid rgba(31,166,122,.3);display:flex;align-items:center;justify-content:center;color:var(--green);background:rgba(31,166,122,.07);}
    .usdt-ico svg{width:30px;height:30px;fill:currentColor;}
    .usdt h3{font-family:var(--font-serif);font-size:23px;font-weight:700;color:var(--ink);margin-bottom:11px;letter-spacing:.01em;}
    .usdt h3 span{color:var(--green);}
    .usdt p{font-size:14px;line-height:1.75;color:var(--navy-soft);font-weight:400;}

    /* FAQ */
    .faq-list{max-width:850px;margin:0 auto;}
    .faq-item{border:1px solid var(--line);border-radius:13px;margin-bottom:13px;overflow:hidden;background:var(--paper-2);transition:border-color .3s,box-shadow .3s;}
    .faq-item:hover{border-color:var(--line-strong);}
    .faq-item.active{border-color:var(--red);box-shadow:0 10px 30px -16px rgba(206,32,41,.3);}
    .faq-q{padding:23px 26px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;gap:18px;}
    .faq-q .qtext{font-family:var(--font-serif);font-size:16px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:14px;letter-spacing:.01em;}
    .faq-q .qnum{font-family:var(--font-mono);font-size:12px;color:var(--red);flex-shrink:0;font-weight:600;}
    .faq-icon{width:18px;height:18px;flex-shrink:0;position:relative;}
    .faq-icon::before,.faq-icon::after{content:'';position:absolute;background:var(--muted);transition:transform .3s,background .3s;}
    .faq-icon::before{top:8px;left:0;width:18px;height:2px;}
    .faq-icon::after{top:0;left:8px;width:2px;height:18px;}
    .faq-item.active .faq-icon::after{transform:rotate(90deg);}
    .faq-item.active .faq-icon::before,.faq-item.active .faq-icon::after{background:var(--red);}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.25,1,.5,1);}
    .faq-a-inner{padding:0 26px 24px 62px;font-size:14px;line-height:1.78;color:var(--navy-soft);font-weight:400;}

    /* CONTACT */
    .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:stretch;}
    .contact-l h3{font-family:var(--font-serif);font-size:clamp(26px,2.8vw,34px);font-weight:700;color:var(--ink);margin-bottom:14px;letter-spacing:.01em;line-height:1.3;}
    .contact-l>p{font-size:14.5px;line-height:1.75;color:var(--navy-soft);margin-bottom:30px;font-weight:400;max-width:420px;}
    .cm{display:flex;align-items:center;gap:18px;background:var(--paper-2);border:1px solid var(--line);padding:18px 20px;border-radius:13px;margin-bottom:12px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm);}
    .cm:hover{border-color:var(--line-strong);transform:translateX(4px);box-shadow:var(--shadow-md);}
    .cm-ico{width:44px;height:44px;flex-shrink:0;border-radius:11px;background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--red);}
    .cm-ico svg{width:20px;height:20px;fill:currentColor;}
    .cm-info{display:flex;flex-direction:column;}
    .cm-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:4px;}
    .cm-val{font-size:15.5px;font-weight:500;color:var(--ink);}
    .contact-r{background:var(--navy);border:1px solid var(--navy);border-radius:18px;padding:42px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);}
    .contact-r::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(206,32,41,.22),transparent 52%);}
    .contact-r .qr-kicker{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;color:#FF8A8F;text-transform:uppercase;margin-bottom:14px;position:relative;}
    .contact-r h4{font-family:var(--font-serif);font-size:24px;font-weight:700;color:#fff;margin-bottom:14px;position:relative;letter-spacing:.01em;line-height:1.35;}
    .contact-r p{font-size:14px;line-height:1.72;color:#C2C9DE;margin-bottom:26px;position:relative;font-weight:400;}
    .contact-r .reply{font-family:var(--font-mono);font-size:11px;color:#7FE3C4;margin-bottom:26px;position:relative;display:flex;align-items:center;gap:8px;}
    .contact-r .reply .pulse{width:7px;height:7px;border-radius:50%;background:#1FA67A;animation:livePulse 2.2s infinite;}

    /* FOOTER */
    footer{background:var(--ink);border-top:1px solid var(--navy);padding:48px 0;z-index:2;position:relative;}
    .foot-grid{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
    .foot-copy{font-family:var(--font-mono);font-size:12px;color:#9AA3C0;letter-spacing:.01em;}
    .foot-links{display:flex;gap:22px;}
    .foot-links a{font-size:12.5px;color:#C2C9DE;text-decoration:none;transition:color .25s;}
    .foot-links a:hover{color:#FF8A8F;}

    /* FLOATING */
    .floating{position:fixed;bottom:26px;right:26px;z-index:200;display:flex;flex-direction:column;gap:11px;}
    .float-btn{width:50px;height:50px;border-radius:14px;background:var(--paper-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--navy);text-decoration:none;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.16,1,.3,1);}
    .float-btn:hover{transform:translateY(-3px);color:#fff;background:var(--red);border-color:var(--red);}
    .float-btn svg{width:22px;height:22px;fill:currentColor;}

    /* reveal */
    .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
    .reveal.in{opacity:1;transform:none;}

    /* RESPONSIVE */
    @media(max-width:980px){
      .hero-grid{grid-template-columns:1fr;gap:44px;}
      .hero{padding-top:104px;}
      .chart-frame{order:-1;}
      .svc-grid{grid-template-columns:1fr;}
      .flow{grid-template-columns:1fr;}
      .flow-step{border-right:0;border-bottom:1px solid var(--line);}
      .flow-step:last-child{border-bottom:0;}
      .flow-step::after{display:none;}
      .hub-grid{grid-template-columns:1fr;gap:36px;}
      .contact-grid{grid-template-columns:1fr;gap:30px;}
      .nav-links{display:none;}
      .menu-toggle{display:flex;}
      nav{padding:0 22px;}
      .usdt{flex-direction:column;text-align:center;padding:38px 26px;}
    }
    @media(max-width:560px){
      .hero-metrics{gap:24px;}
      .lane-row{grid-template-columns:1fr auto 1fr;}
      .lane-row .tag{grid-column:1/-1;justify-self:start;margin-top:2px;}
      .foot-grid{flex-direction:column;text-align:center;}
      section{padding:84px 0;}
      .brand-sub{display:none;}
    }
    @media(prefers-reduced-motion:reduce){
      *{animation:none!important;}
      .reveal{opacity:1;transform:none;transition:none;}
      #ping,#route-draw{display:none;}
    }

/* ════ POLISH · 导航滚动 / 语言切换 / 首屏入场 / 印章 / 航路流动 ════ */
nav{transition:box-shadow .3s,background .3s;}
nav.scrolled{box-shadow:0 10px 30px -12px rgba(22,36,91,.16);background:rgba(244,246,249,.93);}

.lang-switch{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;font-family:var(--font-mono);font-size:11px;flex-shrink:0;background:var(--paper-2);}
.lang-switch a{padding:7px 11px;color:var(--navy-soft);text-decoration:none;transition:background .25s,color .25s;}
.lang-switch a.on{background:var(--navy);color:#fff;}
.lang-switch a:not(.on):hover{background:rgba(22,36,91,.06);color:var(--navy);}

@keyframes riseIn{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}
.hero-copy>*{opacity:0;animation:riseIn .85s cubic-bezier(.16,1,.3,1) forwards;}
.hero-copy>*:nth-child(1){animation-delay:.08s;}
.hero-copy>*:nth-child(2){animation-delay:.2s;}
.hero-copy>*:nth-child(3){animation-delay:.32s;}
.hero-copy>*:nth-child(4){animation-delay:.44s;}
.hero-copy>*:nth-child(5){animation-delay:.56s;}
.hero .chart-frame{transition-delay:.35s;}

.chart-map{position:relative;}
.seal{position:absolute;right:20px;bottom:16px;padding:8px 10px;border:2.5px solid rgba(206,32,41,.7);border-radius:9px;transform:rotate(-7deg);pointer-events:none;user-select:none;
  font-family:var(--font-serif);font-weight:900;font-size:18px;line-height:1.25;letter-spacing:.16em;text-align:center;color:rgba(206,32,41,.78);mix-blend-mode:multiply;}

.sea-lanes{animation:laneDrift 9s linear infinite;}
@keyframes laneDrift{to{stroke-dashoffset:-42;}}

@media(prefers-reduced-motion:reduce){
  .hero-copy>*{opacity:1;animation:none;}
  .sea-lanes{animation:none;}
}

/* 窄屏导航防换行（英文版品牌名较长） */
.brand-name,.nav-cta{white-space:nowrap;}
@media(max-width:560px){
  .brand img{width:34px;height:34px;}
  .brand-name{font-size:15px;}
  .nav-cta{padding:9px 12px;font-size:11px;}
  .lang-switch a{padding:6px 8px;}
  nav{gap:10px;}
}
@media(max-width:560px){
  .nav-cta{display:none;}
}