@font-face{font-family:'APHT3';src:url('fonts/apht55.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'APHT3';src:url('fonts/apht85.woff2') format('woff2');font-weight:700 900;font-display:swap;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
  :root {
    --ink: #16324f;
    --ink-soft: #3f5a75;
    --muted: #6b839b;
    --sky-1: #4aa8f0;
    --sky-2: #8ecdf6;
    --blue: #2563eb;
    --blue-2: #38bdf8;
    --violet: #7c3aed;
    --violet-2: #a78bfa;
    --orange: #ea580c;
    --orange-2: #fb923c;
    --red: #e11d48;
    --glass: rgba(255, 255, 255, 0.72);
    --glass-strong: rgba(255, 255, 255, 0.9);
    --line: rgba(255, 255, 255, 0.7);
  }

  * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'APHT3',-apple-system, BlinkMacSystemFont, "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei UI", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
  html, body { min-height: 100%; }
  body {
    background:
      linear-gradient(180deg, rgba(59, 143, 230, 0.42) 0%, rgba(131, 198, 245, 0.34) 34%, rgba(222, 243, 255, 0.55) 68%, rgba(245, 252, 255, 0.9) 100%),
      radial-gradient(120% 90% at 50% 0%, #d9f1ff 0%, #a9dcfa 46%, #9dd6f8 100%);
    background-color: #b9e3fb;
    color: var(--ink);
    line-height: 1.6;
    overflow-x: hidden;
    letter-spacing: 0;
  }

  .sky {
    position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;
  }
  .sky-photo {
    position: absolute; inset: 0;
    background: url('plane-sky.webp') center 30%/cover no-repeat;
    opacity: 1; mix-blend-mode: normal;
  }

  .sky-light {
    position: absolute; left: 0; width: 90px; height: 2px; border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.95), transparent);
    opacity: 0.1; animation: light-slide 14s ease-in-out infinite;
  }
  .sky-light.l1 { top: 30%; animation-delay: 0s; }
  .sky-light.l2 { top: 44%; width: 70px; animation-delay: -4.5s; opacity: 0.08; }
  .sky-light.l3 { top: 58%; width: 110px; animation-delay: -9s; opacity: 0.09; }
  @keyframes light-slide {
    0% { transform: translateX(-16vw) rotate(18deg); }
    50% { transform: translateX(52vw) rotate(-14deg); }
    100% { transform: translateX(118vw) rotate(10deg); }
  }

  .page {
    position: relative; z-index: 1;
    width: 100%; max-width: 1360px; margin: 0 auto;
    padding: 18px 4% 30px;
    display: flex; flex-direction: column; gap: 16px;
  }

  .brand-box {
    position: relative; padding: 22px 18px 42px; border-radius: 18px; text-align: center;
    background: linear-gradient(135deg, #38bdf8 0%, #2563eb 50%, #7c3aed 100%); border: 1px solid rgba(255,255,255,0.45);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 14px 36px rgba(29,78,216,0.36);
    animation: brand-breathe 4.2s ease-in-out infinite;
  }
  .brand-title {
    display: flex; align-items: center; justify-content: flex-start; gap: 18px; max-width: 100%;
    position: relative;
    font-size: clamp(32px, 5.6vw, 52px); font-weight: 900; line-height: 1.25; color: #fff;
    text-shadow: 0 1px 2px rgba(2, 20, 63, 0.45);
  }
  .brand-title .brand-text {
    position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap;
  }
  .brand-title .logo {
    position: relative; flex: none; width: clamp(96px, 12vw, 154px); height: clamp(96px, 12vw, 154px);
    display: grid; place-items: center;
  }
  .brand-title .logo svg { width: 100%; height: 100%; display: block; }
  #globeImg {
    width: 100%; height: 100%; object-fit: cover; display: block;
    animation: globe-spin 10s linear infinite;
    transform-origin: 50% 50%;
  }
  @keyframes globe-spin {
    from { transform: perspective(700px) rotateY(0deg); }
    to { transform: perspective(700px) rotateY(360deg); }
  }
  @keyframes logo-glow {
    0%, 100% { box-shadow: 0 0 0 4px rgba(125,211,252,0.3), 0 14px 34px rgba(2, 20, 63, 0.5), 0 0 26px rgba(56,189,248,0.36); }
    50% { box-shadow: 0 0 0 6px rgba(125,211,252,0.52), 0 18px 44px rgba(37,99,235,0.6), 0 0 34px rgba(56,189,248,0.56); }
  }
  .hotline {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 8px 15px; border-radius: 999px;
    color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 0.5px;
    background: linear-gradient(135deg, #f43f5e, #c81e5a);
    border: 1px solid rgba(255,255,255,0.55);
    animation: hotline-breathe 2.8s ease-in-out infinite;
  }
  .hotline .dot { width: 7px; height: 7px; border-radius: 50%; background: #fff; box-shadow: 0 0 9px #fff; animation: dot-blink 1.6s ease-in-out infinite; }
  .brand-box .hotline { position: absolute; right: 14px; bottom: 10px; }
  @keyframes dot-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
  @keyframes brand-breathe {
    0%, 100% { box-shadow: 0 5px 0 rgba(30, 58, 138, 0.9), 0 12px 32px rgba(37,99,235,0.34); }
    50% { box-shadow: 0 5px 0 rgba(30, 58, 138, 0.9), 0 16px 40px rgba(124,58,237,0.48), 0 0 26px rgba(56,189,248,0.4); }
  }
  @keyframes hotline-breathe {
    0%, 100% { box-shadow: 0 4px 0 rgba(136, 19, 55, 0.8), 0 8px 18px rgba(244, 63, 94, 0.3); }
    50% { box-shadow: 0 4px 0 rgba(136, 19, 55, 0.8), 0 12px 28px rgba(244, 63, 94, 0.55), 0 0 18px rgba(251, 113, 133, 0.55); }
  }

  .main-buttons {
    display: grid; grid-template-columns: 1fr; gap: 10px;
    width: 100%;
  }
  .main-pill-btn {
    position: relative; overflow: hidden; isolation: isolate;
    min-height: 56px; padding: 10px 14px;
    display: flex; align-items: center; justify-content: flex-start; gap: 9px;
    color: #fff; text-align: left; cursor: pointer; user-select: none;
    border: 1px solid rgba(255,255,255,0.4); border-radius: 12px;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
  }
  .main-pill-btn.blue { background: linear-gradient(135deg, #22d3ee, #2563eb); animation: breathe-blue 3.2s ease-in-out infinite; }
  .main-pill-btn.purple { background: linear-gradient(135deg, #c084fc, #7c3aed 58%, #c026d3); animation: breathe-purple 3.5s ease-in-out infinite; }
  .main-pill-btn.orange { background: linear-gradient(135deg, #fbbf24, #f97316 55%, #dc2626); animation: breathe-orange 3.8s ease-in-out infinite; }
  .main-pill-btn:hover { transform: translateY(-3px); }
  .main-pill-btn:active { transform: translateY(2px); }
  .main-pill-btn .ico { font-size: 24px; line-height: 1; flex: none; font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif; }
  .main-pill-btn .num { font-size: 13.5px; font-weight: 800; white-space: nowrap; }
  .main-pill-btn .num b { font-size: 15px; }
  .main-pill-btn .desc { font-size: 12px; color: rgba(255,255,255,0.92); white-space: nowrap; }
  @keyframes breathe-blue {
    0%, 100% { box-shadow: 0 4px 0 rgba(23, 63, 157, 0.95), 0 10px 20px rgba(37,99,235,0.34); }
    50% { box-shadow: 0 4px 0 rgba(23, 63, 157, 0.95), 0 14px 30px rgba(56,189,248,0.58), 0 0 20px rgba(56,189,248,0.5); }
  }
  @keyframes breathe-purple {
    0%, 100% { box-shadow: 0 4px 0 rgba(56, 24, 126, 0.95), 0 10px 20px rgba(124,58,237,0.34); }
    50% { box-shadow: 0 4px 0 rgba(56, 24, 126, 0.95), 0 14px 30px rgba(167,139,250,0.6), 0 0 20px rgba(167,139,250,0.52); }
  }
  @keyframes breathe-orange {
    0%, 100% { box-shadow: 0 4px 0 rgba(128, 48, 8, 0.95), 0 10px 20px rgba(234,88,12,0.34); }
    50% { box-shadow: 0 4px 0 rgba(128, 48, 8, 0.95), 0 14px 30px rgba(251,146,60,0.62), 0 0 20px rgba(251,146,60,0.5); }
  }

  .tool-section {
    display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap;
  }
  .tool-pill {
    position: relative; overflow: hidden; flex: 1 1 220px; max-width: 300px;
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    min-height: 54px; padding: 10px 20px; border-radius: 14px;
    color: #fff; font-size: 15px; font-weight: 800; cursor: pointer; user-select: none;
    border: 1px solid rgba(255,255,255,0.55);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .tool-pill:hover { transform: translateY(-2px); }
  .tool-pill .ico, .participate-btn .ico { font-size: 30px; line-height: 1; flex: none; font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif; }
  .tool-pill:active { transform: translateY(2px); }
  .panel-link {
    position: relative; overflow: hidden;
    display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    min-height: 36px; padding: 6px 14px; border-radius: 999px;
    color: #fff; font-size: 12px; font-weight: 700; cursor: pointer; user-select: none;
    border: 1px solid rgba(255,255,255,0.42);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .panel-link:hover { transform: translateY(-2px); }
  .panel-link:active { transform: translateY(2px); }
  .tool-pill.cyan { background: linear-gradient(135deg, #22d3ee, #0ea5e9 45%, #2563eb); animation: breathe-tool-cyan 3.2s ease-in-out infinite; }
  .tool-pill.red { background: linear-gradient(135deg, #fb7185, #e11d48 55%, #be123c); animation: breathe-tool-red 3.5s ease-in-out infinite; }
  .tool-pill.amber { background: linear-gradient(135deg, #fde047, #f97316 55%, #dc2626); animation: breathe-tool-amber 3.8s ease-in-out infinite; }
  @keyframes breathe-tool-cyan {
    0%, 100% { box-shadow: 0 3px 0 rgba(21, 74, 148, 0.9), 0 7px 16px rgba(14,165,233,0.3); }
    50% { box-shadow: 0 3px 0 rgba(21, 74, 148, 0.9), 0 10px 24px rgba(56,189,248,0.55), 0 0 14px rgba(56,189,248,0.42); }
  }
  @keyframes breathe-tool-red {
    0%, 100% { box-shadow: 0 3px 0 rgba(132, 18, 60, 0.9), 0 7px 16px rgba(225,29,72,0.3); }
    50% { box-shadow: 0 3px 0 rgba(132, 18, 60, 0.9), 0 10px 24px rgba(251,113,133,0.55), 0 0 14px rgba(251,113,133,0.42); }
  }
  @keyframes breathe-tool-amber {
    0%, 100% { box-shadow: 0 3px 0 rgba(130, 65, 8, 0.9), 0 7px 16px rgba(249,115,22,0.3); }
    50% { box-shadow: 0 3px 0 rgba(130, 65, 8, 0.9), 0 10px 24px rgba(251,191,36,0.55), 0 0 14px rgba(251,191,36,0.42); }
  }
  .tool-pill.blue { background: linear-gradient(135deg, #60a5fa, #2563eb 50%, #1e40af); animation: breathe-tool-blue 3.3s ease-in-out infinite; }
  .tool-pill.green { background: linear-gradient(135deg, #34d399, #059669 50%, #065f46); animation: breathe-tool-green 3.6s ease-in-out infinite; }
  .tool-pill.violet { background: linear-gradient(135deg, #a78bfa, #7c3aed 50%, #6d28d9); animation: breathe-tool-violet 3.9s ease-in-out infinite; }
  @keyframes breathe-tool-blue {
    0%, 100% { box-shadow: 0 3px 0 rgba(23, 63, 157, 0.9), 0 7px 16px rgba(37,99,235,0.3); }
    50% { box-shadow: 0 3px 0 rgba(23, 63, 157, 0.9), 0 10px 24px rgba(96,165,250,0.55), 0 0 14px rgba(96,165,250,0.42); }
  }
  @keyframes breathe-tool-green {
    0%, 100% { box-shadow: 0 3px 0 rgba(6, 78, 59, 0.9), 0 7px 16px rgba(5,150,105,0.3); }
    50% { box-shadow: 0 3px 0 rgba(6, 78, 59, 0.9), 0 10px 24px rgba(52,211,153,0.55), 0 0 14px rgba(52,211,153,0.42); }
  }
  @keyframes breathe-tool-violet {
    0%, 100% { box-shadow: 0 3px 0 rgba(76, 29, 149, 0.9), 0 7px 16px rgba(124,58,237,0.3); }
    50% { box-shadow: 0 3px 0 rgba(76, 29, 149, 0.9), 0 10px 24px rgba(167,139,250,0.55), 0 0 14px rgba(167,139,250,0.42); }
  }
  .step-list { list-style: none; counter-reset: step; }
  .step-list li { counter-increment: step; position: relative; padding: 11px 0 11px 42px; border-bottom: 1px dashed rgba(37,99,235,0.18); font-size: 14px; }
  .step-list li:last-child { border-bottom: none; }
  .step-list li::before { content: counter(step); position: absolute; left: 0; top: 11px; width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg, #38bdf8, #2563eb); color: #fff; display: grid; place-items: center; font-size: 13px; font-weight: 800; }
  .tool-modal h5 { font-size: 14px; font-weight: 800; color: var(--blue); margin: 16px 0 2px; }
  .fx-box { background: rgba(255,255,255,0.85); border: 1px solid rgba(37,99,235,0.18); border-radius: 12px; padding: 14px; margin-top: 4px; }
  .fx-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
  .fx-input { width: 110px; padding: 9px 12px; border-radius: 10px; border: 1px solid rgba(37,99,235,0.25); font-size: 15px; font-weight: 700; outline: none; }
  .fx-select { padding: 9px 10px; border-radius: 10px; border: 1px solid rgba(37,99,235,0.25); font-size: 13px; background: #fff; outline: none; }
  .fx-arrow { font-size: 18px; color: var(--blue); font-weight: 800; }
  .fx-result { margin-top: 12px; padding: 11px 14px; border-radius: 10px; background: linear-gradient(135deg, #eff6ff, #dbeafe); font-size: 16px; font-weight: 800; color: #1d4ed8; }
  .tz-table { width: 100%; border-collapse: collapse; font-size: 13px; }
  .tz-table th { text-align: left; padding: 8px 10px; color: var(--muted); border-bottom: 1px solid rgba(37,99,235,0.25); }
  .tz-table td { padding: 8px 10px; border-bottom: 1px dashed rgba(37,99,235,0.16); }
  .tz-clock { font-weight: 800; color: var(--blue); font-variant-numeric: tabular-nums; }
  .tz-diff { color: var(--ink-soft); }
  .phrase-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .phrase-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; border-radius: 10px; background: rgba(255,255,255,0.82); border: 1px solid rgba(37,99,235,0.16); font-size: 13px; }
  .phrase-en { color: var(--ink-soft); }
  .phrase-copy { flex: none; font-size: 12px; padding: 3px 11px; border: none; border-radius: 999px; background: linear-gradient(135deg, #38bdf8, #2563eb); color: #fff; font-weight: 700; cursor: pointer; }
  .mini-table { width: 100%; border-collapse: collapse; font-size: 13px; }
  .mini-table th { text-align: left; padding: 8px 10px; color: var(--muted); border-bottom: 1px solid rgba(37,99,235,0.25); }
  .mini-table td { padding: 8px 10px; border-bottom: 1px dashed rgba(37,99,235,0.16); }
  @media (max-width: 600px) { .phrase-grid { grid-template-columns: 1fr; } }

  .content-section {
    display: flex; flex-direction: column; gap: 12px;
  }
  .panel-head {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
    padding: 0 2px;
  }
  .panel-head .title {
    font-size: 15px; font-weight: 800; color: var(--ink);
    display: inline-flex; align-items: center; gap: 8px;
  }
  .panel-head .title .tag { font-size: 11px; font-weight: 700; color: var(--blue); background: rgba(56,189,248,0.16); border: 1px solid rgba(56,189,248,0.3); padding: 2px 8px; border-radius: 999px; }
  .panel-head .actions { display: flex; align-items: center; gap: 9px; }
  .panel-link { min-height: 32px; padding: 5px 13px; font-size: 12px; }
  .panel-link.ghost {
    color: var(--ink-soft); background: linear-gradient(135deg, rgba(222,241,253,0.95), rgba(235,248,255,0.92)); backdrop-filter: blur(10px);
    border: 1px solid rgba(37,99,235,0.24); box-shadow: 0 4px 12px rgba(37,99,235,0.1);
    animation: none;
  }
  .panel-link.ghost:hover { color: var(--blue); border-color: rgba(37,99,235,0.45); }
  .search-input {
    flex: 1 1 220px; max-width: 300px; min-width: 0; min-height: 34px; padding: 6px 15px;
    border-radius: 999px; border: 1px solid rgba(37,99,235,0.24); outline: none;
    color: var(--ink); font-size: 13px; font-weight: 600; background: rgba(255,255,255,0.94);
    box-shadow: 0 4px 12px rgba(37,99,235,0.1); transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  .search-input::placeholder { color: var(--muted); }
  .search-input:focus { border-color: rgba(56,189,248,0.7); box-shadow: 0 6px 18px rgba(37,99,235,0.18); }
  #backHome { display: none; }

  .content-panel {
    position: relative; overflow: hidden;
    min-height: 920px; padding: 24px;
    display: flex; align-items: center; justify-content: center;
    background: url('hero-aerial.webp') center 34%/cover no-repeat;
    background-color: #2d7fd1;
    border: 1px solid rgba(148, 197, 235, 0.55); border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 14px 36px rgba(30, 86, 148, 0.16);
  }
  .home-view {
    width: 100%; min-height: 100%;
    display: flex; align-items: center; justify-content: center;
  }
  .content-panel::before {
    content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: linear-gradient(180deg, rgba(8, 30, 68, 0.22) 0%, rgba(8, 30, 68, 0.05) 30%, rgba(8, 30, 68, 0.12) 66%, rgba(8, 30, 68, 0.52) 100%);
  }
  .content-panel > * { position: relative; z-index: 1; }
  .news-grid {
    display: grid; grid-template-columns: 1fr; gap: 14px; width: 100%;
  }
  .news-main { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 14px; min-width: 0; }
  .news-feature {
    position: relative; overflow: hidden; min-height: 560px; border-radius: 14px; color: #fff;
    background: linear-gradient(160deg, #0ea5e9, #2563eb 58%, #4f46e5);
    box-shadow: 0 14px 30px rgba(37,99,235,0.3); display: flex; flex-direction: column; justify-content: flex-end; padding: 18px;
  }
  .news-feature::before {
    content: ''; position: absolute; inset: 0; opacity: 0.45;
    background: url('hero-aerial.webp') center/cover no-repeat;
  }
  .news-feature > * { position: relative; }
  .news-feature .nf-tag {
    position: absolute; top: 14px; left: 14px; z-index: 2; font-size: 11px; font-weight: 800;
    padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,0.22); border: 1px solid rgba(255,255,255,0.4); backdrop-filter: blur(6px);
  }
  .news-feature h3 { font-size: 19px; font-weight: 800; line-height: 1.35; margin-bottom: 5px; text-shadow: 0 2px 8px rgba(0,0,0,0.25); }
  .news-feature p { font-size: 13px; color: rgba(255,255,255,0.92); max-width: 480px; }
  .news-feature .nf-meta { margin-top: 10px; font-size: 12px; color: rgba(255,255,255,0.85); }
  .news-list { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
  .news-block-title {
    display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; color: var(--ink); margin-bottom: 2px;
  }
  .news-block-title .dot {
    width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, #f43f5e, #f97316); box-shadow: 0 0 10px rgba(244,63,94,0.6);
  }
  .news-item {
    display: flex; align-items: center; gap: 11px; padding: 10px 12px; border-radius: 11px;
    background: linear-gradient(135deg, #f4faff 0%, #e6f3fd 100%); border: 1px solid rgba(37,99,235,0.16);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  }
  .news-item:hover { transform: translateX(3px); border-color: rgba(56,189,248,0.55); box-shadow: 0 8px 18px rgba(37,99,235,0.14); }
  .news-item .ni-tag {
    flex: none; font-size: 10px; font-weight: 800; padding: 3px 8px; border-radius: 999px; color: #fff;
    background: linear-gradient(135deg, #f43f5e, #e11d48);
  }
  .news-item .ni-tag.green { background: linear-gradient(135deg, #10b981, #0d9488); }
  .news-item .ni-tag.amber { background: linear-gradient(135deg, #f59e0b, #f97316); }
  .news-item .ni-title { flex: 1; min-width: 0; font-size: 13px; font-weight: 700; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .news-item .ni-meta { flex: none; font-size: 11px; color: var(--muted); }
  .notice-row {
    display: flex; align-items: center; gap: 12px;
    padding: 11px 14px; border-radius: 10px;
    background: linear-gradient(135deg, #eef8ff 0%, #dff0fe 100%); border: 1px solid rgba(37,99,235,0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  }
  .notice-row:hover { transform: translateX(3px); border-color: rgba(56,189,248,0.45); box-shadow: 0 8px 18px rgba(37,99,235,0.12); }
  .notice-tag {
    flex: none; font-size: 11px; font-weight: 800; padding: 3px 9px;
    border-radius: 999px; color: #075985; background: #bae6fd;
  }
  .notice-tag.green { color: #065f46; background: #a7f3d0; }
  .notice-tag.amber { color: #92400e; background: #fde68a; }
  .notice-title { font-size: 14px; font-weight: 700; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .notice-meta { flex: none; font-size: 12px; color: var(--muted); }
  .notice-arrow { flex: none; color: var(--blue); font-weight: 800; }

  .country-grid {
    display: none; width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 10px; align-content: flex-start;
    animation: fade-in-up 0.35s ease-out;
  }
  @keyframes fade-in-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
  .country-tag {
    position: relative; overflow: hidden;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
    min-height: 100px; padding: 14px 10px; border-radius: 18px; text-align: center;
    background: linear-gradient(135deg, #f7fbff 0%, #e6f3fd 100%); border: 1px solid rgba(37,99,235,0.2);
    font-size: 15px; font-weight: 700; line-height: 1.25; cursor: pointer; color: var(--ink);
    box-shadow: 0 6px 16px rgba(37,99,235,0.12);
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  }
  .country-tag:hover {
    transform: translateY(-3px); border-color: transparent;
    background: linear-gradient(135deg, #38bdf8, #2563eb); color: #fff;
    box-shadow: 0 10px 22px rgba(37,99,235,0.4);
  }
  .country-tag .fi { width: 56px; height: 40px; border-radius: 6px; box-shadow: 0 2px 8px rgba(37,99,235,0.22), 0 0 0 1px rgba(37,99,235,0.2); }
  .no-result { display: none; width: 100%; padding: 42px 0; text-align: center; color: var(--muted); font-size: 14px; }
  .participate-section {
    display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px;
    width: 100%; padding: 18px 24px; border-radius: 16px;
    background: linear-gradient(135deg, rgba(8, 34, 74, 0.34) 0%, rgba(8, 34, 74, 0.18) 100%);
    backdrop-filter: blur(12px) saturate(160%);
    border: 1px solid rgba(255,255,255,0.42);
    box-shadow: 0 12px 34px rgba(8, 30, 68, 0.22);
    animation: participate-float 5s ease-in-out infinite;
  }
  .participate-title { display: inline-flex; align-items: center; gap: 9px; font-size: 16px; font-weight: 800; color: #fff; text-shadow: 0 2px 8px rgba(8, 30, 68, 0.45); }
  .participate-title .dot { width: 9px; height: 9px; border-radius: 50%; background: linear-gradient(135deg, #f43f5e, #f97316); box-shadow: 0 0 10px rgba(244,63,94,0.6); }
  .participate-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
  .participate-btn {
    display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 7px 16px;
    border-radius: 999px; border: 1px solid rgba(255,255,255,0.5); color: #fff; font-size: 13px; font-weight: 800;
    cursor: pointer; user-select: none; transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .participate-btn.pink { background: linear-gradient(135deg, #fb7185, #e11d48); box-shadow: 0 3px 0 #881337, 0 8px 18px rgba(225,29,72,0.3); }
  .participate-btn.violet { background: linear-gradient(135deg, #a78bfa, #7c3aed); box-shadow: 0 3px 0 #4c1d95, 0 8px 18px rgba(124,58,237,0.3); }
  .participate-btn.cyan { background: linear-gradient(135deg, #38bdf8, #2563eb); box-shadow: 0 3px 0 #1e3a8a, 0 8px 18px rgba(37,99,235,0.3); }
  .participate-btn:hover { transform: translateY(-2px); }
  .participate-btn:active { transform: translateY(2px); }
  footer {
    text-align: center; padding: 14px 4% 10px; margin-top: 6px; line-height: 1.9;
    font-size: 12px; color: var(--ink-soft); border-top: 1px dashed rgba(37,99,235,0.18);
  }
  footer a { color: var(--blue); text-decoration: none; }
  #copyToast {
    position: fixed; left: 50%; bottom: calc(120px + env(safe-area-inset-bottom));
    transform: translateX(-50%); background: rgba(15,23,42,0.92); color: #fff;
    font-size: 12.5px; padding: 8px 16px; border-radius: 999px; white-space: nowrap;
    z-index: 1200; opacity: 0; transition: opacity .18s; pointer-events: none;
  }
  #copyToast.on { opacity: 1; }

  .modal-mask {
    position: fixed; inset: 0; z-index: 200;
    display: none; align-items: center; justify-content: center;
    background: rgba(9, 45, 84, 0.42); backdrop-filter: blur(8px);
  }
  .modal-mask.show { display: flex; animation: mask-in 0.22s ease-out; }
  @keyframes mask-in { from { opacity: 0; } to { opacity: 1; } }
  .modal-card {
    width: 520px; max-width: 92%; max-height: 84vh; overflow-y: auto;
    position: relative; padding: 26px;
    background: linear-gradient(160deg, #e9f6ff 0%, #f6fbff 100%); border: 1px solid rgba(148,197,235,0.55);
    border-radius: 16px; color: var(--ink);
    box-shadow: 0 24px 60px rgba(9, 45, 84, 0.28);
    animation: card-in 0.28s ease-out;
  }
  @keyframes card-in { from { opacity: 0; transform: translateY(18px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
  .modal-close {     position: absolute; top: 16px; right: 16px; width: 34px; height: 34px;     display: grid; place-items: center; font-size: 20px; font-weight: 700; color: #b91c1c; cursor: pointer;     background: #ffffff; border: 1px solid rgba(220,38,38,0.45); border-radius: 50%;     box-shadow: 0 2px 10px rgba(9,45,84,0.20); transition: transform 0.15s ease;   }
  .modal-close:hover { background: rgba(37,99,235,0.1); color: var(--blue); }
  #countryModal > .modal-card, #toolModal > .modal-card, #bottomModal > .modal-card { padding-top: 62px; }
  .modal-back {     position: absolute; top: 14px; left: 14px; z-index: 5;     display: inline-flex; align-items: center; gap: 3px;     min-width: 40px; min-height: 30px; padding: 2px 11px;     font-size: 16px; font-weight: 700; line-height: 1; color: #2563eb;     background: rgba(37,99,235,0.10); border: 1px solid rgba(37,99,235,0.30);     border-radius: 999px; cursor: pointer; user-select: none;   }
  .modal-header { display: flex; align-items: center; gap: 13px; padding-bottom: 14px; border-bottom: 1px solid rgba(37,99,235,0.15); margin-bottom: 18px; }
  .modal-header .fi { width: 40px; height: 30px; border-radius: 4px; box-shadow: 0 2px 8px rgba(37,99,235,0.2), 0 0 0 1px rgba(37,99,235,0.18); }
  .modal-header h3 { font-size: 21px; font-weight: 800; }
  .modal-header .modal-flag-name { font-size: 12px; color: var(--muted); }
  .info-row { display: flex; gap: 12px; margin-bottom: 14px; font-size: 14px; }
  .info-label { min-width: 80px; color: var(--muted); flex: none; }
  .info-value { font-weight: 600; }
  .info-value.highlight { color: var(--blue); font-size: 16px; font-weight: 800; }
  .modal-footer { margin-top: 18px; padding-top: 13px; border-top: 1px solid rgba(37,99,235,0.15); font-size: 12px; color: var(--muted); }

  .share-modal { width: 560px; }
  .share-modal h4 { font-size: 18px; font-weight: 800; margin-bottom: 14px; }
  .share-form { display: flex; flex-direction: column; gap: 12px; }
  .share-input, .share-textarea {
    width: 100%; padding: 11px 14px; border-radius: 12px; outline: none;
    border: 1px solid rgba(37,99,235,0.22); color: var(--ink); font-size: 14px;
    background: rgba(255,255,255,0.94); box-shadow: 0 4px 12px rgba(37,99,235,0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  .share-input:focus, .share-textarea:focus { border-color: rgba(56,189,248,0.7); box-shadow: 0 6px 18px rgba(37,99,235,0.16); }
  .share-textarea { min-height: 140px; resize: vertical; }
  .share-form-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .share-submit {
    min-height: 40px; padding: 0 24px; border: none; border-radius: 999px;
    color: #fff; font-size: 14px; font-weight: 800; cursor: pointer;
    background: linear-gradient(135deg, #f43f5e, #e11d48); box-shadow: 0 3px 0 #881337, 0 8px 18px rgba(225,29,72,0.28);
  }
  .share-submit:hover { transform: translateY(-2px); }
  .share-success { display: none; font-size: 13px; font-weight: 700; color: #047857; }
  .share-records { margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(37,99,235,0.15); }
  .share-records-title { font-size: 14px; font-weight: 800; color: var(--ink); margin-bottom: 10px; }
  .share-empty { padding: 22px 0; text-align: center; font-size: 13px; color: var(--muted); }
  .share-card { padding: 12px 14px; border-radius: 12px; margin-bottom: 10px; background: linear-gradient(135deg, #f4faff, #e6f3fd); border: 1px solid rgba(37,99,235,0.16); }
  .share-card-title { font-size: 14px; font-weight: 800; color: var(--ink); margin-bottom: 4px; }
  .share-card-text { font-size: 13px; color: var(--ink-soft); line-height: 1.7; }

  .tool-modal { width: 620px; }
  .tool-modal h4 { font-size: 18px; font-weight: 800; margin-bottom: 14px; }
  .tool-list { list-style: none; }
  .tool-list li { padding: 10px 0; border-bottom: 1px dashed rgba(37,99,235,0.18); font-size: 14px; }
  .tool-list li:last-child { border-bottom: none; }
  .tool-list strong { color: var(--blue); }
  .tip-box { margin-top: 14px; padding: 12px 15px; border-radius: 10px; font-size: 13px; }
  .tip-box.blue { background: #eff6ff; border-left: 3px solid #3b82f6; color: #1d4ed8; }
  .tip-box.red { background: #fff1f2; border-left: 3px solid #e11d48; color: #be123c; }
  .tip-box.amber { background: #fffbeb; border-left: 3px solid #f59e0b; color: #b45309; }
  .official-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
  .official-link {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 10px 15px; border-radius: 12px; text-decoration: none;
    color: #fff; font-size: 13px; font-weight: 800; line-height: 1.4;
    border: 1px solid rgba(255,255,255,0.5);
    box-shadow: 0 3px 0 rgba(15, 23, 42, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .official-link:hover { transform: translateY(-2px); box-shadow: 0 5px 0 rgba(15, 23, 42, 0.2), 0 8px 18px rgba(2, 20, 63, 0.25); }
  .official-link.blue { background: linear-gradient(135deg, #38bdf8, #2563eb); }
  .official-link.red { background: linear-gradient(135deg, #fb7185, #e11d48); }
  .official-link.violet { background: linear-gradient(135deg, #a78bfa, #7c3aed); }
  .official-link.green { background: linear-gradient(135deg, #34d399, #059669); }
  .official-link.orange { background: linear-gradient(135deg, #fbbf24, #f97316); }
  .copy-btn {
    margin-top: 16px; float: right; padding: 7px 16px;
    background: linear-gradient(135deg, #38bdf8, #2563eb); color: #fff;
    border: none; border-radius: 999px; font-size: 12px; font-weight: 700; cursor: pointer;
    box-shadow: 0 3px 0 #1d4ed8, 0 7px 16px rgba(37,99,235,0.35);
    transition: transform 0.2s ease;
  }
  .copy-btn:hover { transform: translateY(-2px); }
  .copy-btn:active { transform: translateY(2px); }
  .ripple {
    position: absolute; border-radius: 50%; pointer-events: none; z-index: 2;
    background: radial-gradient(circle, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 70%);
    transform: scale(0); animation: ripple-pop 0.55s ease-out forwards;
  }
  @keyframes ripple-pop {
    to { transform: scale(3.2); opacity: 0; }
  }

  @media (max-width: 768px) {
    .page { padding: 12px 4% 22px; gap: 12px; }
    .news-grid { grid-template-columns: 1fr; }
    .news-feature { min-height: 220px; }
    .brand-box { padding: 16px 12px 38px; }
    .brand-title { font-size: clamp(23px, 6.6vw, 29px); gap: 8px; justify-content: center; }
    .brand-title .brand-text { position: static; transform: none; }
    .brand-title .logo { width: 82px; height: 82px; }
    .brand-box .hotline { right: 8px; bottom: 8px; font-size: 10px; padding: 6px 10px; }
    .main-buttons { grid-template-columns: 1fr; gap: 10px; }
    .main-pill-btn { min-height: 48px; padding: 7px 14px; }
    .main-pill-btn .num { font-size: 13.5px; }
    .main-pill-btn .num b { font-size: 15px; }
    .main-pill-btn .desc { font-size: 12px; }
    .content-panel { padding: 16px; min-height: 640px; }
    .participate-section { width: 100%; padding: 18px 14px; }
    .participate-actions { flex-direction: column; width: 100%; }
    .participate-btn { justify-content: center; width: 100%; }
    .panel-head { flex-direction: column; align-items: flex-start; }
    .panel-head .actions { width: 100%; flex-wrap: wrap; }
    .notice-row { flex-wrap: wrap; }
    .notice-title { white-space: normal; }
    .notice-meta { width: 100%; }
    .tool-pill { flex: 1 1 100%; }
    .news-main { grid-template-columns: 1fr; }
  }

  @keyframes participate-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
  }
  a.hotline { text-decoration: none; cursor: pointer; }

  .info-banner {
    position: relative; overflow: hidden; border-radius: 18px; height: 200px; margin-bottom: 14px;
    display: flex; align-items: flex-end;
    background-color: #2d7fd1;
    border: 1px solid rgba(255,255,255,0.55);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 14px 32px rgba(29,78,216,0.22);
  }
  .info-banner-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 36%; display: block; }
  .info-banner::before {
    content: ''; position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(180deg, rgba(8,30,68,0.05) 0%, rgba(8,30,68,0.16) 55%, rgba(8,30,68,0.62) 100%);
  }
  .info-banner-text { position: relative; z-index: 2; padding: 16px 22px 18px; color: #fff; }
  .info-banner-tag {
    display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: 1px; color: #dff1ff;
    background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.35);
    padding: 3px 10px; border-radius: 999px; margin-bottom: 8px; backdrop-filter: blur(6px);
  }
  .info-banner-title { font-size: 27px; font-weight: 900; line-height: 1.2; text-shadow: 0 2px 10px rgba(2,20,63,0.45); }
  .info-banner-sub { font-size: 13px; color: rgba(255,255,255,0.94); margin-top: 4px; text-shadow: 0 1px 6px rgba(2,20,63,0.4); }
  @media (max-width: 600px) {
    .info-banner { height: 150px; }
    .info-banner-title { font-size: 21px; }
    .info-banner-sub { font-size: 12px; }
  }
  
  /* ===== 资讯首页内容块 v2（彩色动感版） ===== */
  .info-home { width: 100%; display: flex; flex-direction: column; gap: 14px; }
  .info-block-title { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 800; color: #fff; text-shadow: 0 1px 4px rgba(15,60,120,0.35); }
  .info-block-sub { font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.88); }
  .info-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
  .info-dot.cyan { background: #22d3ee; box-shadow: 0 0 8px rgba(34,211,238,0.7); }
  .info-dot.orange { background: #fb923c; box-shadow: 0 0 8px rgba(251,146,60,0.7); }
  .info-dot.pink { background: #f472b6; box-shadow: 0 0 8px rgba(244,114,182,0.7); }
  .reminder-bar { position: relative; overflow: hidden; display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 14px; background: linear-gradient(135deg, #0ea5e9, #2563eb); border: 1px solid rgba(255,255,255,0.5); color: #fff; box-shadow: 0 10px 24px rgba(30,80,160,0.25); animation: fade-in-up 0.45s ease-out both; }
  .reminder-bar::after { content: ''; position: absolute; top: 0; bottom: 0; width: 60px; background: linear-gradient(105deg, transparent, rgba(255,255,255,0.35), transparent); animation: bar-shine 3.2s ease-in-out infinite; }
  @keyframes bar-shine { 0% { left: -80px; } 60%, 100% { left: 110%; } }
  .reminder-ico { font-size: 22px; flex-shrink: 0; }
  .reminder-text { display: flex; flex-direction: column; gap: 2px; font-size: 12px; line-height: 1.5; }
  .reminder-text b { font-size: 14px; }
  .dest-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .dest-card { position: relative; overflow: hidden; display: flex; align-items: center; gap: 10px; padding: 13px 14px; border-radius: 14px; color: #fff; cursor: pointer; border: 1px solid rgba(255,255,255,0.55); box-shadow: 0 8px 20px rgba(20,70,130,0.18); transition: transform 0.22s ease, box-shadow 0.22s ease; animation: fade-in-up 0.45s ease-out both; animation-delay: calc(var(--i, 0) * 60ms); }
  .dest-card:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 14px 28px rgba(20,70,130,0.28); }
  .dest-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,0.28) 50%, transparent 60%); transform: translateX(-120%); transition: transform 0.6s ease; pointer-events: none; }
  .dest-card:hover::after { transform: translateX(120%); }
  .dest-card.d-cyan { background: linear-gradient(135deg, #22d3ee, #0ea5e9 45%, #2563eb); }
  .dest-card.d-red { background: linear-gradient(135deg, #fb7185, #e11d48 55%, #be123c); }
  .dest-card.d-amber { background: linear-gradient(135deg, #fbbf24, #f97316 55%, #dc2626); }
  .dest-card.d-blue { background: linear-gradient(135deg, #60a5fa, #2563eb 50%, #1e40af); }
  .dest-card.d-green { background: linear-gradient(135deg, #34d399, #059669 50%, #065f46); }
  .dest-card.d-violet { background: linear-gradient(135deg, #a78bfa, #7c3aed 50%, #6d28d9); }
  .dest-flag { font-size: 0; width: 40px; height: 30px; border-radius: 5px; box-shadow: 0 2px 8px rgba(0,0,0,0.3); background-color: rgba(255,255,255,0.22); flex-shrink: 0; }
  .dest-info { flex: 1; min-width: 0; }
  .dest-name { font-size: 14.5px; font-weight: 800; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.25); }
  .dest-meta { font-size: 11px; color: rgba(255,255,255,0.92); margin-top: 2px; }
  .dest-arrow { color: rgba(255,255,255,0.95); font-size: 18px; font-weight: 800; transition: transform 0.2s ease; }
  .dest-card:hover .dest-arrow { transform: translateX(3px); }
  .quick-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
  .quick-item { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 11px 10px; border-radius: 12px; color: #fff; font-size: 12.5px; font-weight: 700; border: 1px solid rgba(255,255,255,0.5); box-shadow: 0 6px 16px rgba(20,70,130,0.16); cursor: pointer; transition: transform 0.22s ease, box-shadow 0.22s ease; animation: fade-in-up 0.45s ease-out both; animation-delay: calc(var(--i, 0) * 50ms); }
  .quick-item:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(20,70,130,0.24); }
  .quick-item.q-cyan { background: linear-gradient(135deg, #22d3ee, #0ea5e9 45%, #2563eb); }
  .quick-item.q-red { background: linear-gradient(135deg, #fb7185, #e11d48 55%, #be123c); }
  .quick-item.q-amber { background: linear-gradient(135deg, #fbbf24, #f97316 55%, #dc2626); }
  .quick-item.q-blue { background: linear-gradient(135deg, #60a5fa, #2563eb 50%, #1e40af); }
  .quick-item.q-green { background: linear-gradient(135deg, #34d399, #059669 50%, #065f46); }
  .quick-item.q-violet { background: linear-gradient(135deg, #a78bfa, #7c3aed 50%, #6d28d9); }
  .q-ico { font-size: 17px; }
  .share-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .share-card { display: flex; gap: 10px; padding: 12px 14px; border-radius: 14px; box-shadow: 0 8px 20px rgba(20,70,130,0.14); transition: transform 0.22s ease, box-shadow 0.22s ease; animation: fade-in-up 0.45s ease-out both; animation-delay: calc(var(--i, 0) * 70ms); }
  .share-card:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(20,70,130,0.22); }
  .share-card.s-pink { background: linear-gradient(135deg, rgba(255,241,246,0.97), rgba(255,228,240,0.95)); border: 1px solid rgba(244,114,182,0.35); }
  .share-card.s-cyan { background: linear-gradient(135deg, rgba(236,254,255,0.97), rgba(224,247,255,0.95)); border: 1px solid rgba(34,211,238,0.35); }
  .share-card.s-amber { background: linear-gradient(135deg, rgba(255,251,235,0.97), rgba(255,244,220,0.95)); border: 1px solid rgba(251,146,60,0.35); }
  .share-avatar { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; color: #fff; }
  .share-avatar.a-pink { background: linear-gradient(135deg, #f472b6, #db2777); }
  .share-avatar.a-cyan { background: linear-gradient(135deg, #22d3ee, #0284c7); }
  .share-avatar.a-amber { background: linear-gradient(135deg, #fbbf24, #ea580c); }
  .share-body { font-size: 12px; color: #475569; line-height: 1.55; }
  .share-body b { display: block; font-size: 13px; color: var(--ink); margin-bottom: 3px; }
  @media (max-width: 640px) { .dest-grid, .share-grid { grid-template-columns: repeat(2, 1fr); } .quick-grid { grid-template-columns: repeat(2, 1fr); } }

  .fx-swap { width: 38px; height: 38px; border: none; border-radius: 50%; cursor: pointer; color: #fff; font-size: 18px; font-weight: 800; background: linear-gradient(135deg, #22d3ee, #2563eb); box-shadow: 0 4px 12px rgba(37,99,235,0.3); transition: transform 0.2s ease, box-shadow 0.2s ease; flex-shrink: 0; }
  .fx-swap:hover { transform: rotate(180deg); box-shadow: 0 6px 16px rgba(37,99,235,0.4); }
  .fx-rate-note { margin-top: 8px; font-size: 12px; color: #64748b; }

  .tz-date { font-size: 12px; color: var(--muted); margin-bottom: 2px; }

  /* ===== App 版外壳 ===== */
  .app { max-width: 480px; margin: 0 auto; min-height: 100vh; position: relative; padding-bottom: 24px; }
  @media (min-width: 640px) { .app { box-shadow: 0 0 50px rgba(20,70,130,0.2); } }
  .app-logo { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: rgba(255,255,255,0.25); flex: none; }
  .app-logo img { width: 100%; height: 100%; object-fit: cover; }
  .app-note { text-align: center; font-size: 11px; color: #64748b; padding: 8px 12px 0; line-height: 1.5; }
  .app-header { position: sticky; top: 0; z-index: 25; display: flex; align-items: center; gap: 10px; padding: calc(10px + env(safe-area-inset-top)) 14px 10px; background: linear-gradient(135deg, #38bdf8, #2563eb 55%, #7c3aed); color: #fff; border-bottom: 1px solid rgba(255,255,255,0.35); box-shadow: 0 6px 18px rgba(29,78,216,0.25); }

  .app-header b { font-size: 16px; font-weight: 800; display: block; line-height: 1.3; }
  .app-header small { font-size: 10.5px; opacity: 0.92; }
  .tab-panel { display: none; padding: 12px 14px 24px; }
  .tab-panel.active { display: block; animation: fade-in-up 0.25s ease-out; }

  .app-hero { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 14px; border-radius: 16px; background: linear-gradient(135deg, #38bdf8, #2563eb 55%, #7c3aed); color: #fff; box-shadow: 0 10px 24px rgba(29,78,216,0.28); overflow: hidden; }
  .app-hero::after { content: ''; position: absolute; top: -40px; right: -30px; width: 120px; height: 120px; border-radius: 50%; background: rgba(255,255,255,0.14); }
  .app-hero-text b { font-size: 16px; display: block; }
  .app-hero-text span { font-size: 11px; opacity: 0.92; }
  .app-hero .hotline { position: static; margin-left: auto; flex: none; font-size: 11px; padding: 7px 12px; }
  .search-input { width: 100%; margin: 12px 0 10px; padding: 11px 14px; border-radius: 12px; border: 1px solid rgba(37,99,235,0.25); font-size: 14px; outline: none; background: rgba(255,255,255,0.96); }
  .panel-title { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 800; color: var(--ink); margin: 6px 0 12px; }
  .app .main-buttons { grid-template-columns: 1fr; gap: 8px; }
  .app .main-pill-btn { min-height: 62px; padding: 8px 4px; flex-direction: column; text-align: center; gap: 2px; }
  .app .main-pill-btn .desc { font-size: 9.5px; }
  .app .tool-section { gap: 9px; }
  .app .tool-pill { padding: 11px 8px; font-size: 12px; gap: 5px; }
  .app-tip { text-align: center; font-size: 11.5px; color: var(--muted); padding: 4px 0 2px; }
  .app .info-block-title { color: var(--ink); text-shadow: none; }
  .app .info-block-sub { color: var(--muted); }
  .app .info-banner { height: 140px; }
  #backHome { margin: 10px 0; align-self: flex-start; }
  /* 二级页面（列表页） */
  .page-view {
    position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
    max-width: 480px; width: 100%; height: 100%;
    background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%);
    z-index: 100;
    display: flex; flex-direction: column;
    transform: translateX(105%);
    visibility: hidden;
    transition: transform 0.28s ease-out, visibility 0.28s;
    box-shadow: 0 0 40px rgba(20, 70, 130, 0.18);
  }
  .page-view.open { transform: translateX(0); visibility: visible; }
  .page-top {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 14px;
    background: linear-gradient(135deg, #1d4ed8, #2563eb);
    color: #fff; flex: none;
  }
  .page-top b { flex: 1; font-size: 16px; font-weight: 700; text-align: center; }
  .page-back {     display: inline-flex; align-items: center; justify-content: center; gap: 4px;     min-width: 52px; min-height: 36px; padding: 4px 14px;     font-size: 17px; font-weight: 800; line-height: 1; cursor: pointer; user-select: none;     color: #1d4ed8; background: #ffffff; border: 1px solid rgba(255,255,255,0.85); border-radius: 999px;     box-shadow: 0 2px 8px rgba(9,45,84,0.25);     transition: transform 0.15s ease, box-shadow 0.15s ease;   }
  .page-back:active { background: rgba(37,99,235,0.22); }
  .page-top-space { width: 30px; flex: none; }
  .page-body { flex: 1; overflow-y: auto; padding: 12px 14px 24px; }
  .page-search { width: 100%; max-width: none; margin-bottom: 12px; }
  .quick-tools { margin-top: 2px; }
  .qt-title { font-size: 13px; font-weight: 700; color: var(--blue); margin: 2px 0 8px; }
  .qt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .qt-item {
    background: #fff; border: 1px solid rgba(148, 197, 235, 0.4);
    border-radius: 12px; padding: 10px 4px; text-align: center;
    font-size: 12px; color: #123b66; box-shadow: 0 1px 3px rgba(20, 70, 130, 0.08);
  }
  .qt-item span { display: block; font-size: 20px; margin-bottom: 4px; }
  /* 工具详情：全屏二级页 */
  .modal-mask.page-modal { align-items: stretch; padding: 0; }
  .modal-mask.page-modal .modal-card {
    width: 100%; max-width: 480px; margin: 0 auto;
    max-height: 100vh; height: 100vh; border-radius: 0;
    border: none; display: flex; flex-direction: column; padding: 0;
  }
  .modal-mask.page-modal .modal-card h4 {
    flex: none; margin: 0; padding: 14px 46px 14px 16px;
    background: linear-gradient(135deg, #1d4ed8, #2563eb);
    color: #fff; font-size: 16px; border-radius: 0;
  }
  .modal-mask.page-modal #toolContent { flex: 1; overflow-y: auto; padding: 14px 16px 12px; }
  .modal-mask.page-modal .modal-close { color: #fff; background: rgba(255, 255, 255, 0.22); }
  /* 首页/工具页：4 列紧凑工具网格 */
  .tool-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; align-items: stretch; width: 100%; }
  .tool-grid .tool-pill { flex: none; max-width: none; width: 100%; min-height: 68px; padding: 10px 4px; flex-direction: column; gap: 5px; font-size: 11px; border-radius: 14px; text-align: center; }
  .tool-grid .tool-pill .ico { font-size: 24px; }
  .home-section-title { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 800; color: var(--ink); margin: 4px 0 2px; }
  .home-section-title .bar { width: 4px; height: 1.2em; border-radius: 2px; background: linear-gradient(180deg, #2563eb, #38bdf8); }
  .home-actions { flex-wrap: nowrap; gap: 6px; }
  .home-actions .participate-btn { flex: 1 1 0; justify-content: center; min-height: 34px; padding: 6px 8px; gap: 4px; font-size: 11px; }
  .home-actions .participate-btn .ico { font-size: 16px; }
  .app-header b { font-size: 15px; white-space: nowrap; }
  .app-logo { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: rgba(255,255,255,0.25); flex: none; }
  .app-logo img { width: 100%; height: 100%; object-fit: cover; }
  .app-note { text-align: center; font-size: 11px; color: #64748b; padding: 8px 12px 0; line-height: 1.5; }
  .app-header { justify-content: center; text-align: center; }
  .home-info .share-card { padding: 16px 18px; border-radius: 16px; margin-bottom: 12px; }
  .home-info .share-avatar { width: 46px; height: 46px; font-size: 21px; }
  .home-info .share-body { font-size: 14px; line-height: 1.65; }
  .home-actions .participate-btn { color: #fff; border: none; box-shadow: 0 2px 8px rgba(20,70,130,0.25); }
  .home-actions .participate-btn.pink { background: linear-gradient(135deg, #fb7185, #e11d48); }
  .home-actions .participate-btn.violet { background: linear-gradient(135deg, #a78bfa, #7c3aed); }
  .home-actions .participate-btn.cyan { background: linear-gradient(135deg, #38bdf8, #2563eb); }
    .h-bars { display: flex; flex-direction: column; gap: 10px; }
  .h-bar {
    display: flex; align-items: center; gap: 12px;
    padding: 14px 15px; border-radius: 14px;
    background: linear-gradient(135deg, #f4faff, #e6f3fd);
    border: 1.5px dashed rgba(37,99,235,0.45);
    cursor: pointer; user-select: none;
    transition: transform 0.15s ease;
  }
  .h-bar:active { transform: scale(0.98); }
  .h-bar .b-ico { font-size: 25px; line-height: 1; flex: none; }
  .h-bar .b-body { flex: 1; min-width: 0; }
  .h-bar .b-name { font-size: 14.5px; font-weight: 800; color: var(--ink); }
  .h-bar .b-sub { font-size: 11px; color: var(--ink-soft); margin-top: 2px; }
  .h-bar .b-tag { font-size: 10px; font-weight: 700; color: #2563eb; background: rgba(37,99,235,0.10); border-radius: 999px; padding: 2px 8px; flex: none; }
  .h-bar .b-arrow { font-size: 20px; color: #2563eb; font-weight: 700; flex: none; }
  .app-header { position: relative; }
  .app-header .app-logo { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); }
  .app-header b { font-size: 17px; }
  .page-note { text-align: center; font-size: 12.5px; color: var(--ink-soft); padding: 30px 18px; line-height: 1.9; }
  .share-page-actions { text-align: center; margin: 0 0 14px; }
  .share-page-actions .share-submit { display: inline-block; }
  .share-empty { text-align: center; font-size: 12px; color: var(--muted); padding: 22px 10px; }

  /* ===== v1.1：分享横幅 / 行前清单 / 目的地速查卡 ===== */
  .app-cta {
    display: flex; align-items: center; gap: 12px; width: 100%;
    padding: 13px 15px; border-radius: 16px; cursor: pointer; user-select: none;
    background: linear-gradient(135deg, #0ea5e9, #2563eb 55%, #7c3aed);
    color: #fff; border: 1px solid rgba(255,255,255,0.42);
    box-shadow: 0 10px 24px rgba(29,78,216,0.30);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .app-cta:active { transform: scale(0.985); }
  .app-cta .cta-ico { font-size: 32px; flex: none; line-height: 1; }
  .app-cta .cta-body { flex: 1; min-width: 0; }
  .app-cta .cta-title { font-size: 14.5px; font-weight: 800; }
  .app-cta .cta-sub { font-size: 11px; opacity: 0.94; margin-top: 2px; line-height: 1.5; }
  .app-cta .cta-arrow { font-size: 22px; flex: none; font-weight: 800; }

  .check-head { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
  .check-progress { height: 12px; border-radius: 999px; background: rgba(37,99,235,0.14); overflow: hidden; }
  .check-progress i { display: block; height: 100%; width: 0%; border-radius: 999px; background: linear-gradient(90deg, #34d399, #059669); transition: width 0.3s ease; }
  .check-stat { font-size: 13px; font-weight: 700; color: var(--blue); text-align: right; }
  .check-group { margin-bottom: 14px; }
  .check-group-title { display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 800; color: var(--ink); margin: 4px 0 8px; }
  .check-group-title small { color: var(--muted); font-weight: 600; }
  .check-item {
    position: relative; overflow: hidden; display: flex; align-items: flex-start; gap: 10px;
    padding: 11px 12px; margin-bottom: 8px; border-radius: 12px;
    background: rgba(255,255,255,0.88); border: 1px solid rgba(37,99,235,0.16);
    cursor: pointer; user-select: none; transition: transform 0.15s ease, border-color 0.15s ease;
  }
  .check-item:active { transform: scale(0.985); }
  .check-box {
    flex: none; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%;
    border: 2px solid #94a3b8; display: grid; place-items: center; font-size: 12px; color: #fff;
    transition: all 0.18s ease; background: transparent;
  }
  .check-item.on .check-box { background: linear-gradient(135deg, #34d399, #059669); border-color: #059669; }
  .check-item .check-txt { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 600; color: var(--ink); }
  .check-item .check-tip { font-size: 11.5px; color: var(--muted); font-weight: 400; margin-top: 1px; line-height: 1.45; }
  .check-item.on .check-txt { text-decoration: line-through; color: var(--muted); }
  .check-actions { display: flex; gap: 10px; margin-top: 4px; }
  .check-btn {
    flex: 1; min-height: 40px; border: none; border-radius: 999px; color: #fff;
    font-size: 13px; font-weight: 800; cursor: pointer;
    box-shadow: 0 3px 0 rgba(15, 23, 42, 0.18);
  }
  .check-btn.all { background: linear-gradient(135deg, #34d399, #059669); }
  .check-btn.clear { background: linear-gradient(135deg, #94a3b8, #64748b); }

  .qc-intro { font-size: 13px; color: var(--ink-soft); margin-bottom: 10px; line-height: 1.6; }
  .qc-search { width: 100%; padding: 10px 14px; border-radius: 12px; border: 1px solid rgba(37,99,235,0.22); outline: none; font-size: 14px; background: rgba(255,255,255,0.95); margin-bottom: 10px; }
  .qc-tags { display: flex; flex-wrap: wrap; gap: 8px; }
  .qc-tag {
    display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 999px;
    background: rgba(255,255,255,0.92); border: 1px solid rgba(37,99,235,0.18); color: var(--ink);
    font-size: 12.5px; font-weight: 700; cursor: pointer; transition: all 0.15s ease; user-select: none;
  }
  .qc-tag:active { transform: scale(0.96); }
  .qc-tag.sel { background: linear-gradient(135deg, #38bdf8, #2563eb); color: #fff; border-color: transparent; }
  .qc-tag .fi { width: 22px; height: 16px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(37,99,235,0.2); }
  .qc-empty { text-align: center; color: var(--muted); font-size: 13px; padding: 22px 0; }
  .qc-card {
    margin-top: 2px; padding: 15px 16px; border-radius: 16px;
    background: linear-gradient(160deg, #f4faff, #e9f3fd); border: 1px solid rgba(37,99,235,0.2);
    box-shadow: 0 10px 26px rgba(29,78,216,0.12);
  }
  .qc-card-head { display: flex; align-items: center; gap: 12px; padding-bottom: 11px; margin-bottom: 8px; border-bottom: 1px solid rgba(37,99,235,0.16); }
  .qc-card-head .fi { width: 46px; height: 34px; border-radius: 5px; box-shadow: 0 2px 8px rgba(37,99,235,0.25); }
  .qc-card-head b { font-size: 19px; }
  .qc-card-head small { font-size: 12px; color: var(--muted); font-weight: 600; }
  .qc-row { display: flex; gap: 12px; padding: 8px 0; border-bottom: 1px dashed rgba(37,99,235,0.14); font-size: 13.5px; }
  .qc-row:last-of-type { border-bottom: none; }
  .qc-row .k { flex: none; width: 76px; color: var(--muted); }
  .qc-row .v { flex: 1; font-weight: 600; line-height: 1.5; }
  .qc-foot { margin-top: 10px; padding-top: 9px; border-top: 1px dashed rgba(37,99,235,0.2); font-size: 11.5px; color: var(--muted); line-height: 1.6; }
  .qc-country-btn { display: inline-block; margin: 2px 0 6px auto; border: 1px solid rgba(37,99,235,0.4); color: #2563eb; background: #fff; border-radius: 999px; padding: 6px 15px; font-size: 12.5px; font-weight: 700; cursor: pointer; }

  .dl-card { margin-bottom: 12px; padding: 13px 15px; border-radius: 14px; background: rgba(255,255,255,0.92); border: 1px solid rgba(37,99,235,0.16); }
  .dl-card h5 { font-size: 23px; font-weight: 900; color: var(--ink); margin-bottom: 10px; line-height: 1.35; }
  .dl-steps { list-style: none; counter-reset: dl; }
  .dl-steps li { counter-increment: dl; position: relative; padding: 10px 0 10px 42px; font-size: 19px; font-weight: 700; color: var(--ink-soft); line-height: 1.65; }
  .dl-steps li::before { content: counter(dl); position: absolute; left: 0; top: 10px; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #38bdf8, #2563eb); color: #fff; display: grid; place-items: center; font-size: 17px; font-weight: 900; }
  .dl-link {
    display: block; margin-top: 12px; text-align: center; padding: 16px 12px; border-radius: 12px;
    background: linear-gradient(135deg, #34d399, #059669); color: #fff; font-size: 22px; font-weight: 900;
    border: none; cursor: pointer; width: 100%;
    box-shadow: 0 3px 0 rgba(6, 78, 59, 0.5);
  }
  .dl-link.blue { background: linear-gradient(135deg, #38bdf8, #2563eb); box-shadow: 0 3px 0 #1e3a8a; }
  .dl-link.gray { background: linear-gradient(135deg, #94a3b8, #64748b); box-shadow: 0 3px 0 #334155; }
  .dl-pending { margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: #fffbeb; border: 1px dashed #f59e0b; color: #b45309; font-size: 12.5px; line-height: 1.6; }

  /* ===== v1.2：版式修正（主次分明 / 右下角分享 / 单返回键）===== */
  .app-header { justify-content: flex-start; text-align: left; gap: 11px; padding: calc(8px + env(safe-area-inset-top)) 14px 8px; }
  .app-header .app-logo { position: static; transform: none; width: 50px; height: 50px; margin: 0; box-shadow: 0 0 0 2px rgba(255,255,255,0.35); }
  .app-header b { font-size: 20px; font-weight: 900; line-height: 1.2; letter-spacing: 0.5px; }
  .app-header .app-sub { display: block; font-size: 10.5px; font-weight: 500; opacity: 0.95; margin-top: 1px; letter-spacing: 0.2px; }
  .app .main-buttons { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .app .main-pill-btn { min-height: 62px; padding: 8px 6px; flex-direction: row; justify-content: flex-start; text-align: left; gap: 6px; }
  .app .main-pill-btn .ico { font-size: 21px; }
  .app .main-pill-btn .num { font-size: 12px; font-weight: 800; line-height: 1.3; white-space: normal; }
  .app .main-pill-btn .num b { font-size: 15px; }
  .app .main-pill-btn .desc { display: none; }
  .app-note { padding-top: 6px; }

  .share-float {
    position: fixed; right: max(12px, calc(50% - 228px)); bottom: calc(14px + env(safe-area-inset-bottom));
    z-index: 60; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
    width: 62px; height: 62px; border-radius: 50%;
    color: #fff; background: linear-gradient(135deg, #38bdf8, #2563eb 60%, #7c3aed);
    border: 1px solid rgba(255,255,255,0.6);
    box-shadow: 0 6px 18px rgba(29,78,216,0.45);
    cursor: pointer; user-select: none; font-weight: 800; font-size: 10.5px;
    transition: transform 0.15s ease;
  }
  .share-float .f-ico { font-size: 24px; line-height: 1; }
  .share-float:active { transform: scale(0.94); }

  .qr-area { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 12px; padding: 13px 10px; border-radius: 14px; background: #fff; border: 1px dashed rgba(37,99,235,0.35); }
  .qr-cap { font-size: 18px; font-weight: 900; color: var(--ink); line-height: 1.5; text-align: center; }
  .qr-canvas { width: min(294px, 100%); min-height: 188px; background: #fff; display: grid; place-items: center; border-radius: 8px; }
  .qr-canvas canvas, .qr-canvas svg { width: auto; height: auto; max-width: 100%; image-rendering: pixelated; }
  .qr-canvas img { display: block; width: auto; max-width: 100%; height: auto; }
  .qr-link { display:block; line-height:0; text-decoration:none; }
  .qr-note { font-size: 12px; color: #b45309; line-height: 1.6; text-align: center; padding: 0 6px; }
  .qr-ok { font-size: 11px; color: var(--muted); }

  .modal-close {
    position: absolute; top: 14px; right: 14px; z-index: 6;
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 66px; min-height: 32px; padding: 2px 13px;
    font-size: 14px; font-weight: 800; line-height: 1; color: #1d4ed8;
    background: #ffffff; border: 1px solid rgba(37,99,235,0.35); border-radius: 999px;
    box-shadow: 0 2px 10px rgba(9,45,84,0.20); cursor: pointer; user-select: none;
    transition: transform 0.15s ease;
  }
  .modal-close:active { transform: scale(0.95); }
  .modal-mask.page-modal .modal-close { color: #1d4ed8; background: #fff; }
  .modal-mask.page-modal .modal-card h4 { padding: 14px 92px 14px 16px; }
  .share-modal h4 { padding-right: 76px; }

  /* ===== v1.2b：主页配重修正 + 分享钮可拖动 ===== */
  .app-header { padding: calc(11px + env(safe-area-inset-top)) 16px 11px; }
  .app-header .app-logo { width: 54px; height: 54px; }
  .app-header b { font-size: clamp(21px, 6.4vw, 25px); font-weight: 900; letter-spacing: 1px; }
  .app-header .app-sub { font-size: 11px; opacity: 0.95; margin-top: 2px; }
  .app-note { font-size: 11px; padding-top: 7px; }
  .search-input { margin: 14px 0 12px; }
  .tool-grid { gap: 8px; }
  .tool-grid .tool-pill { min-height: 56px; padding: 7px 2px; font-size: 10.5px; gap: 3px; }
  .tool-grid .tool-pill .ico { font-size: 20px; }
  .app .main-pill-btn { min-height: 64px; }
  .home-view { padding-bottom: 74px; }

  .share-float {
    width: 66px; height: 66px; font-size: 11px;
    right: max(12px, calc(50% - 228px)); bottom: calc(18px + env(safe-area-inset-bottom));
    touch-action: none;
  }
  .share-float .f-ico { font-size: 25px; }
  .share-float.touch-hint { opacity: 0.95; }

  /* ===== v1.2c：主页顶部大主题区 ===== */
  .app-header { justify-content: flex-start; padding: calc(6px + env(safe-area-inset-top)) 12px 6px; }
  .app-header .app-logo { width: 40px; height: 40px; box-shadow: none; }
  .app-header b, .app-header .app-sub { display: none; }
  .app-note { display: none; }

  .home-hero {
    position: relative; overflow: hidden; isolation: isolate;
    width: 100%; border-radius: 20px; padding: 18px 18px 30px;
    background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 55%, #7c3aed 100%);
    color: #fff;
    box-shadow: 0 14px 34px rgba(29, 78, 216, 0.32);
    animation: brand-breathe 4.2s ease-in-out infinite;
  }
  .home-hero::before, .home-hero::after {
    content: ''; position: absolute; border-radius: 50%; z-index: 0;
  }
  .home-hero::before { top: -60px; right: -40px; width: 170px; height: 170px; background: rgba(255,255,255,0.13); }
  .home-hero::after { bottom: -90px; left: -50px; width: 210px; height: 210px; background: rgba(255,255,255,0.09); }
  .home-hero > * { position: relative; z-index: 1; }
.home-hero > .hh-meta { display: contents; }
.hh-meta > .hh-clock { position: absolute; top: 10px; right: 18px; z-index: 2; text-align: right; margin: 0; font-size: 14px; font-weight: 700; line-height: 1.4; letter-spacing: 0.3px; color: rgba(255,255,255,0.95); text-shadow: 0 1px 4px rgba(2,20,63,0.4); white-space: nowrap; pointer-events: none; font-variant-numeric: tabular-nums; }
.hh-meta > .hh-clock b { font-size: 1.55em; letter-spacing: 0.8px; font-weight: 900; }
/* 网页版：热线恢复为原设计（右下角胶囊），此处仅补 z-index，其余交给原规则 */
#panel-home .hh-meta > .hh-call, .home-hero .hh-meta > .hh-call { z-index: 2; }
  .hh-kicker {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 3px 11px; border-radius: 999px; font-size: 10.5px; font-weight: 700;
    background: rgba(255,255,255,0.16); border: 1px solid rgba(255,255,255,0.35);
  }
  .hh-title {
    font-size: clamp(24px, 6.6vw, 33px); font-weight: 900; line-height: 1.15;
    letter-spacing: 1px; margin: 9px 0 5px;
    text-shadow: 0 2px 8px rgba(2, 20, 63, 0.4);
  }
  .hh-sub { font-size: 12px; font-weight: 600; opacity: 0.95; letter-spacing: 0.3px; }
  .hh-call {
    margin-top: 12px; font-size: 10.5px; font-weight: 500; opacity: 0.78;
    letter-spacing: 0.3px; text-align: center;
  }

  /* 右下角「分享」：变小、低调一点，仍可按住拖动 */
  .share-float { width: 52px; height: 52px; font-size: 11px; opacity: 0.94; bottom: calc(10px + env(safe-area-inset-bottom)); }
  .share-float .f-ico { font-size: 21px; }
.page-back .back-arrow, .modal-close .back-arrow { flex: none; display: inline-block; }

  /* V6：标题正中醒目，地球小装饰悬在标题上方左侧（只转动点缀、不挡文字） */
  .brand-band { position: relative; display: flex; justify-content: center; width: 100%; padding: 0; }
  .brand-globe { position: absolute; left: 10px; top: 0; display: grid; place-items: center; width: clamp(38px, 11.5vw, 46px); height: clamp(38px, 11.5vw, 46px); }
  .brand-globe img { width: 100%; height: 100%; object-fit: contain; display: block; animation: globe-spin 16s linear infinite; transform-origin: 50% 50%; }
  .brand-text { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-width: 0; text-align: center; }
  .brand-text .hh-kicker { margin: 0 0 8px; }
  .brand-text .hh-title { font-size: clamp(22px, 6.8vw, 34px); font-weight: 900; line-height: 1.2; letter-spacing: 1px; text-align: center; text-wrap: balance; }
  .brand-text .hh-sub { margin-top: 4px; font-size: clamp(10.5px, 3vw, 13px); letter-spacing: 0.4px; opacity: 0.96; text-align: center; }
  .app-header { padding: calc(6px + env(safe-area-inset-top)) 14px 6px; }
  #globeImg { animation: globe-spin 16s linear infinite; transform-origin: 50% 50%; }
  @media (max-width: 359px) {
    .brand-globe { left: 6px; }
    .brand-text .hh-title { font-size: clamp(20px, 6.4vw, 24px); letter-spacing: 0.5px; }
  }  /* ===== 客服悬浮球 + 反馈页 ===== */
  .cs-float { position: fixed; right: max(12px, calc(50% - 228px)); bottom: calc(98px + env(safe-area-inset-bottom)); z-index: 60; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; width: 62px; height: 62px; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #fb923c, #f43f5e 78%); border: 1px solid rgba(255,255,255,0.7); box-shadow: 0 6px 18px rgba(225,29,72,0.42); cursor: pointer; user-select: none; touch-action: none; font-weight: 800; font-size: 11px; letter-spacing: 0.5px; transition: transform 0.15s ease; }
  .cs-float:active { transform: scale(0.92); }
  .cs-float .f-ico { font-size: 22px; line-height: 1.15; }
  @media (max-width: 380px) { .cs-float { width: 52px; height: 52px; font-size: 9.5px; bottom: calc(80px + env(safe-area-inset-bottom)); } .cs-float .f-ico { font-size: 19px; } }
  .cs-banner { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 16px; background: linear-gradient(135deg, #fff7ed, #ffe4e6); border: 1px solid rgba(244,63,94,0.22); margin-bottom: 12px; }
  .cs-banner .cs-ic { font-size: 34px; flex: none; }
  .cs-banner b { display: block; font-size: 17px; color: #9f1239; margin-bottom: 3px; }
  .cs-banner span { font-size: 12.5px; color: #7f1d1d; opacity: 0.88; line-height: 1.5; }
  .cs-ai { display: flex; gap: 8px; align-items: flex-start; background: #eff6ff; border: 1px solid rgba(37,99,235,0.2); border-radius: 12px; padding: 10px 12px; font-size: 12.5px; color: #1e3a8a; line-height: 1.55; margin-bottom: 14px; }
  .cs-block { margin-bottom: 12px; }
  .cs-t { font-size: 13.5px; font-weight: 800; color: #16324f; margin-bottom: 7px; }
  .cs-req { font-size: 11px; color: #ef4444; font-weight: 600; }
  .cs-chiprow { display: flex; flex-wrap: wrap; gap: 8px; }
  .cs-chip { padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; background: #fff; border: 1px solid rgba(37,99,235,0.3); color: #1d4ed8; cursor: pointer; user-select: none; }
  .cs-chip.on { background: linear-gradient(135deg, #38bdf8, #2563eb); color: #fff; border-color: transparent; }
  .cs-input { width: 100%; box-sizing: border-box; border: 1px solid rgba(37,99,235,0.3); border-radius: 12px; padding: 10px 12px; font-size: 14px; font-family: inherit; background: #fff; color: #16324f; outline: none; }
  textarea.cs-input { resize: vertical; min-height: 118px; line-height: 1.6; }
  .cs-count { text-align: right; font-size: 11px; color: #94a3b8; margin-top: 3px; }
  .cs-submit { width: 100%; padding: 13px; border: 0; border-radius: 999px; font-size: 16px; font-weight: 800; color: #fff; background: linear-gradient(135deg, #fb923c, #f43f5e); box-shadow: 0 6px 16px rgba(225,29,72,0.3); cursor: pointer; margin: 6px 0 12px; }
  .cs-ok { background: #ecfdf5; border: 1px solid rgba(16,185,129,0.4); color: #065f46; border-radius: 12px; padding: 12px; font-size: 13.5px; line-height: 1.6; margin-bottom: 10px; }
  .cs-ok a { color: #059669; font-weight: 800; cursor: pointer; }
  .cs-note { font-size: 11.5px; color: #64748b; line-height: 1.65; }  /* ===== 客服：在线咨询(自动回复) ===== */
  .cs-tabs { display: flex; gap: 8px; margin-bottom: 12px; }
  .cs-tab { flex: 1; text-align: center; padding: 9px 0; border-radius: 999px; font-size: 14px; font-weight: 800; color: #64748b; background: #eef2f7; cursor: pointer; user-select: none; }
  .cs-tab.on { color: #fff; background: linear-gradient(135deg, #38bdf8, #2563eb); }
  .cs-chat { display: flex; flex-direction: column; }
  .cs-note-top { font-size: 12px; color: #1e3a8a; background: #eff6ff; border: 1px solid rgba(37,99,235,0.2); border-radius: 12px; padding: 9px 11px; line-height: 1.55; margin-bottom: 10px; }
  .chat-box { display: flex; flex-direction: column; gap: 8px; height: 252px; overflow-y: auto; background: #f4f7fb; border: 1px solid #e2e8f0; border-radius: 14px; padding: 10px; }
  .msg { max-width: 84%; padding: 8px 11px; border-radius: 14px; font-size: 14px; line-height: 1.55; white-space: pre-wrap; word-break: break-word; }
  .msg.bot { align-self: flex-start; background: #fff; color: #16324f; border: 1px solid #e2e8f0; border-bottom-left-radius: 4px; }
  .msg.user { align-self: flex-end; background: linear-gradient(135deg, #38bdf8, #2563eb); color: #fff; border-bottom-right-radius: 4px; }
  .msg.tip { align-self: flex-start; color: #94a3b8; font-size: 12.5px; font-style: italic; border: none; background: transparent; }
  .chat-quick { display: flex; flex-wrap: wrap; gap: 7px; margin: 10px 0 6px; }
  .q-chip { padding: 7px 12px; font-size: 12.5px; font-weight: 700; color: #1d4ed8; background: #fff; border: 1px solid rgba(37,99,235,0.3); border-radius: 999px; cursor: pointer; }
  .chat-input-row { display: flex; gap: 8px; }
  .chat-input { flex: 1; min-width: 0; border: 1px solid rgba(37,99,235,0.3); border-radius: 999px; padding: 10px 14px; font-size: 14px; outline: none; background: #fff; color: #16324f; }
  .chat-send { flex: none; border: 0; border-radius: 999px; padding: 0 20px; font-size: 14px; font-weight: 800; color: #fff; background: linear-gradient(135deg, #fb923c, #f43f5e); cursor: pointer; }
/* ===== 电脑宽屏版（≥1100px 生效；手机/平板仍走手机版样式，互不影响） ===== */
@media (min-width: 1100px) {
  html, body { background: #e8edf6; }
  .app { max-width: 1520px; padding-left: 20px; padding-right: 20px; box-shadow: 0 0 0 1px rgba(30,64,175,.06); }
  /* 超宽屏适配：视口>=1900px 时放宽内容区，消除左右大面积空白（2026-09-12 加） */
  @media (min-width: 1900px) { .app { max-width: min(2400px, 94vw); } }
  .tab-panel { padding: 16px 22px 36px; }
  .page-top { padding: 16px 26px; border-radius: 18px; margin-bottom: 14px; }
  .page-top .hh-call { margin-left: auto; }
  .page-body { padding: 18px 8px 30px; }
  .home-view { max-width: 1260px; margin: 0 auto; align-items: stretch; justify-content: flex-start; gap: 16px; }
  .home-view .hh-kicker { font-size: 13px; }
  .home-view .hh-title { font-size: 34px; }
  .home-view .hh-sub { font-size: 15px; }
  .main-buttons { grid-template-columns: repeat(3, 1fr); gap: 18px; }
  .main-pill-btn { min-height: 96px; padding: 16px 22px; border-radius: 18px; }
  .main-pill-btn .ico { font-size: 34px; }
  .main-pill-btn .num { font-size: 20px; }
  .main-pill-btn .desc { display: block; margin-top: 4px; font-size: 12.5px; }
  .home-feed-preview { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 18px !important; align-items: stretch !important; }
  .feed-card { min-height: 200px; }
  .home-section-title { font-size: 19px; }
  .tool-grid { grid-template-columns: repeat(6, 1fr); gap: 14px; }
  .tool-pill { min-height: 82px; padding: 12px 10px; border-radius: 16px; font-size: 14.5px; }
  .tool-pill .ico { font-size: 26px; }
  .share-rows { display: flex; gap: 16px; margin-top: 30px; }
  .share-row { flex: 1; }
  .country-grid { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px; }
  .cs-float, .share-float { right: max(26px, calc(50% - 730px)); }
}
/* 电脑版悬浮球：统一 52px + 立体质感（只影响客服/分享两个圆球） */
.cs-float, .share-float {
  width: 52px; height: 52px; border-radius: 50%;
  background-image: linear-gradient(160deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,0) 40%), linear-gradient(145deg, #ffb25c 0%, #f97316 45%, #c2410c 100%);
  box-shadow: 0 12px 22px rgba(190,80,10,.40), 0 3px 8px rgba(190,80,10,.30), inset 0 2px 3px rgba(255,255,255,.6), inset 0 -6px 9px rgba(120,35,0,.38);
  border: 1px solid rgba(255,255,255,.5);
  justify-content: center;
}
.share-float {
  background-image: linear-gradient(160deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,0) 40%), linear-gradient(145deg, #7dd3fc 0%, #0ea5e9 45%, #1d4ed8 100%);
  box-shadow: 0 12px 22px rgba(20,80,180,.40), 0 3px 8px rgba(20,80,180,.30), inset 0 2px 3px rgba(255,255,255,.6), inset 0 -6px 9px rgba(10,40,120,.38);
}
.cs-float:hover, .share-float:hover { transform: translateY(-2px) scale(1.06); }
.cs-float .f-ico, .share-float .f-ico { font-size: 23px; line-height: 1.05; filter: drop-shadow(0 2px 3px rgba(0,0,0,.5)); }
.cs-float > span:last-child, .share-float > span:last-child { font-size: 10px; font-weight: 800; letter-spacing: .4px; text-shadow: 0 1px 2px rgba(0,0,0,.6); }
/* ===== 炫光描边：强烈白光边条沿四周走一圈（白光+多层光晕，节奏更快；排版不动） ===== */
.cs-float, .share-float { position: fixed; }
.tool-pill, .main-pill-btn, .share-row { position: relative; }
/* 圆形悬浮球：强烈白光光轨绕圈 */
.h-ring { position: absolute; inset: -5px; border-radius: 50%; pointer-events: none; opacity: 0; transition: opacity .15s ease; z-index: 2;
  background: conic-gradient(from 0deg, transparent 0deg 74deg, rgba(255,255,255,.4) 92deg, #ffffff 102deg 126deg, rgba(255,255,255,.4) 136deg, transparent 152deg 360deg);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
          mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
  filter: drop-shadow(0 0 6px rgba(255,255,255,1)) drop-shadow(0 0 14px rgba(255,255,255,.9)) drop-shadow(0 0 24px rgba(147,197,253,.8));
  animation: hRingSpin .7s linear infinite; }
.cs-float:hover .h-ring, .share-float:hover .h-ring { opacity: 1; }
/* 方形/长条功能键与分享条：白色亮边快速绕一圈，强光绚丽 */
.runline { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .15s ease; z-index: 2;
  border: 3px solid transparent;
  filter: drop-shadow(0 0 6px rgba(255,255,255,1)) drop-shadow(0 0 16px rgba(255,255,255,.95)) drop-shadow(0 0 28px rgba(147,197,253,.85));
  animation: runLineGlow 1.1s linear infinite; }
.tool-pill:hover .runline, .main-pill-btn:hover .runline, .share-row:hover .runline { opacity: 1; }
@keyframes hRingSpin { to { transform: rotate(360deg); } }
@keyframes runLineGlow {
  0%, 5%  { border-top-color: #fff;      border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
  15%, 22%{ border-top-color: rgba(255,255,255,.25); border-right-color: #fff; border-bottom-color: transparent; border-left-color: transparent; }
  40%, 47%{ border-top-color: transparent; border-right-color: rgba(255,255,255,.25); border-bottom-color: #fff; border-left-color: transparent; }
  65%, 72%{ border-top-color: transparent; border-right-color: transparent; border-bottom-color: rgba(255,255,255,.25); border-left-color: #fff; }
  90%,100%{ border-top-color: #fff;      border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
}
.feed-list{display:flex;flex-direction:column;gap:18px;padding:4px 0 30px;}
.feed-card{background:#fff;border:1px solid rgba(37,99,235,.14);border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(15,60,120,.10);}
.feed-media img{width:100%;display:block;max-height:430px;object-fit:cover;}
.feed-media .grid2{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.feed-media .grid2 img{height:150px;object-fit:cover;}
.feed-video{position:relative;width:100%;aspect-ratio:16/9;background:#000;}
.feed-video iframe,.feed-video video{width:100%;height:100%;border:0;display:block;}
.feed-body{padding:15px 16px 17px;}
.feed-tag{display:inline-block;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;margin-bottom:9px;color:#fff;}
.feed-tag.t-user{background:linear-gradient(135deg,#7c3aed,#4f46e5);}
.feed-tag.t-blog{background:linear-gradient(135deg,#f43f5e,#fb923c);}
.feed-tag.t-info{background:linear-gradient(135deg,#2563eb,#7c3aed);}
.feed-tag.t-repost{background:linear-gradient(135deg,#f59e0b,#ef4444);margin-left:6px;}
.news-filters{display:flex;gap:8px;margin:0 0 10px;flex-wrap:wrap;}
.nf-btn{border:1.5px solid #d7e0ef;background:#fff;color:#475569;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;}
.nf-btn.on{background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:transparent;color:#fff;}
.share-role{display:flex;gap:8px;}
.sr-btn{flex:1;padding:10px 4px;border-radius:12px;border:1.5px solid #d7e0ef;background:#f8fafc;color:#334155;font-size:14px;font-weight:700;cursor:pointer;}
.sr-btn.on{background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:transparent;color:#fff;}
.feed-title{font-size:19px;font-weight:900;line-height:1.4;color:#0f2a4a;margin-bottom:8px;}
.feed-text{font-size:15.5px;line-height:1.8;color:#33445c;white-space:pre-line;word-break:break-word;}
.feed-meta{margin-top:13px;padding-top:11px;border-top:1px dashed #dde7f3;font-size:12.5px;color:#7890a8;display:flex;justify-content:space-between;gap:8px;}
.feed-empty{text-align:center;color:#87a0b8;font-size:14px;padding:30px 10px;background:rgba(255,255,255,.55);border-radius:16px;}
.news-actions{position:sticky;top:0;z-index:5;background:rgba(240,248,255,.92);border-radius:16px;padding:6px 2px;margin:2px 0 10px;}
.btn-publish{display:block;width:100%;border:0;border-radius:999px;padding:13px 16px;font-size:16px;font-weight:900;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 8px 18px rgba(37,99,235,.25);cursor:pointer;}
.form-btn-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px;}
.file-btn{border:1px dashed #8fb4e8;background:#f2f7ff;color:#2563eb;border-radius:10px;padding:9px 13px;font-size:13.5px;font-weight:800;cursor:pointer;display:inline-block;}
.form-hint{font-size:12px;color:#8a99ad;}
.pic-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.pic-thumb{position:relative;width:82px;height:82px;border-radius:12px;overflow:hidden;border:1px solid #d5e2f2;}
.pic-thumb img{width:100%;height:100%;object-fit:cover;}
.pic-del{position:absolute;top:3px;right:3px;width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:13px;cursor:pointer;border:0;}
#feedLight{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.93);display:none;align-items:center;justify-content:center;}
#feedLight img{max-width:96vw;max-height:92vh;border-radius:8px;}
#feedLight span{position:absolute;top:14px;right:18px;color:#fff;font-size:30px;line-height:1;cursor:pointer;}

/* ===== 2026-09-04 资讯放大版：大图大字，手机可读 ===== */
.home-section-title.news-title{font-size:17px;margin:2px 0 4px;letter-spacing:.5px;}
.news-teaser{position:relative;overflow:hidden;cursor:pointer;user-select:none;padding:20px 18px;border-radius:20px;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 55%,#7c3aed 100%);box-shadow:0 12px 26px rgba(29,78,216,.28);border:1px solid rgba(255,255,255,.45);transition:transform .16s ease;}
.news-teaser:active{transform:scale(.985);}
.news-teaser::after{content:'';position:absolute;right:-30px;top:-34px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.14);}
.news-teaser::before{content:'';position:absolute;right:52px;bottom:-48px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.10);}
.nt-tag{position:relative;z-index:1;display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.3px;color:#fff;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:4px 12px;margin-bottom:11px;}
.nt-title{position:relative;z-index:1;font-size:21px;font-weight:900;letter-spacing:.3px;line-height:1.35;color:#fff;text-shadow:0 2px 12px rgba(2,20,70,.28);margin-bottom:7px;}
.nt-sub{position:relative;z-index:1;font-size:14px;line-height:1.7;color:rgba(255,255,255,.95);text-shadow:0 1px 6px rgba(2,20,70,.25);margin-bottom:14px;}
.nt-go{position:relative;z-index:1;display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:900;color:#123c7a;background:#fff;border-radius:999px;padding:10px 20px;box-shadow:0 8px 18px rgba(2,20,70,.22);}
.page-body > .page-note{padding:4px 8px 14px;font-size:13px;line-height:1.8;color:#556f88;}
.official-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px;}
.official-links a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #cfe0f7;color:#1d4ed8;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 3px 10px rgba(37,99,235,.08);}
.official-links a:hover{text-decoration:underline;transform:translateY(-1px);}
.feed-card{border-radius:20px;box-shadow:0 10px 24px rgba(15,60,120,.12);}
.feed-title{font-size:20px;letter-spacing:.2px;}
.feed-text{font-size:16px;line-height:1.85;}
.feed-meta{font-size:13px;color:#5f7a93;}
.feed-media .grid2 img{height:172px;}
  .home-feed-preview{display:flex;flex-direction:column;gap:16px;}
  #newsTeaser.hide{display:none;}
  .home-feed-preview .feed-text{max-height:112px;overflow:hidden;}
  .feed-more{display:block;text-align:center;margin:2px auto 0;border:0;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 8px 18px rgba(37,99,235,.28);cursor:pointer;}
  .app{display:flex;flex-direction:column;min-height:100vh;}
  .app-main{flex:1;display:flex;flex-direction:column;}
  #panel-home{flex:1;display:flex;flex-direction:column;}
  #homeView{flex:1;}
  #homeView .share-rows{margin-top:auto;}
.news-actions{padding:8px 2px 10px;}

/* ===== 2026-09-04 红色国旗动感 + 底部三行 ===== */
.cn-flag{display:inline-block;width:32px;height:21px;border-radius:2px;overflow:hidden;vertical-align:-4px;margin-right:7px;box-shadow:0 1px 3px rgba(0,0,0,.30);flex:none;}
.cn-flag svg{display:block;width:100%;height:100%;}

.share-rows{display:flex;flex-direction:column;gap:10px;margin-top:2px;}
.share-row{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:16px;color:#fff;cursor:pointer;user-select:none;box-shadow:0 6px 16px rgba(20,70,130,.20);transition:transform .15s ease;}
.share-row:active{transform:scale(.98);}
.share-row .s-ico{font-size:24px;line-height:1;flex:none;}
.share-row .s-txt{flex:1;min-width:0;}
.share-row .s-txt b{display:block;font-size:16.5px;font-weight:900;letter-spacing:.3px;}
.share-row .s-txt i{display:block;font-style:normal;font-size:12px;opacity:.92;margin-top:2px;}
.share-row .s-go{font-size:24px;font-weight:800;flex:none;opacity:.95;}
.share-row.r-pink{background:linear-gradient(135deg,#fb7185,#e11d48);}
.share-row.r-violet{background:linear-gradient(135deg,#a78bfa,#7c3aed);}
.share-row.r-cyan{background:linear-gradient(135deg,#38bdf8,#2563eb);}

/* ===== 2026-09-04 地球去外圈：只留地球本身 ===== */
.brand-globe{background:transparent !important;box-shadow:none !important;overflow:visible !important;border-radius:0 !important;}
.brand-globe img{object-fit:contain !important;border-radius:0 !important;box-shadow:none !important;}

/* ===== 2026-09-04 三行改一排：博主/达人/发布 ===== */
.share-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;}
.share-row{flex-direction:column;justify-content:center;text-align:center;gap:4px;padding:8px 4px;min-height:56px;border-radius:13px;box-shadow:0 4px 10px rgba(20,70,130,.16);}
.share-row .s-ico{font-size:19px;line-height:1;}
.share-row .s-txt{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.share-row .s-txt b{display:block;font-size:12.5px;font-weight:900;line-height:1.3;letter-spacing:.2px;}
.share-row .s-txt i{display:none;}
.share-row .s-go{display:none;}

/* ===== v2.3 高清五星红旗 + 首页真3D地球（带平面兜底） ===== */
.cn-flag{width:34px;height:22px;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.35);}
.cn-flag svg{shape-rendering:geometricPrecision;}
#brandGlobe{position:absolute;}
#globe3d{position:absolute;inset:0;width:100%;height:100%;z-index:3;visibility:hidden;border-radius:50%;overflow:hidden;background:transparent;filter:saturate(1.25) brightness(1.12);}
#globe3d .cesium-viewer-bottom,#globe3d .cesium-viewer-toolbar,#globe3d .cesium-viewer-animationContainer,#globe3d .cesium-viewer-timelineContainer,#globe3d .cesium-viewer-fullscreenContainer,#globe3d .cesium-viewer-infoBoxContainer,#globe3d .cesium-viewer-geocoderContainer,#globe3d .cesium-viewer-homeButtonContainer,#globe3d .cesium-viewer-sceneModePickerContainer,#globe3d .cesium-viewer-baseLayerPickerContainer,#globe3d .cesium-viewer-navigationHelpButtonContainer,#globe3d .cesium-widget-credits{display:none !important;}

/* ===== 2026-09-04 v2.6 结构定型：首页只有一个“旅游资讯”大信息流块；博主/达人分享三条横杠收到 App 最底部 ===== */
.home-section-title.news-title{font-size:18px;margin:4px 0 2px;letter-spacing:.5px;}
.home-feed-preview{display:flex;flex-direction:column;gap:14px;}
.share-rows{display:flex;flex-direction:column;gap:12px;margin-top:22px;}
.share-row{flex-direction:row;justify-content:flex-start;text-align:left;gap:13px;padding:15px 16px;min-height:62px;border-radius:18px;box-shadow:0 6px 16px rgba(20,70,130,.18);}
.share-row .s-ico{font-size:26px;line-height:1;}
.share-row .s-txt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.share-row .s-txt b{display:block;font-size:16.5px;font-weight:900;line-height:1.35;letter-spacing:.3px;}
.share-row .s-txt i{display:block;font-size:12px;line-height:1.5;opacity:.92;margin-top:2px;}
.share-row .s-go{display:inline;}

/* ===== 2026-09-05 老板定稿改动：搜索去掉 / 资讯三块合成一块 / 分享三行改一行三块横排 ===== */
.home-feed-preview{background:#fff;border:1px solid rgba(37,99,235,.14);border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(15,60,120,.10);gap:0;}
.home-feed-preview .feed-card{border:0;border-radius:0;box-shadow:none;background:transparent;border-bottom:1px dashed #e3ebf5;}
.home-feed-preview .feed-card:last-child{border-bottom:0;}
.home-feed-preview .feed-body{padding:12px 14px 13px;}
.share-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;}
.share-row{flex-direction:column;justify-content:center;text-align:center;gap:5px;padding:10px 4px;min-height:70px;border-radius:14px;}
.share-row .s-ico{font-size:21px;line-height:1;}
.share-row .s-txt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.share-row .s-txt b{display:block;font-size:12.5px;font-weight:900;line-height:1.35;letter-spacing:.2px;word-break:break-word;}
.share-row .s-txt i{display:none;}
.share-row .s-go{display:none;}
/* ===== 2026-09-05 微调2：免签三按钮确保第2排同一行三格；分享块改扁形、图标在左 ===== */
.main-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;}
.main-pill-btn{flex-direction:column;justify-content:center;text-align:center;gap:2px;min-height:66px;padding:6px 4px;}
.main-pill-btn .ico{font-size:20px;}
.main-pill-btn .num{font-size:12px;line-height:1.3;}
.main-pill-btn .num b{font-size:14px;}
.main-pill-btn .desc{font-size:8.5px;line-height:1.3;white-space:normal;color:rgba(255,255,255,0.92);}
@media (max-width:359px){.main-pill-btn .desc{display:none;}}
.share-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px;}
.share-row{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:6px;padding:7px 6px;min-height:42px;border-radius:10px;}
.share-row .s-ico{font-size:17px;line-height:1;}
.share-row .s-txt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;}
.share-row .s-txt b{font-size:11px;font-weight:900;line-height:1.25;letter-spacing:.1px;word-break:break-word;text-align:left;}
/* ===== 2026-09-05 老板排位：免签第2排 / 资讯第3排 / 分享置底并留白 ===== */
.share-rows{margin-top:38px;}
/* ===== 2026-09-05 微调3：头部与免签排留空 / 资讯字体调小 / 分享排与工具明显隔开 ===== */
#homeView > .main-buttons{margin-top:18px;}
.news-title{font-size:15.5px;margin:4px 0 8px;}
#homeFeedPreview .feed-title{font-size:16px;font-weight:900;line-height:1.4;margin-bottom:6px;}
#homeFeedPreview .feed-text{font-size:13.5px;line-height:1.7;}
#homeFeedPreview .feed-tag{font-size:11px;padding:2px 9px;margin-bottom:7px;}
#homeFeedPreview .feed-meta{font-size:11.5px;margin-top:9px;padding-top:8px;}
#homeFeedPreview .feed-body{padding:10px 12px 11px;}
#homeFeedPreview .feed-media img{max-height:150px;width:100%;object-fit:cover;}
.share-rows{margin-top:60px;}
/* ===== 2026-09-05 微调4：修正选择器，确保生效 ===== */
#homeView .news-title{font-size:15.5px;margin:2px 0 8px;}
#homeView .share-rows{margin-top:64px;}
  /* 2026-09-04 定稿调整：仅顶部“免签证国家/落地签证/单方面免签”三按钮 + 底部“博主/达人/发布分享”行 —— Logo 靠左、文字放大居中、不叠高 */
  @media (min-width: 1100px) {
    .app .main-buttons .main-pill-btn { position: relative; flex-direction: row; justify-content: center; align-items: center; text-align: center; gap: 0; padding: 14px 20px; }
    .app .main-buttons .main-pill-btn .ico { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); font-size: 34px; flex: none; }
    .app .main-buttons .main-pill-btn .m-txt { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-width: 0; }
    .app .main-buttons .main-pill-btn .num { font-size: 22px; line-height: 1.25; white-space: nowrap; }
    .app .main-buttons .main-pill-btn .num b { font-size: 26px; }
    .app .main-buttons .main-pill-btn .desc { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.3; white-space: nowrap; }
    .app .share-row { flex-direction: row; align-items: center; justify-content: flex-start; text-align: left; gap: 14px; padding: 15px 18px; min-height: 64px; border-radius: 18px; }
    .app .share-row .s-ico { font-size: 28px; flex: none; }
    .app .share-row .s-txt { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-align: left; }
    .app .share-row .s-txt b { font-size: 17px; font-weight: 900; line-height: 1.35; }
    .app .share-row .s-txt i { display: block; font-size: 12.5px; line-height: 1.4; opacity: .92; margin-top: 2px; }
    .app .share-row .s-go { display: inline; }
  }
  @media (max-width: 1099px) {
    .app .main-buttons .main-pill-btn { flex-direction: row; justify-content: center; align-items: center; text-align: center; gap: 8px; padding: 8px 6px; min-height: 0; }
    .app .main-buttons .main-pill-btn .ico { font-size: 20px; flex: none; }
    .app .main-buttons .main-pill-btn .m-txt { display: inline; }
    .app .main-buttons .main-pill-btn .num { font-size: 13.5px; line-height: 1.2; white-space: nowrap; }
    .app .main-buttons .main-pill-btn .num b { font-size: 16px; }
    .app .main-buttons .main-pill-btn .desc { display: none; }
    .app .share-row { flex-direction: row; align-items: center; justify-content: flex-start; text-align: left; gap: 8px; padding: 8px 10px; min-height: 46px; border-radius: 12px; }
    .app .share-row .s-ico { font-size: 20px; flex: none; }
    .app .share-row .s-txt { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-align: left; min-width: 0; }
    .app .share-row .s-txt b { font-size: 13.5px; font-weight: 900; line-height: 1.3; word-break: break-word; text-align: left; }
    .app .share-row .s-txt i { display: none; }
    .app .share-row .s-go { display: none; }
  }

  .brand-globe img, #globe3d { grid-area: 1 / 1; }
  /* 2026-09-04 老板确认后：只动首页顶部第 1 行主题区 —— 地球移到左侧中间并放大、转速略快；大标题字距向两边展开 */
  .brand-globe { top: 50%; left: 14px; transform: translateY(-50%); width: clamp(60px, 7vw, 96px); height: clamp(60px, 7vw, 96px); }
  #globeImg, .brand-globe img { animation-duration: 11s; }
  .brand-text .hh-title { letter-spacing: 12px; }
  @media (max-width: 1099px) {
    .brand-globe { width: clamp(54px, 11vw, 80px); height: clamp(54px, 11vw, 80px); left: 8px; }
    .brand-text .hh-title { letter-spacing: 3px; }
  }
  @media (max-width: 480px) {
    .brand-text .hh-title { letter-spacing: 1px; }
  }
.tool-pill .ico{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 2px 6px rgba(0,0,0,.12)}
.tool-pill .ico .bi{font-size:20px;line-height:1;color:#fff}
@media (max-width:1099px){.tool-pill .ico{width:28px;height:28px;border-radius:9px}.tool-pill .ico .bi{font-size:16px}}
.app .tool-grid{background:linear-gradient(150deg,#0a1f3d 0%,#12346b 48%,#352e8c 100%);padding:18px 18px 22px;border-radius:24px;gap:12px}
.app .tool-grid .tool-pill{flex-direction:row !important;justify-content:flex-start;text-align:left;gap:12px;padding:10px 16px;min-height:58px;border-color:rgba(255,255,255,.28)}
.tool-pill .ico{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:13px;border:none;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.10));box-shadow:0 8px 14px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -3px 6px rgba(0,0,0,.30)}
.tool-pill .ico .bi{font-size:22px;line-height:1;color:#fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
.tool-pill.cyan .ico{background:linear-gradient(180deg,#7deefb 0%,#06b6d4 55%,#0369a1 100%)}
.tool-pill.blue .ico{background:linear-gradient(180deg,#a5c8ff 0%,#3b82f6 55%,#1e3a8a 100%)}
.tool-pill.green .ico{background:linear-gradient(180deg,#8bf0c8 0%,#10b981 55%,#065f46 100%)}
.tool-pill.red .ico{background:linear-gradient(180deg,#ffc2cc 0%,#f43f5e 55%,#9f1239 100%)}
.tool-pill.amber .ico{background:linear-gradient(180deg,#ffe28a 0%,#fb923c 55%,#b45309 100%)}
.tool-pill.violet .ico{background:linear-gradient(180deg,#d3c6ff 0%,#8b5cf6 55%,#5b21b6 100%)}
.tool-pill .ico{width:auto!important;height:auto!important;border-radius:0!important;background:none!important;box-shadow:none!important;border:none!important;font-size:30px;line-height:1;flex:none;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.tool-pill .ico{font-size:34px!important}
.tool-grid .tool-pill{min-height:62px}
@media (min-width:1100px){
  .tool-pill .ico{font-size:44px!important}
  .tool-grid .tool-pill{min-height:74px;padding:12px 18px;border-radius:17px}
}
@media (max-width:767px){
  .tool-pill .ico{font-size:26px!important}
  .tool-grid .tool-pill{min-height:48px;padding:8px 12px;gap:8px}
}
.tool-grid .tool-pill{font-size:19px!important}
@media (min-width:1100px){.tool-grid .tool-pill{font-size:19px!important}}
@media (max-width:1099px){.tool-grid .tool-pill{font-size:15px!important}}
@media (max-width:767px){.tool-grid .tool-pill{font-size:13.5px!important}}
.tool-grid .tool-pill{font-size:16.5px!important}
@media (min-width:1100px){.tool-grid .tool-pill{font-size:16.5px!important}}
@media (max-width:1099px){.tool-grid .tool-pill{font-size:14.5px!important}}
@media (max-width:767px){.tool-grid .tool-pill{font-size:13px!important}}
.tool-grid .tool-pill{letter-spacing:.6px;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.app .main-buttons .main-pill-btn .num b{letter-spacing:1.5px;font-variant-numeric:tabular-nums}
.app .main-buttons .main-pill-btn .num{letter-spacing:.5px}
.home-hero .hh-title{color:#fff;text-shadow:0 1px 0 rgba(255,255,255,.25),1px 1px 0 #93c5fd,2px 2px 0 #60a5fa,3px 3px 0 #3b82f6,4px 4px 0 #2563eb,5px 5px 0 #1e40af,6px 6px 0 #1e3a8a,0 4px 14px rgba(2,20,63,.45)}
@media (min-width:1100px){
.home-hero .hh-title{text-shadow:0 1px 0 rgba(255,255,255,.28),1px 1px 0 #93c5fd,2px 2px 0 #60a5fa,3px 3px 0 #3b82f6,4px 4px 0 #2563eb,5px 5px 0 #1d4ed8,6px 6px 0 #1e40af,7px 7px 0 #1e3a8a,8px 8px 0 #172554,0 6px 18px rgba(2,20,63,.5)}
}
@media (max-width:767px){
.home-hero .hh-title{text-shadow:0 1px 0 rgba(255,255,255,.22),1px 1px 0 #93c5fd,2px 2px 0 #60a5fa,3px 3px 0 #3b82f6,4px 4px 0 #2563eb,0 3px 10px rgba(2,20,63,.4)}
}
#panel-home .brand-text .hh-title{display:flex;flex-wrap:nowrap;justify-content:space-between;letter-spacing:0!important;width:100%;gap:0}
#panel-home .brand-text .hh-title > span{white-space:nowrap}
#panel-home .brand-text .hh-title{width:66.66%!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:767px){#panel-home .brand-text .hh-title{width:92%!important}}
@media (max-width:1099px){
.app .main-buttons{grid-template-columns:repeat(3,1fr)!important;gap:6px;padding:0}
.app .main-buttons .main-pill-btn{flex-direction:row!important;justify-content:center;align-items:center;text-align:center;padding:8px 2px;gap:4px;border-radius:12px;min-height:46px;min-width:0}
.app .main-buttons .main-pill-btn .ico{position:static!important;transform:none!important;font-size:17px!important;flex:none}
.app .main-buttons .main-pill-btn .num{font-size:11px!important;line-height:1.15;white-space:nowrap}
.app .main-buttons .main-pill-btn .num b{font-size:13px!important}
.app .main-buttons .main-pill-btn .desc{display:none!important}
}
@media (max-width:600px){
.home-hero{padding:14px 10px 18px;border-radius:16px}
#panel-home .brand-text .hh-title{width:66.66%!important;margin-left:auto!important;margin-right:auto!important;font-size:clamp(17px,5.2vw,22px)!important}
.brand-globe{display:none!important}
#homeFeedPreview .feed-card{min-width:0;max-width:100%}
#homeFeedPreview .feed-title,#homeFeedPreview .feed-text,#homeFeedPreview .feed-meta,#homeFeedPreview .feed-tag{white-space:normal!important;overflow-wrap:anywhere}
#homeFeedPreview .feed-body{padding:8px 10px 9px!important}
#homeFeedPreview .feed-media img{max-height:120px!important}
}
@media (max-width:380px){
.app .main-buttons .main-pill-btn .num{font-size:10px!important}
.app .main-buttons .main-pill-btn .num b{font-size:12px!important}
}
html,body{overflow-x:hidden}
@media (max-width:767px){
.app .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;padding:12px 12px 14px;width:100%}
.tool-grid .tool-pill{min-width:0;max-width:none;width:auto}
#homeFeedPreview{min-width:0;width:100%}
#homeView .tool-grid{box-sizing:border-box}
}
@media (min-width:768px) and (max-width:1099px){
.app .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px}
}
@media (max-width:1099px){
.app .main-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.app{min-width:0;max-width:100%;width:100%}
.app-main{min-width:0}
#homeView{min-width:0;overflow:hidden}
}
@keyframes cnflag-wave{0%,100%{transform:skewY(-8deg) skewX(-5deg) rotate(-2.5deg)}50%{transform:skewY(8deg) skewX(5deg) rotate(2.5deg)}}
.cn-flag{transform-origin:left center;animation:cnflag-wave 1.6s ease-in-out infinite;position:relative}
.cn-flag::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(98deg,rgba(255,255,255,0) 0 2px,rgba(255,255,255,.13) 3px 5px,rgba(150,20,10,.20) 6px 8px,rgba(255,255,255,0) 9px 11px)}
@media (prefers-reduced-motion:reduce){.cn-flag{animation-duration:6s}}
.brand-globe img,#globeImg{animation:none !important;transform:none !important}
@keyframes rim-orbit{to{transform:rotate(360deg)}}
.cs-float::before,.share-float::before{content:"";position:absolute;inset:-5px;border-radius:50%;pointer-events:none;z-index:1;background:conic-gradient(from 30deg,transparent 0deg 55deg,rgba(255,255,255,.06) 88deg,rgba(255,255,255,.95) 118deg 150deg,rgba(255,255,255,.06) 180deg,transparent 215deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));filter:drop-shadow(0 0 3px rgba(255,255,255,.95)) drop-shadow(0 0 9px rgba(191,219,254,.75));animation:rim-orbit 1.6s linear infinite}
.cs-float>*,.share-float>*{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){.cs-float::before,.share-float::before{animation-duration:5s}}
@keyframes lv-t3d{0%,100%{text-shadow:1px 1px 0 #93c5fd,2px 2px 0 #60a5fa,3px 3px 0 #3b82f6,4px 4px 0 #2563eb,5px 5px 0 #1d4ed8,6px 6px 0 #1e40af,7px 7px 0 rgba(30,58,138,.92),0 0 12px rgba(96,165,250,.55),0 0 26px rgba(59,130,246,.35)}50%{text-shadow:1px 1px 0 #bfdbfe,2px 2px 0 #93c5fd,3px 3px 0 #60a5fa,4px 4px 0 #3b82f6,5px 5px 0 #2563eb,6px 6px 0 #1d4ed8,7px 7px 0 #1e40af,0 0 16px rgba(125,211,252,.9),0 0 34px rgba(96,165,250,.6),0 0 60px rgba(59,130,246,.45)}}
#panel-home .brand-text .hh-title{animation:lv-t3d 3s ease-in-out infinite;color:#ffffff!important}
@media (min-width:600px){
#panel-home .home-hero{padding:18px 24px 22px!important}
#panel-home .brand-text .hh-title{width:auto!important;font-size:clamp(36px,5.4vw,106px)!important;line-height:1.15;margin:6px 0 2px!important}
#panel-home .brand-text .hh-kicker{margin-top:0!important;margin-bottom:4px!important}
#panel-home .brand-text .hh-sub{margin-top:12px!important;font-size:clamp(11px,1vw,13.5px)!important}
#panel-home .hh-call{position:absolute!important;right:14px;bottom:8px;margin:0!important;display:inline-flex!important;align-items:center!important;gap:5px;padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.13);font-size:10.5px;opacity:.88}
#panel-home .brand-globe{width:clamp(40px,5.5vw,64px)!important;height:clamp(40px,5.5vw,64px)!important}
}
/* C案 2026-09-06：分享三行 = 屏幕底部常驻栏（滑动不跳位） */
.share-rows{position:fixed!important;left:0;right:0;bottom:0;margin:0!important;z-index:90;display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:9px max(12px,calc((100vw - 1360px)/2)) calc(9px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(8,22,50,.96),rgba(8,22,50,.99));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(120,180,255,.35);box-shadow:0 -8px 26px rgba(4,16,42,.45)}
.share-rows .share-row{flex:0 1 460px;min-width:0;display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:9px;margin:0!important;padding:11px 10px;min-height:50px;border-radius:15px}
.share-rows .share-row .s-ico{font-size:21px;line-height:1;flex:none}
.share-rows .share-row .s-txt{flex:0 1 auto!important;display:block!important;text-align:left}
.share-rows .share-row .s-txt b{display:block;font-size:14.5px;font-weight:900;line-height:1.25}
.share-rows .share-row .s-txt i,.share-rows .share-row .s-go{display:none!important}
.share-float,.cs-float{bottom:calc(84px + env(safe-area-inset-bottom))!important;z-index:95}
body{padding-bottom:88px}
.page-view{padding-bottom:80px}
@media (max-width:600px){
.share-rows{gap:6px;padding:7px 10px calc(7px + env(safe-area-inset-bottom))}
.share-rows .share-row{flex:1 1 0;padding:6px 2px;min-height:48px;border-radius:13px;gap:2px;flex-direction:column}
.share-rows .share-row .s-ico{font-size:19px}
.share-rows .share-row .s-txt b{font-size:12px}
body{padding-bottom:76px}
.page-view{padding-bottom:74px}
}
/* A案 2026-09-06：首页实用工具 = 一条入口条 + 全部工具面板（24 个原样保留） */
.tools-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 10px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#0a1f3d,#12346b 55%,#352e8c);border:1px solid rgba(148,197,235,.3);box-shadow:0 10px 22px rgba(9,26,66,.18)}
.ts-head{flex:none}
.ts-title{font-size:15.5px;font-weight:900;color:#fff;letter-spacing:.3px;line-height:1.3}
.ts-sub{font-size:11.5px;color:#9db8e8;margin-top:2px}
.ts-scroll{flex:1;min-width:0;display:flex;gap:8px;overflow-x:auto;padding:6px 0;scrollbar-width:none}
.ts-scroll::-webkit-scrollbar{display:none}
.ts-chip{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.13);color:#fff;font-size:13px;font-weight:800;border-radius:999px;padding:7px 13px;cursor:pointer;white-space:nowrap;line-height:1.2}
.ts-chip:hover{background:rgba(255,255,255,.22)}
.ts-chip .ico{font-size:15px;line-height:1}
.ts-all{flex:none;border:0;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:900;color:#07213f;background:linear-gradient(135deg,#7deefb,#38bdf8);cursor:pointer;box-shadow:0 6px 14px rgba(56,189,248,.35)}
.alltools-mask{position:fixed;inset:0;z-index:220;background:rgba(5,13,30,.82);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.alltools-mask.hide{display:none}
.at-card{width:min(980px,100%);max-height:min(86vh,780px);overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a1f3d,#12346b 60%,#352e8c);border-radius:22px;box-shadow:0 24px 60px rgba(2,12,40,.55)}
.at-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#0a1f3d,#12346b 60%,#352e8c);color:#fff;font-size:17px;font-weight:900}
.at-x{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.15);cursor:pointer;font-size:15px;color:#fff;border:1px solid rgba(255,255,255,.4)}
.at-grid{overflow-y:auto;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.at-item{display:flex;align-items:center;gap:9px;text-align:left;border:0;border-radius:14px;padding:11px 12px;font-size:14px;font-weight:800;color:#fff;cursor:pointer;line-height:1.25;box-shadow:0 4px 10px rgba(15,50,120,.16)}
.at-item .ico{font-size:19px;line-height:1;flex:none}
.at-item.c0{background:linear-gradient(135deg,#3b82f6,#1d4ed8 55%,#1e3a8a)}
.at-item.c1{background:linear-gradient(135deg,#0891b2,#075985 55%,#0c4a6e)}
.at-item.c2{background:linear-gradient(135deg,#059669,#047857 55%,#064e3b)}
.at-item.c3{background:linear-gradient(135deg,#7c3aed,#6d28d9 55%,#4c1d95)}
.at-item.c4{background:linear-gradient(135deg,#ea580c,#c2410c 55%,#7c2d12)}
.at-item.c5{background:linear-gradient(135deg,#e11d48,#be123c 55%,#881337)}
/* 2026-09-13 老板要求：全部工具 24 个药丸的周边光影两次减半（3.6s→7.2s→14.4s），其它一律不动 */ .at-item{animation:breathe-at-blue 14.4s ease-in-out infinite}.at-item:hover{filter:brightness(1.12);transform:translateY(-1px)} @keyframes breathe-at-blue{0%,100%{box-shadow:0 0 0 0 rgba(96,165,250,0),0 4px 10px rgba(15,50,120,.16)}50%{box-shadow:0 0 0 3px rgba(96,165,250,.18),0 0 18px rgba(96,165,250,.5),0 4px 12px rgba(37,99,235,.25)}}
@media (max-width:600px){
.tools-strip{padding:12px 12px;gap:10px}
.ts-head{order:1;width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ts-title{font-size:15px}
.ts-scroll{order:2;width:100%}
.ts-all{order:3;width:100%;margin-top:2px;text-align:center}
.alltools-mask{padding:10px;align-items:flex-end}
.at-card{border-radius:20px 20px 0 0;max-height:88vh}
.at-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:12px}
}
/* 🔒 2026-09-07 网页版锁死（老板拍板）：底部两行固定 —— 第1行=实用工具、第2行=博主分享/达人分享/发布；中部资讯大区放大不可缩 */
#panel-home .home-view{padding-bottom:168px!important;}
@media (max-width:700px){ .tools-strip{bottom:66px!important;padding:6px 10px!important;width:calc(100% - 20px);} #panel-home .home-view{padding-bottom:175px!important;} }
#homeFeedPreview .feed-title{font-size:19px!important;}
#homeFeedPreview .feed-text{font-size:15px!important;line-height:1.8!important;}
#homeFeedPreview .feed-media img{width:100%!important;max-height:none!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;}
#homeFeedPreview .feed-media .grid2 img{aspect-ratio:auto!important;height:180px!important;}
#homeFeedPreview .feed-more{display:block!important;width:100%;text-align:center;}
@media (min-width:1024px){
 #homeFeedPreview{min-height:clamp(300px,calc(100vh - 610px),600px);grid-template-rows:minmax(0,1fr) auto;}
 .home-feed-preview .feed-more{grid-column:1/-1;justify-self:stretch;}
 #homeFeedPreview .feed-card{display:flex;flex-direction:column;}#homeFeedPreview .feed-card{justify-content:center;}
 #homeFeedPreview .feed-body{flex:1;display:flex;flex-direction:column;}
 #homeFeedPreview .feed-text{flex:1;max-height:none!important;}
 #homeFeedPreview .feed-meta{margin-top:auto;}
}
.tools-strip .ts-chip{flex-direction:row!important;align-items:center;padding:8px 18px;gap:10px;border-radius:999px!important;min-height:52px;background:linear-gradient(135deg,#60a5fa,#2563eb 60%,#1e40af)!important;color:#fff!important;border:0!important;box-shadow:0 4px 12px rgba(15,60,120,.18);}
.tools-strip .ts-chip[data-k="fx"]{background:linear-gradient(135deg,#34d399,#059669 60%,#065f46)!important;}
.tools-strip .ts-chip[data-k="timezone"]{background:linear-gradient(135deg,#a78bfa,#7c3aed 60%,#6d28d9)!important;}
.tools-strip .ts-chip[data-k="quickcard"]{background:linear-gradient(135deg,#22d3ee,#0ea5e9 60%,#2563eb)!important;}
.tools-strip .ts-chip[data-k="net"]{background:linear-gradient(135deg,#fbbf24,#f97316 60%,#ea580c)!important;}
.tools-strip .ts-chip[data-k="material"]{background:linear-gradient(135deg,#f472b6,#db2777 60%,#9d174d)!important;}
.tools-strip .ts-chip[data-k="insurance"]{background:linear-gradient(135deg,#fb7185,#e11d48 60%,#be123c)!important;}
.tools-strip .ts-head{flex-wrap:wrap;}
.tools-strip .ts-title{font-size:20px!important;font-weight:900!important;}
.tools-strip .ts-sub{font-size:14px!important;font-weight:600;}


 .tools-strip .ts-chip .ico{font-size:26px!important;}
.tools-strip .ts-chip > span:not(.ico){display:block!important;font-size:19px!important;font-weight:900!important;color:#fff!important;line-height:1.25;white-space:nowrap;}
.tools-strip .ts-all{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:8px 20px;gap:10px;min-height:54px;}
.tools-strip .ts-all span:not(.ico){color:#fff!important;font-size:17px!important;font-weight:900!important;white-space:nowrap;}
#panel-home .tools-strip .ts-chip > span:not(.ico){display:block!important;font-size:19px!important;font-weight:900!important;color:#fff!important;}
@media (max-width:600px){#panel-home .home-view{padding-bottom:264px!important;}}
@media (min-width:1100px){#homeView{max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;}/* 2026-09-12 大屏填满：顶部横幅保持扁（不再吸收高度），富余高度给"旅游资讯"面板（放图片/视频/文章的主力区），区块间距保持紧凑 */#homeView{justify-content:flex-start;}#homeFeedPreview{flex:1 1 auto;min-height:0!important;}#homeFeedPreview>.feed-card{height:100%;overflow:hidden;justify-content:flex-start;}#homeFeedPreview>.feed-card>.feed-media{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;}#homeFeedPreview>.feed-card>.feed-media>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}#homeFeedPreview>.feed-card>.feed-media>.grid2{position:absolute;left:0;top:0;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px;}#homeFeedPreview>.feed-card>.feed-body{flex:0 0 auto;}#homeFeedPreview .feed-card{display:flex;flex-direction:column;}#homeFeedPreview .feed-card{justify-content:center;}#homeFeedPreview .feed-media{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;}#homeFeedPreview .feed-media img{aspect-ratio:auto!important;max-height:none!important;height:100%!important;width:100%!important;object-fit:cover!important;flex:1 1 auto;min-height:110px;}#homeFeedPreview .feed-media .grid2{flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;min-height:0;}#homeFeedPreview .feed-media .grid2 img{height:100%!important;min-height:110px;}#homeFeedPreview .feed-body{flex:0 1 auto;}#homeFeedPreview .feed-text{flex:0 1 auto;max-height:none!important;}#homeFeedPreview .feed-more{flex:none;}}.share-rows{box-sizing:border-box;width:min(1436px,calc(100% - 84px))!important;left:50%!important;right:auto!important;transform:translateX(-50%);}.share-rows .share-row{flex:1 1 0!important;max-width:none!important;}@media (min-width:1100px){.share-rows{padding:9px 0!important;}}
.tools-strip .ts-chip,.tools-strip .ts-all,.at-item{position:relative;}

@media (min-width:768px){body:has(#panel-home.active){padding-bottom:0!important}.app:has(#panel-home.active){padding-bottom:0!important}#panel-home.active{padding-bottom:0!important}}@media (max-width:1099px){.tools-strip{width:calc(100% - 28px);}.share-rows{width:calc(100% - 28px);}}.tools-strip .ts-chip .runline,.tools-strip .ts-all .runline,.at-item .runline{opacity:1!important;}
/* 2026-09-07 旅游资讯字体放大+清晰（大屏生效） */
@media (min-width:768px){
#homeFeedPreview .feed-title{font-size:clamp(20px,2vw,23px)!important;color:#0c2540!important;}
#homeFeedPreview .feed-text{font-size:clamp(15.5px,1.5vw,17px)!important;line-height:1.85!important;color:#26374e!important;}
#homeFeedPreview .feed-meta{font-size:13px!important;color:#5d7691!important;}
#homeFeedPreview .feed-tag{font-size:12.5px!important;}
#homeFeedPreview .feed-more{font-size:16px!important;padding:13px 26px!important;}
}
/* 2026-09-07 全部工具格子：白色呼吸灯（脉动光晕）+ 保留绕圈 */
.tool-grid .tool-pill{overflow:visible!important;animation:itemBreathe 1.8s ease-in-out infinite!important;}
@keyframes itemBreathe{0%,100%{box-shadow:0 0 0 2px rgba(255,255,255,.45),0 4px 12px rgba(15,60,120,.2)}50%{box-shadow:0 0 0 4px rgba(255,255,255,.95),0 0 16px 2px rgba(255,255,255,.85),0 0 28px 6px rgba(147,197,253,.7),0 4px 12px rgba(15,60,120,.25)}}
.at-grid .at-item{position:relative;overflow:visible!important;}
.at-grid .at-item::before{content:"";position:absolute;inset:-3px;border-radius:inherit;pointer-events:none;z-index:1;border:2.5px solid rgba(255,255,255,.9);box-shadow:0 0 10px 1px rgba(255,255,255,.6),0 0 20px 5px rgba(147,197,253,.65),0 4px 14px rgba(15,60,120,.3);animation:atWhiteBreathe 1.6s ease-in-out infinite;}
@keyframes atWhiteBreathe{0%,100%{border-color:rgba(255,255,255,.55);box-shadow:0 0 6px rgba(255,255,255,.3),0 4px 12px rgba(15,60,120,.25)}50%{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 16px 3px rgba(255,255,255,.95),0 0 30px 9px rgba(147,197,253,.8),0 0 46px 18px rgba(255,255,255,.5),0 4px 16px rgba(15,60,120,.3)}}
#homeFeedPreview .feed-card:focus-visible,#newsList .feed-card:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}
.feed-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #e7eef8}
.feed-inline{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;padding:8px 15px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 5px 14px rgba(37,99,235,.22)}
.feed-inline:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(37,99,235,.3)}
.feed-inline:active{transform:translateY(1px)}
.feed-source{font-size:12px;color:#7890a8;white-space:nowrap}
.feed-reader .feed-actions{display:none!important}
.feed-reader .fr-source-row{margin-top:18px;padding-top:14px;border-top:1px dashed #d9e5f2}
.feed-reader .fr-source-row a{display:inline-flex;align-items:center;gap:5px;color:#1d4ed8;font-size:14px;font-weight:800;text-decoration:none}
.feed-reader .fr-source-row a:hover{text-decoration:underline}
/* 资讯卡片排版：手机/平板=横向滑动(打横)，电脑=多列等宽对齐；卡片可点开阅读弹层；空态带“去发布” */
.feed-empty .empty-pub{display:inline-block;margin-top:12px;padding:9px 24px;border:0;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#7c3aed);color:#fff!important;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(59,130,246,.35);line-height:1.5}
.feed-empty .empty-pub:active{transform:scale(.97)}
#homeFeedPreview .feed-card,#newsList .feed-card{cursor:pointer}
#homeFeedPreview .feed-card:hover,#newsList .feed-card:hover{box-shadow:0 8px 24px rgba(30,58,138,.14)}
@media (max-width:900px){
  #newsList{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:12px!important;padding:6px 2px 12px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}
  #newsList .feed-card{flex:0 0 min(86%,340px)!important;scroll-snap-align:start!important;max-height:66vh!important;overflow-y:auto!important}
  #newsList .feed-empty{flex:0 0 100%!important}
}
@media (min-width:901px){
  #newsList{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:16px!important;overflow:visible!important;padding:4px 0 10px!important}
  #newsList .feed-card{flex:none!important;max-height:70vh!important;overflow-y:auto!important}
}
@media (min-width:1000px){
  #homeFeedPreview{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr) auto!important;gap:0 22px!important;align-items:stretch!important;align-content:stretch!important}
  #homeFeedPreview .feed-card{justify-content:flex-start!important;height:auto!important}
  #homeFeedPreview .feed-more{grid-column:1/-1!important;justify-self:center!important;width:auto!important;margin-top:14px!important}
}
.feed-reader{position:fixed;inset:0;z-index:9999;background:rgba(10,20,35,.62);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.feed-reader .fr-box{background:#fff;border-radius:18px;max-width:640px;width:100%;max-height:86vh;overflow:auto;padding:20px 22px;box-shadow:0 18px 60px rgba(0,0,0,.3)}
.feed-reader .fr-x{float:right;border:0;background:#eef2f7;color:#334155;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;line-height:1}
.feed-reader .feed-title{font-size:20px;color:#0c2540}
.feed-reader .feed-text{font-size:16px;line-height:1.85;color:#26374e;white-space:pre-line}
.feed-media{position:relative;overflow:hidden;background:#0b1f3a}
.feed-photo-credit{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:inline-block;width:fit-content;max-width:calc(100% - 20px);padding:5px 9px;border-radius:8px;background:rgba(4,18,38,.76);color:#fff;font-size:11px;font-weight:700;line-height:1.45;text-shadow:0 1px 2px rgba(0,0,0,.45);backdrop-filter:blur(5px)}
.feed-media-kicker{position:absolute;left:10px;top:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,rgba(14,165,233,.92),rgba(79,70,229,.92));color:#fff;font-size:11px;font-weight:900;box-shadow:0 6px 18px rgba(2,20,63,.22)}
.feed-gallery{min-height:190px;isolation:isolate}
.feed-gallery .gallery-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:feedGalleryFade 12s ease-in-out infinite}
.feed-gallery .gallery-slide:first-child{opacity:1}
@keyframes feedGalleryFade{0%,25%{opacity:1;transform:scale(1.03)}33%,92%{opacity:0;transform:scale(1)}100%{opacity:1;transform:scale(1.03)}}
.feed-fallback{min-height:190px;display:grid;place-content:center;justify-items:center;gap:5px;text-align:center;padding:22px;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.28),transparent 32%),linear-gradient(135deg,#0ea5e9 0%,#2563eb 52%,#4f46e5 100%);color:#fff}
.feed-fallback .fi{font-size:58px;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,20,70,.32))}
.feed-fallback b{font-size:24px;line-height:1.2}
.feed-fallback small{font-size:12px;font-weight:800;opacity:.9}
.feed-fallback em{font-size:11px;font-style:normal;font-weight:700;opacity:.82}
.feed-reader .feed-media{flex:0 0 auto;max-height:310px;border-radius:14px;margin:4px 0 16px}
.feed-reader .feed-media img{width:100%;height:100%;max-height:310px;object-fit:cover}
.feed-reader .feed-fallback{min-height:220px}
@media (prefers-reduced-motion:reduce){.feed-gallery .gallery-slide{animation:none}.feed-gallery .gallery-slide:not(:first-child){display:none}}
/* 国家名单页横排：小屏3-4列横铺，不再是竖长条（2026-09-09 v2） */
@media (max-width:600px){
  .country-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important;gap:8px!important;padding:2px 0 6px!important}
  .country-tag{min-height:76px!important;padding:8px 4px!important;font-size:12.5px!important;gap:5px!important;border-radius:12px!important}
  .country-tag .fi{font-size:20px!important}
}
@media (min-width:601px) and (max-width:1000px){
  .country-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))!important;gap:10px!important}
}
/* 2026-09-09 电脑版统一标准：宽屏内容横铺、工具条不裁切不压内容、悬浮球不挡正文 */
.ts-mini{display:none}
@media (min-width:768px){
  .tools-strip{
    position:static !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;
    transform:none !important;
    width:100% !important;max-width:1436px !important;
    margin:16px auto 0 !important;
    display:flex !important;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px;
    padding:14px 18px !important;overflow:visible !important;
    background:linear-gradient(135deg,#0a1f3d 0%,#12346b 55%,#352e8c 100%) !important;
    border:1px solid rgba(148,197,235,.28) !important;border-radius:18px !important;
    box-shadow:0 10px 26px rgba(15,60,120,.16) !important;
  }
  .tools-strip .ts-head{flex:0 1 auto;min-width:130px;padding-right:6px}
  .tools-strip .ts-scroll{flex:1 1 auto;min-width:0;overflow:visible !important;display:flex;flex-wrap:wrap;gap:10px;padding:2px 0}
  .tools-strip .ts-title{color:#ffffff !important;font-size:20px !important;text-shadow:0 1px 2px rgba(0,0,0,.3)}
  .tools-strip .ts-sub{color:#a9c3ee !important;font-size:13px !important;font-weight:600}
  .tools-strip .ts-all{margin-left:auto;flex:none}
  #homeView{min-height:0 !important}
  /* 分享发布条：电脑上不再“钉”在屏幕底，改回紧跟工具条的普通内容行，中间不留空档 */
  .share-rows{
    position:static !important;left:auto !important;right:auto !important;bottom:auto !important;top:auto !important;
    transform:none !important;
    width:100% !important;max-width:1436px !important;
    margin:0 !important;
    display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;padding:0 !important;
    background:transparent !important;box-shadow:none !important;z-index:auto !important;
  }
  #homeView .share-rows .share-row{
    flex:none !important;flex-direction:row !important;align-items:center;justify-content:flex-start;text-align:left;
    gap:12px;min-height:64px;padding:10px 16px !important;border-radius:16px !important;margin:0 !important;
  }
  #homeView .share-rows .share-row .s-ico{font-size:22px !important;flex:none}
  #homeView .share-rows .share-row .s-txt{display:flex !important;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
  #homeView .share-rows .share-row .s-txt b{font-size:15px !important}
  #homeView .share-rows .share-row .s-txt i{display:block !important;font-size:11.5px !important;line-height:1.4;margin-top:2px}
  #homeView .share-rows .share-row .s-go{display:inline !important;font-size:20px !important;flex:none}
  #panel-home .home-view{padding-bottom:24px !important}
  /* 桌面端不占右下空白：悬浮球隐藏，客服/分享入口放进实用工具条右侧 */
  .cs-float,.share-float{display:none !important}
  .tools-strip .ts-mini{
    display:inline-flex !important;align-items:center;gap:6px;flex:none;
    border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.16);color:#fff;
    font-size:14px;font-weight:800;border-radius:999px;padding:9px 14px;cursor:pointer;
  }
  .tools-strip .ts-mini:hover{background:rgba(255,255,255,.28)}
  .tools-strip .ts-mini .ico{font-size:16px;line-height:1}
  /* 客服/分享按钮渐变+呼吸光 2026-09-09 */
  .tools-strip .ts-mini[data-t="cs"]{background:linear-gradient(135deg,#ffb26b,#f97316 55%,#ea580c)!important;border-color:rgba(255,255,255,.35)!important;text-shadow:0 1px 2px rgba(90,30,0,.4);animation:tsGlowCs 2.8s ease-in-out infinite}
  .tools-strip .ts-mini[data-t="share"]{background:linear-gradient(135deg,#4cc9f0,#2563eb 55%,#1e40af)!important;border-color:rgba(255,255,255,.4)!important;text-shadow:0 1px 2px rgba(0,20,70,.4);animation:tsGlowShare 2.8s ease-in-out infinite}
  .tools-strip .ts-mini[data-t="cs"]:hover,.tools-strip .ts-mini[data-t="share"]:hover{filter:brightness(1.12) saturate(1.06);transform:translateY(-1px) scale(1.03)}
  .tools-strip .ts-mini[data-t="cs"] .ico,.tools-strip .ts-mini[data-t="share"] .ico{filter:drop-shadow(0 0 5px rgba(255,255,255,.9))}
  @keyframes tsGlowCs{0%,100%{box-shadow:0 0 5px rgba(255,150,80,.4),0 4px 12px rgba(234,88,12,.3)}50%{box-shadow:0 0 17px 4px rgba(255,170,100,.75),0 5px 18px rgba(234,88,12,.5)}}
  @keyframes tsGlowShare{0%,100%{box-shadow:0 0 5px rgba(76,201,240,.45),0 4px 12px rgba(37,99,235,.3)}50%{box-shadow:0 0 17px 4px rgba(76,201,240,.85),0 5px 18px rgba(37,99,235,.5)}}

}
@media (min-width:1100px){
  /* 2026-09-09 电脑二级页统一横铺：免签国家/资讯/客服不再锁在480px手机框 */
  .page-view{max-width:none!important;width:min(1436px,calc(100% - 40px))!important;left:0!important;right:0!important;top:16px!important;bottom:auto!important;height:calc(100% - 32px)!important;margin:0 auto!important;border-radius:20px!important}
  #listPage .page-body,#infoNewsPage .page-body,#infoAppPage .page-body,#csPage .page-body{max-width:none!important;width:100%!important}
  #listPage .country-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:14px!important}
  #listPage .country-tag{min-height:88px!important;font-size:14px!important}
  #infoNewsPage #newsList{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}
}
.ext-note{background:#eef4ff;border:1px solid #c7d8f7;color:#1e3a8a;font-size:12.5px;line-height:1.7;border-radius:10px;padding:8px 12px;margin:0 0 10px}
#newsList a.feed-title{display:block;color:#0c2540;text-decoration:none;font-weight:900;margin:6px 0}
#newsList a.feed-title:hover{color:#1d4ed8;text-decoration:underline}
#newsList .feed-open{color:#1d4ed8;text-decoration:none;font-weight:700;font-size:12.5px}
#newsList .feed-open:hover{text-decoration:underline}
#newsList .feed-card .feed-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.at-grid .at-item::before{display:none!important;border-width:2px!important;border-color:rgba(255,255,255,.85)!important;box-shadow:0 0 6px rgba(255,255,255,.35),0 0 14px 2px rgba(147,197,253,.4),0 4px 10px rgba(15,60,120,.22)!important;animation:atRing 2.6s ease-in-out infinite!important;}
@keyframes atRing{0%,100%{border-color:rgba(255,255,255,.55);box-shadow:0 0 5px rgba(255,255,255,.22),0 0 10px 1px rgba(147,197,253,.3),0 4px 10px rgba(15,60,120,.2)}50%{border-color:#fff;box-shadow:0 0 8px 1px rgba(255,255,255,.55),0 0 18px 4px rgba(147,197,253,.5),0 4px 12px rgba(15,60,120,.24)}}
/* 2026-09-12 弹层白光对齐首页药丸：绝不能在这里写 border:...!important —— CSS 的 !important 会压死 @keyframes 里的 border-color 动画，白光永远不亮（这就是弹层一直看不到流光的原因）。弹层 .at-item>.runline 只靠基础 .runline（三层强光+runLineGlow 1.1s）加上 opacity:1!important 即可，与外面 .ts-chip 的药丸完全同一套。 */
@keyframes atComet{0%,4%{border-top-color:#fff;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}16%,20%{border-top-color:rgba(255,255,255,.18);border-right-color:#fff;border-bottom-color:transparent;border-left-color:transparent}36%,40%{border-top-color:transparent;border-right-color:rgba(255,255,255,.18);border-bottom-color:#fff;border-left-color:transparent}56%,60%{border-top-color:transparent;border-right-color:transparent;border-bottom-color:rgba(255,255,255,.18);border-left-color:#fff}76%,80%{border-top-color:#fff;border-right-color:transparent;border-bottom-color:transparent;border-left-color:rgba(255,255,255,.18)}100%{border-top-color:#fff;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}}
.at-grid .at-item .at-lab{text-shadow:0 1px 2px rgba(6,20,50,.55),0 0 1px rgba(6,20,50,.45);}/* 2026-09-12 全部工具弹层：格子尺寸/字号/形状对齐首页工具条药丸（老板要求：跟第1页一样大、一样的光影） */.at-card{width:min(1180px,100%)!important}.at-grid{padding:16px!important;gap:12px!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}.at-grid .at-item{padding:8px 18px!important;gap:11px!important;border-radius:999px!important;min-height:52px!important;font-size:19px!important;font-weight:900!important}.at-grid .at-item .ico{font-size:26px!important;line-height:1!important}.at-grid .at-item .at-lab{font-size:19px!important;font-weight:900!important;white-space:nowrap;line-height:1.25;}
/* 🖥 2026-09-12 电脑版一屏适配（老板报：底部"博主分享"行只看到一半）
   实测：老板显示器 2793×1571 物理 / 137.5% 缩放 → 逻辑 2031×1143；最大化窗口可视高约 1000px。
        改前首页高 1131px，超出可视区 131px，底部三行正好卡在折线上被切断。
   做法：只压缩"顶部留白与区块间距"（英雄区上下留白、区块间距、页脚提示留白）；
        免签/落地签药丸、旅游资讯卡、实用工具条、博主分享行尺寸一律不动，中部资讯区保持原大。
   注意：本块必须放在文件最末（body 之后），否则压不过前面同权重带 !important 的规则。 */
@media (min-width:1024px){
  #panel-home{padding-top:8px!important}
  #panel-home .home-hero{padding:8px 18px 10px!important}
  #panel-home .brand-text .hh-title{line-height:1.02!important;margin:2px 0 0!important}
  #panel-home .brand-text .hh-kicker{padding:0!important;margin-bottom:2px!important}
  #panel-home .brand-text .hh-sub{margin-top:6px!important}
  #homeView{gap:8px!important;padding-bottom:8px!important}
  #homeView > .main-buttons{margin-top:8px!important}
  #homeView .news-title{margin:0 0 4px!important}
  #homeView .tools-strip{margin-top:8px!important}
  #homeView > div:not([class]){padding:5px 20px 7px!important;line-height:1.65!important}
}
/* 📐 2026-09-12 电脑版整页统一排版（老板要求：按整页合理排版，不要问、按专业判断做）
   问题1 宽度不齐：英雄区/药丸/资讯/页脚 1825px，实用工具条 1436px 居中，博主分享条 1436px 靠左 —— 三处对不齐。
   问题2 资讯卡配图被正文挤成细条（实测最窄只剩 14px），中部"放图片/视频/文章"的主力区形同虚设。
   做法：① 所有区块同宽对齐，占满内容区；
        ② 宽屏内容区上限 1800px（原来的 2400px 过宽，字行太长）；
        ③ 资讯卡正文限 2 行加省略号，腾出的高度自动给配图（配图 14px → 179px）；
        ④ 工具条间距微收，10 个按钮一行排完，不再第二行孤零零挂一个。
   本块必须放在文件最末，才能压过前面同权重带 !important 的规则。 */
@media (min-width:1620px){ .app{max-width:min(1800px,94vw)!important} }
@media (min-width:1024px){
  #homeView > .tools-strip{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;
    gap:9px!important;padding:12px 14px!important}
  #homeView > .tools-strip .ts-chip{padding:7px 13px!important;gap:8px!important}
  #homeView > .tools-strip .ts-all{padding:7px 15px!important;gap:8px!important}
  #homeView > .tools-strip .ts-mini{padding:8px 12px!important}
  #homeView > .tools-strip .ts-chip > span:not(.ico){font-size:18px!important}
  #homeView > .tools-strip .ts-title{font-size:19px!important}
  #homeView > .share-rows{max-width:none!important;width:100%!important;left:auto!important;right:auto!important;transform:none!important}
  /* 2026-09-12 老板报：窗口更高时最下面一排下方空一大截
     原因：资讯区封顶 600px 后没人接住多余高度，空档全落在"温馨提示"下面
     改法：① 资讯区仍在 600px 上限内先吃满；② 剩下的高度平均分给各区块间距，
             底部"实用工具/分享行/提示"始终贴住窗口底；窗口变矮或内容更高时自动回到原样 */
  #homeFeedPreview{max-height:600px!important;flex:1 1 auto!important}
  #homeView{justify-content:space-between!important}
  #homeFeedPreview .feed-text{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
    overflow:hidden!important;max-height:calc(2 * 1.85em)!important}
}
/* 2026-09-13 老板要求：全部工具 24 个药丸的白色流光也调慢一半（1.1s→2.2s）
   只作用于弹层这 24 个药丸；首页药丸/主按钮/分享条的悬停流光保持原速不动 */
.at-grid .at-item > .runline{animation:runLineGlow 2.2s linear infinite!important}
/* 2026-09-15 老板要求：电脑版（≥900px）也上金色主题字，和手机版同一套金色
   标题在电脑版是「逐字 span + 拉伸」结构，所以渐变挂在父级、span 靠 -webkit-text-fill-color 继承透明。
   原有 lv-t3d 蓝色立体阴影必须停掉：文字填充透明时，text-shadow 的实心字影会盖住金色渐变。
   2026-09-24：不再限制窗口宽度。原来只在不小于900px时生效，窗口变窄或页面缩放后会回退成白色标题，所以改成任意宽度都保持金色主题字。 */
  #panel-home .brand-text .hh-title,
  #panel-home .brand-text .hh-title > span{
    -webkit-text-fill-color:transparent!important; color:transparent!important;
    text-shadow:none!important; animation:none!important;
  }
  #panel-home .brand-text .hh-title{
    background-image:linear-gradient(100deg,#F0A81C 0%,#FFD24D 10%,#FFE9A8 20%,#FFFDF2 30%,#FFD24D 42%,#E8901A 56%,#FFD24D 68%,#FFF0B4 80%,#F0A81C 90%,#FFD24D 100%);
    background-size:200% 100%; background-position:0% 50%;
    -webkit-background-clip:text; background-clip:text;
    filter:drop-shadow(0 2px 0 rgba(9,28,80,.9)) drop-shadow(0 0 3px rgba(9,28,80,.6)) drop-shadow(0 8px 22px rgba(2,20,63,.5)) drop-shadow(0 0 24px rgba(255,214,90,.45));
    animation:hgp-pop .8s cubic-bezier(.2,.9,.25,1.15) both, hgp-shine 7s ease-in-out .8s infinite alternate!important;
  }
@keyframes hgp-pop{0%{transform:scale(.86);opacity:0}62%{transform:scale(1.03);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes hgp-shine{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@media (prefers-reduced-motion: reduce){#panel-home .brand-text .hh-title{animation:hgp-pop .6s ease-out both!important}}
.ts-chip>.ico~.ico,.ts-mini>.ico~.ico,.at-item>.ico~.ico,.tool-pill>.ico~.ico,.main-pill-btn>.ico~.ico,.share-row>.s-ico~.s-ico{display:none!important}
.ts-chip .ico::before,.ts-chip .ico::after,.ts-mini .ico::before,.ts-mini .ico::after,.at-item .ico::before,.at-item .ico::after,.tool-pill .ico::before,.tool-pill .ico::after,.main-pill-btn .ico::before,.main-pill-btn .ico::after,.share-row .s-ico::before,.share-row .s-ico::after{content:none!important;display:none!important}
.feed-tag.t-ext{background:linear-gradient(135deg,#0ea5e9,#2563eb 58%,#4f46e5)!important;}
.ext-note{background:linear-gradient(135deg,#e8f5ff,#eef2ff)!important;border-color:#bfd4ff!important;color:#173b78!important;font-weight:800!important;}
@media (max-width:900px){.ext-note{margin-bottom:12px!important;}}
/* Keep official-destination covers visible on short desktop viewports. */
@media (min-width:1000px){
  #homeFeedPreview{grid-template-rows:auto auto!important;align-content:start!important;}
  #homeFeedPreview>.feed-card{height:auto!important;min-height:0!important;}
  #homeFeedPreview .feed-media{flex:0 0 auto!important;height:clamp(132px,12vw,168px)!important;min-height:132px!important;}
  #homeFeedPreview .feed-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;}
  #homeFeedPreview .feed-media .grid2{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;}
  #homeFeedPreview .feed-body{flex:0 0 auto!important;}
}
@media (min-width:1000px) and (max-height:800px){
  #homeFeedPreview .feed-media{height:132px!important;min-height:132px!important;}
  #homeFeedPreview .feed-text{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;max-height:calc(2 * 1.85em)!important;}
}

/* ===== 2026-10-02 旅游资讯卡片：图片/视频占大位、文字收紧、去掉卡片底部空白 ===== */
@media (min-width:768px){
  #newsList{align-items:stretch!important;}
  #newsList .feed-card{display:flex!important;flex-direction:column!important;height:100%!important;max-height:none!important;overflow:hidden!important;}
  #newsList .feed-media{flex:1 1 auto!important;position:relative!important;min-height:280px!important;overflow:hidden!important;}
  #newsList .feed-media>img{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;display:block!important;}
  #newsList .feed-media>.grid2{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;}
  #newsList .feed-media>.grid2 img{position:static!important;height:100%!important;min-height:0!important;object-fit:cover!important;}
  #newsList .feed-video{flex:1 1 auto!important;aspect-ratio:auto!important;min-height:280px!important;}
  #newsList .feed-body{flex:0 0 auto!important;padding:12px 14px 13px!important;}
  #newsList .feed-title{font-size:18px!important;line-height:1.35!important;margin-bottom:6px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  #newsList .feed-text{font-size:15px!important;line-height:1.7!important;max-height:none!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  #newsList .feed-meta{margin-top:8px!important;padding-top:8px!important;font-size:12px!important;}
  #newsList .feed-actions{margin-top:8px!important;padding-top:8px!important;}
}

/* ===== 2026-10-02 手机版旅游资讯卡片：图片放大、文字收紧 ===== */
@media (max-width:767px){
  #newsList .feed-card{display:flex!important;flex-direction:column!important;overflow:hidden!important;}
  #newsList .feed-media{flex:0 0 auto!important;position:relative!important;overflow:hidden!important;}
  #newsList .feed-media>img{position:static!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;max-height:none!important;object-fit:cover!important;display:block!important;}
  #newsList .feed-media .grid2 img{aspect-ratio:auto!important;height:150px!important;}
  #newsList .feed-title{font-size:17px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  #newsList .feed-text{font-size:14.5px!important;line-height:1.7!important;max-height:none!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  #newsList .feed-meta{margin-top:8px!important;padding-top:8px!important;font-size:12px!important;}
}
/* ===== 2026-10-02 资讯卡片文字压缩（红框问题）：字号更小、字重更轻、行数更少、按钮更小 ===== */
@media (min-width:768px){
  #newsList .feed-media{min-height:330px!important;}
  #newsList .feed-body{padding:10px 12px 11px!important;}
  #newsList .feed-tag{font-size:11px!important;font-weight:700!important;padding:2px 8px!important;margin-bottom:6px!important;}
  #newsList .feed-title{font-size:16px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:0!important;margin-bottom:5px!important;-webkit-line-clamp:2!important;}
  #newsList .feed-text{font-size:13.5px!important;font-weight:400!important;line-height:1.6!important;-webkit-line-clamp:3!important;}
  #newsList .feed-meta{margin-top:6px!important;padding-top:6px!important;font-size:11px!important;color:#8aa0b6!important;}
  #newsList .feed-actions{margin-top:6px!important;padding-top:6px!important;}
  #newsList .feed-inline{padding:5px 11px!important;font-size:11.5px!important;font-weight:700!important;box-shadow:none!important;}
  #newsList .feed-source{font-size:11px!important;}
}
@media (max-width:767px){
  #newsList .feed-body{padding:9px 11px 10px!important;}
  #newsList .feed-tag{font-size:10.5px!important;font-weight:700!important;padding:2px 8px!important;margin-bottom:5px!important;}
  #newsList .feed-title{font-size:15px!important;font-weight:800!important;line-height:1.35!important;-webkit-line-clamp:2!important;}
  #newsList .feed-text{font-size:13px!important;font-weight:400!important;line-height:1.6!important;-webkit-line-clamp:2!important;}
  #newsList .feed-meta{margin-top:6px!important;padding-top:6px!important;font-size:10.5px!important;}
  #newsList .feed-inline{padding:5px 10px!important;font-size:11px!important;font-weight:700!important;}
}
/* =========================================
   【安全补丁】强制修复比例与高度问题
   此段代码加在文件末尾，不会删除任何原有代码，仅做强制覆盖
   ========================================= */

/* 1. 强制修复“旅游资讯”标题和蓝色竖条的高度不匹配 */
.home-section-title.news-title .bar {
  height: 1.2em !important; /* 强制让竖条跟着大字体长高 */
  align-self: center !important; /* 强制垂直居中 */
}

/* 2. 强制修复资讯卡片的比例失调，防止被拉伸或挤压 */
.news-main {
  gap: 24px !important; /* 强制拉开左右间距，呼吸感更强 */
}
.news-feature {
  min-height: 450px !important;
  max-height: 550px !important;
  padding: 24px !important;
}
.news-list {
  gap: 16px !important; /* 强制统一列表间距 */
}
.news-item {
  padding: 16px !important;
  align-items: flex-start !important; /* 强制顶部对齐，防止错位 */
}
/* ===== 2026-10-02 首页结构重排：统一区块间距 ===== */
.tool-grid, .home-feed-preview, .inline-destinations, .share-rows { margin-bottom: 32px !important; }
.inline-destinations { margin-top: 8px !important; }
/* 2026-10-02 工具条也纳入统一间距 */
.tools-strip { margin-bottom: 32px !important; }
/* =========================================================
   2026-10-02 第二轮优化（5 项）
   ========================================================= */

/* 1. 长文本截断：标题/工具名最多两行，超出省略，不撑破卡片 */
.feed-title,
.tp-label,
.news-title-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tool-pill { overflow: hidden; }

/* 2. 宽屏居中：日本/新加坡区 与 工具网格 限宽 1200 居中 */
.inline-destinations,
.tool-grid {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 3. 底部温馨提示统一成卡片样式 */
.disclaimer-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px 20px;
  font-size: 12px;
  color: #64748b;
  text-align: center;
  line-height: 1.6;
  margin-top: 24px;
  margin-bottom: 32px;
}

/* 4. 工具按钮 hover 反馈（.tool-pill 为静态网格，.ts-chip 为实际显示的工具条） */
.tool-pill:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(37,99,235,0.15);
  border-color: #38bdf8;
}
.ts-chip:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(37,99,235,0.35);
}

/* 5. 返回顶部按钮 */
.back-to-top {
  position: fixed;
  bottom: 100px;
  right: 24px;
  width: 44px;
  height: 44px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #3b82f6;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  cursor: pointer;
  z-index: 99;
  transition: all 0.3s;
}
.back-to-top:hover { background: #3b82f6; color: #fff; transform: translateY(-3px); }
/* 2026-10-02 宽屏统一：首页所有区块同宽 1200 居中（修掉只限宽一块造成的错位） */
#homeView > * {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* =========================================================
   2026-10-02 第三轮优化
   ========================================================= */

/* 日本/新加坡区做成网格容器（手机单列规则才能生效） */
.inline-destinations {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 24px !important;
  padding: 0 10px !important;
}

/* 2. 电影级缓慢缩放（Ken Burns） */
.inline-destinations .news-media-container img {
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.inline-destinations .news-item-advanced:hover .news-media-container img {
  transform: scale(1.08);
}
/* 触屏设备没有 hover，用轻量自动呼吸代替，避免“没动感” */
@media (hover: none) {
  .inline-destinations .news-media-container img {
    animation: kbBreath 6s ease-in-out infinite alternate;
  }
}
@keyframes kbBreath {
  from { transform: scale(1); }
  to   { transform: scale(1.06); }
}

/* 3. 手机端强制单列，上下排列 */
@media (max-width: 768px) {
  .inline-destinations {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}
/* 手机端：返回顶部按钮上移，避开右下角客服/分享悬浮球 */
@media (max-width: 768px) {
  .back-to-top { bottom: 172px !important; right: 18px !important; }
}
/* =========================================================
   2026-10-02 第四轮：大区块顺序 + 视觉焦点呼吸感
   ========================================================= */
.inline-destinations { margin-bottom: 40px !important; }
.share-rows { margin-bottom: 32px !important; }
/* 数据更新时间（用户指定） */
.data-update-time {
  font-size: 12px;
  color: #94a3b8;
  text-align: right;
  margin-top: 8px;
  font-style: italic;
}
/* =========================================
   【终极视觉重构补丁】强制放大图片，收缩文字
   仅添加在 CSS 文件最末尾，绝对不修改 HTML，零风险
   ========================================= */

/* 1. 强制放大图片区域，打造震撼的视觉 C 位 */
.inline-destinations .news-media-container {
  height: 340px !important;
  min-height: 340px !important;
}

/* 2. 强制压缩下方文字区域的垂直空间，让字体“往下收缩” */
.inline-destinations .news-item-advanced > div:last-child {
  padding: 12px 16px 16px 16px !important;
}

/* 3. 强制收缩标题和内容的间距 */
.inline-destinations .news-item-advanced h3 {
  margin-bottom: 8px !important;
  font-size: 17px !important;
}

.inline-destinations .news-item-advanced p,
.inline-destinations .news-item-advanced a {
  margin-top: 6px !important;
}

/* 4. 确保图片在放大后依然完美填充，不变形 */
.inline-destinations .news-media-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* ========================================= 
   【核弹级视觉补丁】强制图片占据 1/3 屏幕，无视内联样式 
   ========================================= */ 

/* 1. 强制覆盖内联的 220px，使用 vh (视口高度) 实现真正的 1/3 冲击力 */ 
.inline-destinations .news-media-container { 
  height: 42vh !important;       /* 强制占据屏幕高度的 42% (约 1/3 强) */ 
  min-height: 380px !important;  /* 防止在极小窗口下过矮 */ 
  max-height: 500px !important;  /* 防止在超大竖屏下过长 */ 
} 

/* 2. 确保图片在强制放大后，依然完美填充，绝不拉伸变形 */ 
.inline-destinations .news-media-container img { 
  height: 100% !important; 
  width: 100% !important; 
  object-fit: cover !important; 
} 

/* 3. 极致压缩下方文字区域，让视觉重心完全集中在图片上 */ 
.inline-destinations .news-item-advanced > div:last-child { 
  padding: 10px 16px 16px 16px !important; /* 顶部间距压缩到 10px */ 
} 

.inline-destinations .news-item-advanced h3 { 
  margin-bottom: 6px !important; 
  font-size: 18px !important; 
} 

.inline-destinations .news-item-advanced p, 
.inline-destinations .news-item-advanced a { 
  margin-top: 4px !important; 
  font-size: 13px !important; 
}
/* =========================================
   【顶部标题 3D 效果与排版修复补丁】
   仅追加在 CSS 末尾，绝对不修改 HTML，零风险
   ========================================= */

/* 定位到顶部包含“出国旅游助手”的大标题
   注：本页真实类名是 .hh-title（.brand-title 在本页不存在），已加入选择器，纯 CSS 生效 */
.brand-title, .app-header b, .app-header h1, .hh-title {

    /* 1. 解决“挤在一起”的问题：强制拉开字间距，让文字均匀分布 */
    letter-spacing: 0.25em !important;
    justify-content: space-evenly !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;

    /* 2. 实现震撼的 3D 浮雕立体效果（使用多层阴影叠加） */
    color: #1e3a8a !important;
    text-shadow: 
        0 1px 0 #cbd5e1,
        0 2px 0 #94a3b8,
        0 3px 0 #64748b,
        0 4px 0 #475569,
        0 5px 0 #334155,
        0 6px 1px rgba(0,0,0,.1),
        0 0 5px rgba(0,0,0,.1),
        0 1px 3px rgba(0,0,0,.3),
        0 3px 5px rgba(0,0,0,.2),
        0 5px 10px rgba(0,0,0,.25),
        0 10px 10px rgba(0,0,0,.2),
        0 20px 20px rgba(0,0,0,.15) !important;

    /* 3. 增加一点微小的悬浮感 */
    transform: translateY(-2px) !important;
}

/* ===== 2026-10-02 老板要求：旅游资讯 6 张卡左右撑开，与「实用工具条 / 博主分享行」同宽对齐（左侧 82、右侧 1518）
   只改两排卡片的宽度、左右内边距和列间距；字体、字号、图片高度、卡片内部排版一律不动。
   下排 3 张（澳大利亚 / 日本 / 新加坡）所在区块在 index.html 里加了 class="dest-row" 作定位，方便以后查找。 ===== */
#homeView > #homeFeedPreview,
#homeView > .dest-row {
  width: 100% !important;
  max-width: none !important;
}
#homeView > .dest-row {
  padding-left: 0 !important;
  padding-right: 0 !important;
  gap: 20px !important;
}

/* ===== 2026-10-02 老板反馈（电脑版）：泰国那排和澳大利亚那排中间的「查看全部资讯与分享」按钮被资讯区底边切掉
   原因：资讯区 #homeFeedPreview 被写死 max-height:600px，白底面板又 overflow:hidden，
         内容比 600px 高时最下面的按钮就被裁掉一截。
   改法：去掉这个高度上限，让资讯区按内容自然撑开；下面「澳大利亚那排 / 实用工具 / 博主分享 / 温馨提示」整体下移。
   只动高度上限这一处，卡片、字号、间距、其它区块都不动。 ===== */
#homeFeedPreview {
  max-height: none !important;
}

/* 2026-10-02 方案A：分享表单里的图片/视频上传要求（大字清楚） */
.share-rules{margin:10px 2px 2px;padding:12px 14px;border:1px solid #c7d8f7;border-radius:10px;background:#f4f8ff;color:#24486f;font-size:16px;line-height:1.75}
.share-rules summary{cursor:pointer;font-weight:900;color:#0b3a79;font-size:16px}
.share-rules b{color:#08366f}
.share-rules div{margin-top:8px}