*{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    body{
      padding-top:0;
font-family:
        "Microsoft YaHei",
        "PingFang SC",
        Arial,
        sans-serif;

      color:#222222;
      background:#f5f7fb;
      line-height:1.7;
    }

    a{
      color:inherit;
      text-decoration:none;
    }

    button,
    select{
      font:inherit;
    }

    .language-page{
      width:100%;
      padding:34px 0 60px;
    }

    .language-container{
      width:min(
        1120px,
        calc(100% - 40px)
      );

      margin:0 auto;
    }


    /* =========================
       页面顶部说明
    ========================= */

    .language-hero{
      padding:38px 40px;

      background:#ffffff;
      border:1px solid #e5e9f0;
      border-radius:14px;

      text-align:center;

      box-shadow:
        0 8px 24px
        rgba(31,58,95,.06);
    }

    .language-hero{
  padding:28px 32px;

  background:#ffffff;
  border:1px solid #e5e9f0;
  border-radius:14px;

  text-align:center;

  box-shadow:
    0 8px 24px
    rgba(31,58,95,.06);
}

.language-title{
  margin:0;

  color:#b42318;
  font-size:34px;
  font-weight:800;
  line-height:1.25;
}

.language-subtitle{
  max-width:900px;
  margin:14px auto 0;

  color:#4b5563;
  font-size:16px;
  line-height:1.65;
}


    /* =========================
       三项选择区域
    ========================= */

    .guide-builder{
      margin-top:26px;
      padding:28px;

      background:#ffffff;
      border:1px solid #e3e8ef;
      border-radius:14px;

      box-shadow:
        0 8px 22px
        rgba(31,58,95,.05);
    }

    .builder-title{
      color:#b42318;
      font-size:25px;
      font-weight:800;
      line-height:1.35;
    }

    .builder-intro{
      margin-top:8px;

      color:#667085;
      font-size:15px;
      line-height:1.7;
    }

    .selection-grid{
      display:grid;

      grid-template-columns:
        repeat(
          3,
          minmax(0, 1fr)
        );

      gap:18px;
      margin-top:22px;
    }

    .selection-box{
      min-width:0;
      padding:20px;

      background:#f8fafc;
      border:1px solid #e1e7ef;
      border-radius:11px;
    }

    .selection-step{
      color:#b42318;
      font-size:12px;
      font-weight:800;
      letter-spacing:.4px;
    }

    .selection-label{
      display:block;
      margin-top:7px;

      color:#1f3a5f;
      font-size:17px;
      font-weight:800;
      line-height:1.45;
    }

    .select-wrap{
      position:relative;
      margin-top:12px;
    }

    .guide-select{
      width:100%;
      min-height:46px;

      padding:
        0
        42px
        0
        14px;

      color:#222222;
      background:#ffffff;

      border:1px solid #cfd8e6;
      border-radius:8px;

      font-size:15px;
      cursor:pointer;
      appearance:none;
    }

    .guide-select:focus{
      outline:
        2px solid
        rgba(31,58,95,.15);

      border-color:#1f3a5f;
    }

    .select-arrow{
      position:absolute;
      top:50%;
      right:15px;

      transform:
        translateY(-50%);

      color:#1f3a5f;
      pointer-events:none;
    }

    .selection-note{
      margin-top:10px;

      color:#667085;
      font-size:13px;
      line-height:1.55;
    }

    .current-choice{
      margin-top:20px;
      padding:14px 16px;

      color:#1f3a5f;
      background:#eef3f9;

      border-left:
        4px solid
        #1f3a5f;

      border-radius:8px;

      font-size:14px;
      font-weight:700;
      line-height:1.6;
    }


    /* =========================
       视频区域
    ========================= */

    .video-section{
      margin-top:26px;
      padding:26px;

      background:#ffffff;
      border:1px solid #e3e8ef;
      border-radius:14px;

      box-shadow:
        0 8px 22px
        rgba(31,58,95,.05);
    }

    .section-title{
      color:#b42318;
      font-size:25px;
      font-weight:800;
      line-height:1.35;
    }

    .section-intro{
      margin-top:8px;

      color:#667085;
      font-size:15px;
      line-height:1.7;
    }

    .video-shell{
      position:relative;

      display:flex;
      align-items:center;
      justify-content:center;

      min-height:430px;
      margin-top:20px;
      padding:30px;

      background:#edf2f7;
      border:1px solid #d8e0ea;
      border-radius:12px;

      overflow:hidden;
    }

    .video-player{
      display:none;

      width:100%;
      max-width:900px;

      background:#000000;
      border-radius:10px;
    }

    .video-placeholder{
      max-width:700px;
      text-align:center;
    }

    .play-mark{
      display:flex;
      align-items:center;
      justify-content:center;

      width:84px;
      height:84px;
      margin:0 auto;

      color:#ffffff;
      background:#1f3a5f;

      border-radius:50%;

      font-size:32px;
    }

    .video-placeholder h2{
      margin-top:18px;

      color:#1f3a5f;
      font-size:22px;
      line-height:1.45;
    }

    .video-placeholder p{
      margin-top:9px;

      color:#667085;
      font-size:15px;
      line-height:1.7;
    }

    .video-file-name{
      display:inline-block;
      margin-top:16px;
      padding:8px 12px;

      color:#1f3a5f;
      background:#ffffff;

      border:1px solid #cfd8e6;
      border-radius:7px;

      font-size:13px;
      font-weight:700;
    }

   .video-help{
  margin-top:15px;

  color:#667085;
  font-size:16px;
  font-weight:700;
  line-height:1.65;
  text-align:center;
}



    /* =========================
       分步骤图解区域
    ========================= */

    .illustrated-section [hidden]{
      display:none !important;
    }

    .illustrated-section{
      margin-top:26px;
      padding:26px;
      background:#ffffff;
      border:1px solid #e3e8ef;
      border-radius:14px;
      box-shadow:0 8px 22px rgba(31,58,95,.05);
    }

    .illustrated-layout{
      margin-top:20px;
      display:grid;
      grid-template-columns:340px minmax(0,1fr);
      gap:26px;
      align-items:start;
    }

    .illustrated-steps{
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    .illustrated-step{
      width:100%;
      padding:13px 15px;
      color:#1f3a5f;
      background:#f8fafc;
      border:1px solid #dbe3ec;
      border-radius:9px;
      text-align:left;
      cursor:pointer;
    }

    .illustrated-step:hover{
      background:#f2f6fa;
    }

    .illustrated-step.active{
      border-color:#b42318;
      background:#fff7f6;
      box-shadow:0 0 0 2px rgba(180,35,24,.08);
    }

    .illustrated-step-summary{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
    }

    .illustrated-step-title-wrap{
      min-width:0;
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }

    .illustrated-step-toggle{
      flex:0 0 auto;
      color:#b42318;
      font-size:18px;
      font-weight:800;
      line-height:1;
    }

    .illustrated-step-details{
      display:none;
    }

    .illustrated-step.active .illustrated-step-details{
      display:block;
    }

    .illustrated-step-no{
      display:inline-block;
      min-width:62px;
      color:#b42318;
      font-size:12px;
      font-weight:800;
    }

    .illustrated-step-name{
      font-size:15px;
      font-weight:800;
    }

    .illustrated-step-desc{
      display:block;
      margin-top:7px;
      color:#667085;
      font-size:13px;
      line-height:1.65;
    }

    .illustrated-step-tip{
      display:block;
      margin-top:8px;
      padding-top:8px;
      color:#1f3a5f;
      border-top:1px solid #e6ebf1;
      font-size:12px;
      line-height:1.55;
    }

    .illustrated-viewer{
      min-width:0;
    }

    .phone-stage{
      min-height:620px;
      display:flex;
      justify-content:center;
      align-items:flex-start;
      padding:18px;
      background:#edf2f7;
      border:1px solid #d7e0ea;
      border-radius:12px;
    }

    .phone-mockup{
      width:302px;
      height:574px;
      position:relative;
      overflow:hidden;
      background:#ffffff;
      border:9px solid #1f2937;
      border-radius:38px;
      box-shadow:0 12px 28px rgba(31,58,95,.14);
    }

    .phone-notch{
      position:absolute;
      top:7px;
      left:50%;
      transform:translateX(-50%);
      width:94px;
      height:22px;
      background:#111827;
      border-radius:14px;
      z-index:20;
    }

    .chrome-bar{
      height:84px;
      padding:37px 12px 10px;
      display:flex;
      align-items:center;
      gap:8px;
      background:#f4f6f8;
      border-bottom:1px solid #d9e0e7;
    }

    .chrome-address{
      flex:1;
      height:34px;
      display:flex;
      align-items:center;
      gap:7px;
      padding:0 10px;
      color:#475467;
      background:#ffffff;
      border:1px solid #d7dde5;
      border-radius:18px;
      font-size:11px;
    }

    .chrome-more{
      flex:0 0 34px;
      width:34px;
      height:34px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#1f3a5f;
      background:transparent;
      border:0;
      border-radius:50%;
      font-size:22px;
      font-weight:900;
      letter-spacing:1px;
    }

    .mock-site{
      position:absolute;
      inset:84px 0 0;
      overflow:hidden;
      background:#ffffff;
    }

    .mock-site-head{
      height:56px;
      padding:13px 14px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      border-bottom:1px solid #e5e7eb;
    }

    .mock-logo{
      color:#b42318;
      font-size:15px;
      font-weight:900;
    }

    .mock-nav{
      color:#1f3a5f;
      font-size:9px;
    }

    .mock-hero{
      height:112px;
      margin:14px;
      padding:18px 14px;
      background:linear-gradient(135deg,#f8e8e6,#eef3f9);
      border-radius:10px;
    }

    .mock-hero b{
      display:block;
      color:#b42318;
      font-size:18px;
    }

    .mock-hero span{
      display:block;
      margin-top:6px;
      color:#667085;
      font-size:10px;
    }

    .mock-cards{
      padding:0 14px;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:9px;
    }

    .mock-card{
      height:83px;
      padding:10px;
      background:#f8fafc;
      border:1px solid #e5e9ef;
      border-radius:8px;
    }

    .mock-card strong{
      display:block;
      color:#1f3a5f;
      font-size:11px;
    }

    .mock-card span{
      display:block;
      margin-top:5px;
      color:#98a2b3;
      font-size:8px;
    }

    .phone-overlay{
      position:absolute;
      inset:0;
      pointer-events:none;
    }

    .phone-highlight{
      position:absolute;
      z-index:30;
      border:3px solid #b42318;
      border-radius:9px;
      box-shadow:0 0 0 4px rgba(180,35,24,.12);
    }

    .phone-arrow{
      position:absolute;
      z-index:31;
      color:#b42318;
      font-size:34px;
      font-weight:900;
    }

    .chrome-menu{
      position:absolute;
      top:87px;
      right:10px;
      width:228px;
      z-index:25;
      overflow:hidden;
      background:#ffffff;
      border:1px solid #d9e0e7;
      border-radius:13px;
      box-shadow:0 12px 28px rgba(15,23,42,.2);
    }

    .chrome-menu-row{
      min-height:42px;
      padding:0 14px;
      display:flex;
      align-items:center;
      gap:10px;
      color:#1f2937;
      font-size:12px;
    }

    .chrome-menu-row + .chrome-menu-row{
      border-top:1px solid #f1f3f5;
    }

    .translate-bar{
      position:absolute;
      top:84px;
      left:0;
      right:0;
      z-index:24;
      height:56px;
      padding:0 10px;
      display:flex;
      align-items:center;
      gap:8px;
      background:#ffffff;
      border-bottom:1px solid #d9e0e7;
      box-shadow:0 3px 9px rgba(15,23,42,.08);
      font-size:11px;
    }

    .language-chip{
      padding:6px 9px;
      color:#1f3a5f;
      background:#f8fafc;
      border:1px solid #d6dde6;
      border-radius:7px;
      font-weight:800;
    }

    .language-list,
    .translate-options{
      position:absolute;
      z-index:26;
      overflow:hidden;
      background:#ffffff;
      border:1px solid #d7dee7;
      border-radius:12px;
      box-shadow:0 12px 25px rgba(15,23,42,.18);
    }

    .language-list{
      top:144px;
      left:16px;
      right:16px;
    }

    .translate-options{
      top:144px;
      right:10px;
      width:248px;
    }

    .language-row,
    .translate-option-row{
      min-height:41px;
      padding:0 15px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      font-size:12px;
    }

    .language-row + .language-row,
    .translate-option-row + .translate-option-row{
      border-top:1px solid #f1f3f5;
    }

    .active-translation-row{
      color:#b42318;
      background:#fff8f7;
      font-weight:800;
    }

    .guide-unavailable{
      padding:36px 24px;
      color:#667085;
      background:#f8fafc;
      border:1px dashed #cfd8e6;
      border-radius:12px;
      text-align:center;
    }

    .guide-unavailable strong{
      display:block;
      color:#1f3a5f;
      font-size:18px;
    }

    .guide-unavailable span{
      display:block;
      margin-top:8px;
      font-size:14px;
    }

    /* =========================
       翻译提醒
    ========================= */

    .translation-notice{
      margin-top:25px;
      padding:17px 19px;

      color:#6c450c;
      background:#fffaf2;

      border-left:
        4px solid
        #d59a3a;

      border-radius:8px;

      font-size:13px;
      line-height:1.7;
    }


    /* =========================
       返回首页
    ========================= */

    .page-actions{
      display:flex;
      justify-content:center;

      margin-top:26px;
    }

    .back-home{
      display:inline-flex;
      align-items:center;
      justify-content:center;

      min-height:44px;
      padding:0 22px;

      color:#ffffff;
      background:#b42318;

      border-radius:8px;

      font-size:15px;
      font-weight:700;
    }

    .back-home:hover{
      background:#971f16;
    }



    /* =========================
       选择区图标与卡片
    ========================= */

    .selection-heading{
      display:flex;
      align-items:center;
      gap:10px;
      margin-top:7px;
    }

    .selection-icon{
      flex:0 0 36px;
      width:36px;
      height:36px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#1f3a5f;
      background:#ffffff;
      border:1px solid #d9e1eb;
      border-radius:9px;
    }

    .selection-icon svg{
      width:22px;
      height:22px;
      display:block;
    }

    .selection-heading .selection-label{
      margin-top:0;
    }

    .choice-grid{
      display:grid;
      grid-template-columns:1fr;
      gap:9px;
      margin-top:12px;
    }

    .choice-card{
      width:100%;
      min-height:54px;
      padding:8px 11px;
      display:flex;
      align-items:center;
      gap:11px;
      color:#1f3a5f;
      background:#ffffff;
      border:1px solid #cfd8e6;
      border-radius:9px;
      cursor:pointer;
      text-align:left;
      transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
    }

    .choice-card:hover{
      border-color:#98a9bf;
      background:#fbfcfe;
    }

    .choice-card.active{
      border-color:#b42318;
      background:#fff7f6;
      box-shadow:0 0 0 2px rgba(180,35,24,.08);
    }

    .choice-card:focus-visible{
      outline:2px solid rgba(31,58,95,.28);
      outline-offset:2px;
    }

    .choice-card-icon{
      flex:0 0 34px;
      width:34px;
      height:34px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#f8fafc;
      border:1px solid #e2e8f0;
      border-radius:8px;
      overflow:hidden;
    }

    .choice-card-icon svg{
      width:25px;
      height:25px;
      display:block;
    }

    .choice-card-text{
      min-width:0;
      font-size:14px;
      font-weight:800;
      line-height:1.35;
    }

    .choice-card-sub{
      display:block;
      margin-top:2px;
      color:#667085;
      font-size:12px;
      font-weight:500;
    }

    .hidden-select{
      position:absolute !important;
      width:1px !important;
      height:1px !important;
      padding:0 !important;
      margin:-1px !important;
      overflow:hidden !important;
      clip:rect(0,0,0,0) !important;
      white-space:nowrap !important;
      border:0 !important;
    }

    /* =========================
       平板
    ========================= */

    @media(max-width:900px){

      .language-page{
        padding-top:24px;
      }

      .language-hero{
        padding:30px 24px;
      }

      .language-title{
        font-size:29px;
      }

      .selection-grid{
        grid-template-columns:1fr;
      }

      .illustrated-layout{
        grid-template-columns:1fr;
      }

      .illustrated-steps{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
      }

      .phone-stage{
        min-height:auto;
      }
    }


    /* =========================
       手机
    ========================= */

    @media(max-width:600px){

      .language-container{
        width:
          calc(100% - 24px);
      }

      .language-page{
        padding:18px 0 40px;
      }

      .language-hero,
      .guide-builder,
      .illustrated-section{
        padding:19px;
        border-radius:11px;
      }

      .language-title{
        font-size:25px;
      }

      .language-subtitle,
      .builder-intro,
      .section-intro{
        font-size:14px;
      }

      .builder-title,
      .section-title{
        font-size:22px;
      }

      .selection-box{
        padding:17px;
      }

      .illustrated-steps{
        grid-template-columns:1fr;
      }

      .phone-stage{
        padding:12px;
      }

      .phone-mockup{
        width:280px;
        height:536px;
      }
    }


/* =========================
   Safari（iPhone / iPad）专用界面
========================= */

.phone-mockup.safari-mode .chrome-bar{
  display:none;
}

.phone-mockup.safari-mode .mock-site{
  inset:0 0 74px;
}

.phone-mockup.safari-mode .phone-notch{
  z-index:60;
}

.safari-bottom-ui{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:35;
  padding:9px 8px 12px;
  background:rgba(244,246,249,.97);
  border-top:1px solid #d5dbe3;
  box-shadow:0 -5px 16px rgba(15,23,42,.08);
}

.safari-toolbar-row{
  display:flex;
  align-items:center;
  gap:6px;
}

.safari-tool{
  flex:0 0 30px;
  width:30px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#245f9e;
  font-size:18px;
  font-weight:800;
}

.safari-address-pill{
  flex:1;
  min-width:0;
  height:38px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  color:#3f4b5a;
  background:#ffffff;
  border:1px solid #d3d9e1;
  border-radius:20px;
  font-size:10px;
  box-shadow:0 1px 4px rgba(15,23,42,.06);
}

.safari-address-pill span:nth-child(2){
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.safari-page-menu-icon{
  flex:0 0 auto;
  color:#245f9e;
  font-size:14px;
  font-weight:900;
}

.safari-sheet{
  position:absolute;
  left:17px;
  right:17px;
  bottom:80px;
  z-index:42;
  overflow:hidden;
  color:#1f2937;
  background:rgba(252,252,253,.98);
  border:1px solid #d8dde5;
  border-radius:17px;
  box-shadow:0 18px 38px rgba(15,23,42,.24);
  backdrop-filter:blur(14px);
}

.safari-sheet-row{
  min-height:48px;
  padding:0 16px;
  display:flex;
  align-items:center;
  border-bottom:1px solid #eceff3;
  font-size:12px;
  line-height:1.35;
}

.safari-sheet-controls{
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#245f9e;
  background:#f5f6f8;
  font-size:13px;
  font-weight:800;
  letter-spacing:7px;
}

.safari-active-row{
  color:#b42318;
  background:#fff5f3;
  font-weight:800;
}

.safari-language-dialog{
  position:absolute;
  left:24px;
  right:24px;
  top:132px;
  z-index:45;
  overflow:hidden;
  color:#1f2937;
  background:rgba(252,252,253,.99);
  border:1px solid #d8dde5;
  border-radius:18px;
  box-shadow:0 18px 40px rgba(15,23,42,.27);
  text-align:center;
  backdrop-filter:blur(16px);
}

.safari-dialog-title{
  padding:17px 16px 5px;
  font-size:16px;
  font-weight:900;
}

.safari-dialog-subtitle{
  padding:0 18px 13px;
  color:#667085;
  font-size:11px;
  line-height:1.45;
}

.safari-language-choice{
  min-height:47px;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-top:1px solid #e8ebef;
  color:#2467a6;
  background:#ffffff;
  font-size:12px;
  font-weight:700;
}

.safari-language-choice.safari-active-row{
  color:#b42318;
  background:#fff5f3;
}

.safari-language-choice.safari-preferred{
  font-weight:800;
}

.safari-language-choice.safari-cancel{
  color:#667085;
}

.safari-session-note{
  position:absolute;
  left:19px;
  right:19px;
  top:112px;
  z-index:38;
  padding:14px 15px;
  display:flex;
  flex-direction:column;
  gap:4px;
  color:#1f3a5f;
  background:rgba(255,255,255,.96);
  border:1px solid #d7dfe9;
  border-radius:13px;
  box-shadow:0 10px 24px rgba(15,23,42,.15);
  text-align:center;
}

.safari-session-note strong{
  color:#b42318;
  font-size:14px;
}

.safari-session-note span{
  font-size:11px;
  line-height:1.45;
}

.safari-session-note small{
  color:#667085;
  font-size:9px;
  line-height:1.45;
}

.safari-final-note{
  top:auto;
  bottom:244px;
}

.phone-mockup.safari-mode .phone-highlight{
  z-index:55;
}

.phone-mockup.safari-mode .phone-arrow{
  z-index:56;
}

@media(max-width:600px){
  .safari-sheet{
    left:14px;
    right:14px;
  }

  .safari-language-dialog{
    left:20px;
    right:20px;
  }
}

/* =========================
   Translation 简化页头（最终版）
========================= */

.translation-header{
  position:relative;
  width:100%;
  background:#ffffff;
  border-bottom:1px solid #e3e8ef;
  box-shadow:0 3px 12px rgba(31,58,95,.05);
}

.translation-header-inner{
  width:min(1120px,calc(100% - 40px));
  min-height:76px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.translation-brand{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 auto;
  text-decoration:none;
}

.translation-logo{
  display:block;
  width:150px;
  max-width:100%;
  height:auto;
}

.translation-home-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:40px;
  padding:0 16px;
  color:#ffffff;
  background:#1f3a5f;
  border-radius:8px;
  font-size:14px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  writing-mode:horizontal-tb;
  text-decoration:none;
}

.translation-home-link:hover{
  background:#162d4a;
}


/* 平板与较窄屏幕：与主站 Logo 尺寸一致 */
@media(max-width:1100px){

  .translation-header-inner{
    width:calc(100% - 24px);
    min-height:66px;
    gap:12px;
  }

  .translation-logo{
    width:125px;
  }

  .translation-home-link{
    min-height:36px;
    padding:0 12px;
    font-size:13px;
  }
}


/* 小屏手机：与主站 Logo 尺寸一致 */
@media(max-width:520px){

  .translation-header-inner{
    min-height:62px;
    gap:8px;
  }

  .translation-logo{
    width:118px;
  }

  .translation-home-link{
    min-height:34px;
    padding:0 10px;
    font-size:11px;
  }
}


/* 特别窄的手机：与主站 Logo 尺寸一致 */
@media(max-width:390px){

  .translation-header-inner{
    width:calc(100% - 16px);
  }

  .translation-logo{
    width:108px;
  }

  .translation-home-link{
    padding:0 8px;
    font-size:10px;
  }
}

/* =========================
   手机页头最终强制修正 v14
========================= */

@media(max-width:600px){

  .translation-header{
    width:100% !important;
    overflow:hidden !important;
  }

  .translation-header-inner{
    width:calc(100% - 24px) !important;
    min-height:60px !important;
    max-height:60px !important;
    padding:0 !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    overflow:hidden !important;
  }

  .translation-brand{
    display:flex !important;
    align-items:center !important;
    flex:0 0 118px !important;
    width:118px !important;
    max-width:118px !important;
    overflow:hidden !important;
  }

  .translation-brand img,
  img.translation-logo{
    display:block !important;
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    height:auto !important;
    max-height:54px !important;
    object-fit:contain !important;
  }

  .translation-home-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:34px !important;
    padding:0 10px !important;
    font-size:11px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    writing-mode:horizontal-tb !important;
  }
}

@media(max-width:390px){

  .translation-brand{
    flex-basis:108px !important;
    width:108px !important;
    max-width:108px !important;
  }

  .translation-brand img,
  img.translation-logo{
    width:108px !important;
    min-width:108px !important;
    max-width:108px !important;
    max-height:50px !important;
  }

  .translation-home-link{
    padding:0 8px !important;
    font-size:10px !important;
  }
}

/* =========================
   Translation 页面本次调整 v16
========================= */

/* 1. LANGUAGE GUIDE 更醒目 */
.language-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin:0 auto 14px;
  padding:0 16px;
  color:#ffffff;
  background:#1f3a5f;
  border-radius:8px;
  font-size:14px;
  font-weight:900;
  letter-spacing:1.6px;
  line-height:1;
  text-transform:uppercase;
  box-shadow:0 5px 12px rgba(31,58,95,.16);
}

/* 2. 已选讲解语言更醒目 */
.guide-select{
  min-height:52px;
  color:#b42318;
  background:#fffdfc;
  border:2px solid #b42318;
  font-size:17px;
  font-weight:900;
  box-shadow:0 0 0 3px rgba(180,35,24,.07);
}

.guide-select:hover,
.guide-select:focus{
  border-color:#971f16;
  background:#fff8f7;
  box-shadow:0 0 0 4px rgba(180,35,24,.11);
}

.select-wrap .select-arrow{
  color:#b42318;
  font-size:14px;
  font-weight:900;
}

/* 3. 手机图解放前面，步骤解释放后面 */
.illustrated-layout{
  grid-template-columns:minmax(0,1fr) 340px;
}

.illustrated-viewer{
  order:1;
}

.illustrated-steps{
  order:2;
}

/* 4. 页头返回按钮改为单独箭头 */
.translation-home-link{
  width:42px;
  min-width:42px;
  height:40px;
  min-height:40px;
  padding:0;
  border-radius:8px;
  font-size:26px;
  font-weight:800;
  line-height:1;
}

.translation-home-link span{
  display:block;
  transform:translateY(-1px);
}

@media(max-width:900px){
  .illustrated-layout{
    grid-template-columns:1fr;
  }

  .illustrated-viewer{
    order:1;
  }

  .illustrated-steps{
    order:2;
  }
}

@media(max-width:600px){
  .language-eyebrow{
    min-height:31px;
    margin-bottom:12px;
    padding:0 13px;
    font-size:12px;
    letter-spacing:1.3px;
  }

  .guide-select{
    min-height:50px;
    font-size:16px;
  }

  .translation-home-link{
    flex:0 0 36px !important;
    width:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    font-size:22px !important;
  }
}

/* =========================
   暂未完成的设备与浏览器 v17
========================= */

.choice-card-coming{
  position:relative;
}

.choice-card-coming:hover{
  border-color:#c5ceda;
  background:#f9fafb;
}

.coming-soon-tag{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  margin-top:4px;
  padding:1px 7px;
  color:#6b7280;
  background:#f1f3f6;
  border:1px solid #d9dee6;
  border-radius:6px;
  font-size:10px;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
}

body.modal-open{
  overflow:hidden;
}

.coming-soon-modal[hidden]{
  display:none !important;
}

.coming-soon-modal{
  position:fixed;
  inset:0;
  z-index:5000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.coming-soon-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.52);
  backdrop-filter:blur(2px);
}

.coming-soon-dialog{
  position:relative;
  z-index:1;
  width:min(430px,100%);
  padding:30px 28px 26px;
  color:#222222;
  background:#ffffff;
  border:1px solid #e2e7ee;
  border-radius:14px;
  box-shadow:0 22px 55px rgba(15,23,42,.24);
  text-align:center;
}

.coming-soon-close{
  position:absolute;
  top:9px;
  right:11px;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#667085;
  background:transparent;
  border:0;
  border-radius:7px;
  font-size:27px;
  line-height:1;
  cursor:pointer;
}

.coming-soon-close:hover{
  color:#1f3a5f;
  background:#f3f6f9;
}

.coming-soon-icon{
  width:54px;
  height:54px;
  margin:0 auto 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#1f3a5f;
  background:#eef3f9;
  border-radius:50%;
  font-size:25px;
}

.coming-soon-dialog h2{
  color:#1f3a5f;
  font-size:22px;
  font-weight:800;
  line-height:1.35;
}

.coming-soon-dialog p{
  margin-top:10px;
  color:#667085;
  font-size:15px;
  line-height:1.7;
}

.coming-soon-confirm{
  min-width:110px;
  min-height:42px;
  margin-top:20px;
  padding:0 20px;
  color:#ffffff;
  background:#b42318;
  border:0;
  border-radius:8px;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}

.coming-soon-confirm:hover{
  background:#971f16;
}

@media(max-width:600px){
  .coming-soon-dialog{
    padding:27px 20px 22px;
    border-radius:12px;
  }

  .coming-soon-dialog h2{
    font-size:20px;
  }

  .coming-soon-dialog p{
    font-size:14px;
  }
}


/* Windows Chrome 图解（新增） */
.windows-guide-viewer{width:100%;max-width:760px;margin:0 auto;padding:10px;background:#fff;border:1px solid #dfe5ec;border-radius:12px;box-shadow:0 8px 24px rgba(31,58,95,.10);}
.windows-guide-viewer img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:8px;}
.windows-guide-viewer[hidden]{display:none!important;}
@media(max-width:700px){.windows-guide-viewer{padding:6px;border-radius:8px}.windows-guide-viewer img{max-height:none}}

/* 讲解语言入口前移：只调整位置、尺寸和视觉重点 */
.language-container > .guide-language-priority{
  margin:0 0 24px;
  padding:22px 26px;
  background:#fff5f2;
  border:2px solid #b42318;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(180,35,24,.10);
}

.guide-language-priority .selection-label{
  font-size:22px;
}

.guide-language-priority .select-wrap{
  margin-top:14px;
}

.guide-language-priority .guide-select{
  min-height:64px;
  padding:10px 54px 10px 18px;
  background:#fff;
  font-size:22px;
  border-width:2px;
}

.guide-language-priority .select-arrow{
  right:20px;
  font-size:20px;
}

.guide-language-priority .guide-select:focus-visible{
  outline:3px solid #1f3a5f;
  outline-offset:4px;
}

.guide-language-priority .selection-note{
  font-size:14px;
  color:#4b5563;
}

/* 语言独立置顶后，保留下面的设备和浏览器两项选择 */
@media(min-width:901px){
  .guide-builder .selection-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .language-container > .guide-language-priority{
    margin-bottom:18px;
    padding:17px;
    border-radius:11px;
  }

  .guide-language-priority .selection-label{
    font-size:19px;
  }

  .guide-language-priority .guide-select{
    min-height:58px;
    font-size:20px;
  }
}


/* 浏览器翻译说明：与现有页面一致，文字随菜单切换 */
.guide-usage-intro{
  margin:0 0 24px;
  padding:24px 28px;
  color:#4b5563;
  background:#fff;
  border:1px solid #e3e8ef;
  border-radius:14px;
  text-align:start;
  overflow-wrap:break-word;
}
.guide-usage-intro h2{
  margin:0 0 12px;
  color:#1f3a5f;
  font-size:21px;
  line-height:1.4;
}
.guide-usage-intro p{
  margin:10px 0 0;
  font-size:15px;
  line-height:1.8;
}
.guide-usage-intro [data-guide-usage="2"]{
  color:#1f3a5f;
  font-weight:700;
}
@media(max-width:600px){
  .guide-usage-intro{margin-bottom:18px;padding:19px;border-radius:11px;}
  .guide-usage-intro h2{font-size:20px;}
  .guide-usage-intro p{font-size:14px;}
}