:root {
  --phone-page-gap: clamp(14px, 4vw, 30px);
  --phone-card-padding: clamp(16px, 4.3vw, 37px);
}

.phone-home { width: min(100%, var(--phone-content-width)); margin: 0 auto; }
.phone-fit-shell { display: flex; width: 100%; flex-direction: column; gap: var(--phone-page-gap); padding-bottom: var(--phone-page-gap); overflow-x: clip; }
.phone-section { width: 100%; min-width: 0; overflow: hidden; }
.phone-card { 
  width: calc(100% - clamp(24px, 8vw, 62px)); 
  margin: 0 auto; 
  padding: var(--phone-card-padding); 
  padding-top: 24px; 
  padding-bottom: 24px;
  border-radius: clamp(12px, 3vw, 20px); 
  background: #fff; }
.phone-section-heading { text-align: center; }
.phone-section-heading h2 { margin: 0; font-size: clamp(26px, 5.2vw, 39px); font-weight: 500; line-height: 1.25; }
.phone-section-heading h2 span { color: var(--phone-blue); }
.phone-section-heading p { margin: 10px 0 0; color: var(--phone-muted); font-size: clamp(15px, 3.333vw, 25px); line-height: 1.55; }
.phone-compact-heading h2 { font-size: clamp(26px, 5.2vw, 39px); }
.phone-soft-button { display: block; width: max-content; max-width: 100%; margin: 20px auto 0; padding: 13px clamp(20px, 4.533vw, 34px); border: 0; border-radius: 8px; background: #d1edff; color: var(--phone-blue); font-size: clamp(15px, 3.333vw, 25px); line-height: 1.35; text-align: center; text-decoration: none; }
.phone-soft-button:disabled { cursor: not-allowed; opacity: 1; }

.phone-hero { position: relative; display: flex; min-height: clamp(430px, 112.82vw, 846px); flex-direction: column; padding: 0; background: var(--phone-pale, #e5f4ff); overflow: hidden; }
.phone-hero-track { display: flex; width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.phone-hero-track::-webkit-scrollbar { display: none; }
.phone-hero-slide { position: relative; display: flex; flex: 0 0 100%; min-height: clamp(430px, 112.82vw, 846px); flex-direction: column; align-items: center; padding: clamp(100px, 20.5vw, 193px) clamp(22px, 5.64vw, 42px) clamp(16px, 4.1vw, 31px); scroll-snap-align: start; scroll-snap-stop: always; color: var(--Color-3, #0068eb); text-align: center; text-decoration: none; box-sizing: border-box; }
.phone-hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.phone-hero-slide .phone-hero-copy { position: relative; z-index: 2; display: flex; width: 100%; max-width: 326px; flex-direction: column; align-items: center; row-gap: clamp(8px, 2.05vw, 15px); }
.phone-hero-slide .phone-hero-copy h1 { margin: 0; font-size: clamp(26px, 7.69vw, 58px); font-weight: 700; line-height: 1.2; }
.phone-hero-desc { margin: 0; line-height: clamp(22px, 6.15vw, 46px); font-size: clamp(14px, 4.1vw, 31px); }
.phone-hero-num { font-family: Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; }
.phone-hero-text { font-family: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; }
.phone-hero-tags-wrap { position: absolute; z-index: 2; bottom: 44px; left: 50%; width: calc(100% - clamp(24px, 11.28vw, 84px)); max-width: 666px; padding: clamp(5px, 1.28vw, 10px) clamp(14px, 3.59vw, 27px); border: 1px solid #fff; border-radius: 6px; background: rgba(255, 255, 255, .9); backdrop-filter: blur(5px); transform: translateX(-50%); }
.phone-hero-tags { margin: 0; color: var(--color, #0d99ff); font-size: clamp(12px, 3.59vw, 27px); line-height: 1.43; text-align: center; }
.phone-hero-dots { position: absolute; z-index: 2; bottom: 20px; left: 0; right: 0; display: flex; justify-content: center; gap: 8px; padding: 0; list-style: none; }
.phone-hero-dot { width: 8px; height: 4px; padding: 0; border: 0; border-radius: 4px; background: rgba(29, 34, 51, .2); cursor: pointer; transition: all .3s; }
.phone-hero-dot.active { width: 16px; background: rgba(29, 34, 51, .4); }

.phone-benefits { display: flex; align-items: center; justify-content: space-between; margin-top: clamp(16px, 3.2vw, 25px); padding: clamp(12px, 4.11vw, 20px) clamp(16px, 5.13vw, 24px); border-radius: 8px; background: rgba(13, 153, 255, .1); }
.phone-benefit-item { display: flex; flex-direction: column; align-items: center; gap: clamp(4px, 1.33vw, 10px); text-align: center; }
.phone-benefit-item img { width: clamp(16px, 4.267vw, 32px); height: clamp(16px, 4.267vw, 32px); flex: 0 0 auto; padding: clamp(2px, 0.533vw, 4px); border-radius: 5px; background: #fff; object-fit: contain; box-sizing: content-box; }
.phone-benefit-item span { color: #1d2233; font-size: clamp(13px, 3.467vw, 26px); line-height: 1.46; }
.phone-trial-form { margin-top: 20px; margin-bottom: 0; }
.phone-trial-field, .phone-trial-location { 
  position: relative; 
  display: flex; 
  min-height: 44px; 
  align-items: center; 
  margin-bottom: 10px; 
  padding: 8px clamp(14px, 3.2vw, 24px); 
  border: 1px solid #e3e5eb; 
  border-radius: 8px; }
.phone-trial-location { display: grid; grid-template-columns: 34px minmax(0, 1fr) minmax(0, 1fr); gap: 9px; }
.phone-trial-location label { position: relative; display: block; min-width: 0; padding-left: 9px; border-left: 1px solid #e3e5eb; }
.phone-field-icon { 
  width: 20px; 
  height: 20px; 
  flex: 0 0 auto; 
  margin-right: 10px; 
  object-fit: contain; }
.phone-trial-location > .phone-field-icon { margin-right: 0; }
.phone-trial-form input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; color: var(--phone-ink); font-size: 16px; }
.phone-trial-field:focus-within, .phone-trial-location:focus-within { border-color: #0d99ff; }
.phone-trial-location.is-picker-open { border-color: #0d99ff; }
.phone-trial-form input:focus { outline: none; box-shadow: none; border: 0; background: transparent; }
.phone-trial-form input:-webkit-autofill,
.phone-trial-form input:autofill { -webkit-box-shadow: 0 0 0 1000px transparent inset; box-shadow: 0 0 0 1000px transparent inset; -webkit-text-fill-color: var(--phone-ink); transition: background-color 5000s ease-in-out 0s; }
.phone-trial-form input::placeholder { color: #aeb3bc; }
.phone-trial-note-label { flex: 0 0 auto; margin-right: 12px; color: #737b88; font-size: 15px; }
.phone-trial-error { 
  position: absolute; 
  right: 6px; 
  /*bottom: -19px; */
  color: #c62828; 
  font-size: 12px; 
   }
.phone-trial-location .phone-trial-error { right: 0; white-space: nowrap; }
.phone-trial-form input[aria-invalid="true"] { color: #9d1d1d; }
.phone-trial-form button[type="submit"] { 
  width: 100%; 
  min-height: 44px;   
  border: 0; 
  border-radius: 8px; 
  color: #fff; 
  background: var(--phone-sky);
  font-size: 16px; }
.phone-trial-form button[type="submit"]:disabled { cursor: wait; opacity: .7; }
.phone-trial-status, .phone-trial-consent { min-height: 22px; margin: 9px 0 0; color: #697181; font-size: clamp(8px, 2.5vw, 12px); line-height: 1.55; text-align: center; }
.phone-trial-consent{
  margin-top: 20px;
}
.phone-trial-status[data-state="error"] { color: #b42318; }
.phone-trial-status[data-state="success"] { color: #16813c; }
.phone-trial-consent a { color: #385f87; text-decoration: underline; text-underline-offset: 2px; }
.phone-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; clip-path: inset(50%); }

.phone-trial-location .phone-trial-select-arrow { position: absolute; right: 0; top: 50%; transform: translateY(-50%); pointer-events: none; }
.phone-trial-location input[readonly] { cursor: pointer; }
.phone-trial-location input:disabled { color: #c0c4cc; cursor: not-allowed; }

.phone-trial-sheet-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, .5); z-index: 1000; }
.phone-trial-sheet-overlay[hidden] { display: none; }
.phone-trial-sheet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1001; max-height: 70vh; background: #ffffff; border-radius: 16px 16px 0 0; display: flex; flex-direction: column; }
.phone-trial-sheet[hidden] { display: none; }
.phone-trial-sheet-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #e8e9ee; flex-shrink: 0; }
.phone-trial-sheet-back { border: 0; background: transparent; color: var(--phone-blue); font-size: 14px; cursor: pointer; padding: 0; }
.phone-trial-sheet-back[hidden] { display: none; }
.phone-trial-sheet-title { color: #1d2233; font-size: 16px; font-weight: 600; }
.phone-trial-sheet-close { display: flex; align-items: center; justify-content: center; border: 0; background: transparent; cursor: pointer; padding: 0; line-height: 1; }
.phone-trial-sheet-list { margin: 0; padding: 8px 0; list-style: none; flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.phone-trial-sheet-list li { padding: 14px 20px; color: #1d2233; font-size: 16px; line-height: 1.5; cursor: pointer; }
.phone-trial-sheet-list li:active { background: #f0f1f3; }
.phone-trial-sheet-list li.is-selected { color: var(--phone-blue); font-weight: 500; background: rgba(13, 153, 255, .06); }

.phone-stat-grid { 
  display: grid; 
  grid-template-columns: repeat(3, minmax(0, 1fr)); 
  gap: 10px; 
  margin-top: 24px; 
  border-radius: 8px; 
  background: var(--phone-pale); 
}
.phone-stat-grid div { 
  display: grid; 
  min-height: 90px; 
  place-items: center; 
  align-content: center; 
  gap: 8px; 
  }
.phone-stat-grid strong { color: var(--phone-blue); font-size: clamp(20px, 6.155vw, 32px); line-height: 1; }
.phone-stat-grid span { color: #697181; font-size: clamp(14px, 3.333vw, 25px); }
.phone-award-row { 
  display: grid; 
  grid-template-columns: repeat(4, minmax(0, 1fr)); 
  gap: 8px; 
  margin-top: 24px; }
.phone-award-row figure { min-width: 0; margin: 0; text-align: center; }
.phone-award-row img { width: clamp(58px, 13.333vw, 100px); height: clamp(58px, 13.333vw, 100px); object-fit: contain; }
.phone-award-row figcaption { margin-top: 10px; color: #697181; font-size: clamp(14px, 3.2vw, 24px); line-height: 1.45; }

.phone-system .phone-section-heading h2 { font-size: clamp(20px, 6.7vw, 24px); font-weight: 500; line-height: 1.21; }
.phone-system-tabs { display: flex; justify-content: center; gap: 16px; margin: 24px 0 0; }
.phone-system-tabs button { 
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 6px 16px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--text, #1d2233);
  font-size: 14px;
  line-height: 17px;
  cursor: pointer;
  transition: background .3s ease, color .3s ease; }
.phone-system-tabs .is-active { color: var(--Color-3, #0068eb); background: rgba(13, 153, 255, .1); }
.phone-system-track { display: flex; width: calc(100% + var(--phone-card-padding)); gap: 10px; margin-top: 24px;  overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; touch-action: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.phone-system-track::-webkit-scrollbar { display: none; }
.phone-system-track .phone-system-card { position: relative; display: flex; flex: 0 0 min(91%, 326px); min-height: clamp(360px, 100vw, 421px); flex-direction: column; border-radius: 6px; scroll-snap-align: start; scroll-snap-stop: always; overflow: hidden; box-shadow: 0 6px 24px rgba(0, 104, 235, .06); }
.phone-system-card .phone-system-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; }
.phone-system-card .phone-system-body { position: relative; z-index: 1; display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; gap: 150px; padding: 20px 16px; }
.phone-system-card .phone-system-head { display: flex; flex-direction: column; gap: 8px; }
.phone-system-card h3 { margin: 0; color: var(--Color-3, #0068eb); font-size: 20px; font-weight: 700; line-height: 22px; }
.phone-system-lead { margin: 0; opacity: .7; color: var(--text, #1d2233); font-size: 14px; line-height: 17px; }
.phone-system-copy { display: flex; flex-direction: column; margin-top: auto;  border-radius: 6px; }
.phone-system-copy p { margin: 0; color: var(--text, #1d2233cc); font-size: clamp(13px, 2.5vw, 19px); line-height: 1.6; }
.phone-system-copy p + p { margin-top: 16px; }
.phone-system-copy strong { color: var(--Color-3, #0068eb); font-weight: 600; }
.phone-system-button { display: inline-flex; align-items: center; justify-content: center; column-gap: 2px; margin: 24px auto 0; padding: 8px 16px; border-radius: 6px; background: rgba(13, 153, 255, .1); color: var(--Color-3, #0068eb); font-size: 14px; line-height: 17px; text-align: center; text-decoration: none; transition: background .3s ease; }
.phone-system-button svg { width: 16px; height: 16px; flex-shrink: 0; }

.phone-solution-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(8px, 2.533vw, 19px); margin-top: 30px; }
.phone-solution-grid a,
.phone-solution-grid div { display: grid; min-height: 76px; place-items: center; align-content: center; gap: 4px;  border-radius: 8px; background: var(--phone-pale); color: #697181; font-size: clamp(13px, 2.5vw, 19px); line-height: 1.2; text-align: center; text-decoration: none; }
.phone-solution-grid img { width: 30px; height: 30px; object-fit: contain; }

.phone-ai-track { display: flex; width: calc(100% + var(--phone-card-padding)); gap: clamp(8px, 2.8vw, 10px); margin-top: 24px; padding: 0 var(--phone-card-padding) 10px 0; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; touch-action: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.phone-ai-track::-webkit-scrollbar { display: none; }
.phone-ai-track .phone-ai-card { position: relative; display: flex; flex: 0 0 clamp(230px, 75.4vw, 270px); min-height: clamp(270px, 88.5vw, 317px); flex-direction: column; border-radius: 6px; scroll-snap-align: start; scroll-snap-stop: always; overflow: hidden; }
.phone-ai-card .phone-ai-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; }
.phone-ai-card .phone-ai-body { position: relative; z-index: 1; display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; padding: 16px 14px; background: linear-gradient(180deg, #b4ebff 27.87%, rgba(194, 239, 255, 0) 56.39%, #e4f8ff 85.15%); }
.phone-ai-loss .phone-ai-body,
.phone-ai-membership .phone-ai-body,
.phone-ai-inventory .phone-ai-body,
.phone-ai-weighing .phone-ai-body { background: linear-gradient(180deg, #c2deff 27.87%, rgba(194, 255, 255, 0) 56.39%, #e0feff 85.15%); }
.phone-ai-card .phone-ai-copy { display: flex; flex-direction: column; row-gap: 10px; }
.phone-ai-card h3 { margin: 0; color: var(--Color-3, #0068eb); font-size: 18px; font-weight: 700; line-height: 22px; }
.phone-ai-card p { margin: 0; width: 238px; max-width: 100%; color: var(--text, #1d2233); font-size: 14px; line-height: 1.5; opacity: .6; }
.phone-ai-industries { display: flex; align-items: center; justify-content: center; column-gap: 6px; width: 100%; }
.phone-ai-industries > span { display: flex; flex: 1 1 0; min-width: 0; flex-direction: column; align-items: center; row-gap: 4px; color: #1d2233; font-size: 14px; line-height: 1.2; text-align: center; opacity: .6; }
.phone-ai-industries-two { column-gap: 24px; }
.phone-ai-industries-two > span { flex: 0 0 auto; }
.phone-ai-icon { position: relative; display: inline-block; width: 32px; height: 32px; border-radius: 6px; background: rgba(255, 255, 255, .88); overflow: hidden; }
.phone-ai-icon::before { content: ""; position: absolute; inset: 0; background-color: #0068eb; -webkit-mask-image: var(--icon-url); mask-image: var(--icon-url); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }
.phone-ai-dots { display: flex; justify-content: center; gap: 8px; margin-top: 16px; padding: 0; list-style: none; }
.phone-ai-dot { width: 8px; height: 4px; padding: 0; border: 0; border-radius: 4px; background: rgba(29, 34, 51, .2); cursor: pointer; transition: all .3s; }
.phone-ai-dot.active { width: 16px; background: rgba(29, 34, 51, .4); }
.phone-wide-button { font-size: clamp(14px, 2.5333vw, 19px); }

.phone-featured-case { position: relative; min-height: 290px; margin-top: 24px; padding: clamp(16px, 4.2vw, 32px) clamp(16px, 4.2vw, 32px); border-radius: 8px; background: #f5f6f7; }
.phone-featured-case h3 { margin: 0 0 8px; font-size: clamp(20px, 4.133vw, 31px); }
.phone-featured-case strong { display: block; font-size: clamp(16px, 3.4vw, 28px); font-weight: 500; line-height: 1.55; }
.phone-featured-case p { max-width: 100%; margin: 8px 0 0; color: #626a78; font-size: clamp(14px, 2.533vw, 19px); line-height: 1.65; }
.phone-case-signature { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; }
.phone-case-signature img { display: block; width: clamp(80px, 12vw, 90px); height: auto; object-fit: contain; }
.phone-case-signature span { color: #626a78; font-size: clamp(14px, 2.5333vw, 19px);  white-space: nowrap; }
.phone-case-logos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, 2.533vw, 19px); margin-top: 20px; }
.phone-case-logos img { width: 100%; height: clamp(74px, 12.267vw, 92px); padding: 5px; border-radius: 8px; background: #f5f6f7; object-fit: contain; }

.phone-hotline { display: grid; min-height: 44px; margin: 28px 0 0;  place-items: center; border-radius: 8px; background: var(--phone-pale); color: var(--phone-blue); font-size: clamp(16px, 3.4vw, 28px); font-weight: 700; text-align: center; }

.phone-news-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 2.533vw, 19px); margin-top: 24px; }
.phone-news-item { min-width: 0; color: inherit; text-decoration: none; }
.phone-news-item h3,
.phone-news-item p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }
.phone-news-grid img { width: 100%; aspect-ratio: 1.65 / 1; border-radius: 8px; object-fit: cover; }
.phone-news-grid h3 { margin: 8px 0px; font-size: clamp(16px, 3.4vw, 28px); font-weight: 500;  }
.phone-news-grid p { margin: 0; color: #626a78; font-size: clamp(14px, 2.5333vw, 19px);  }
.phone-news-grid time { display: block; margin-top: 4px; color: #848b96; font-size: 12px; }

.phone-faq-list { margin-top: 24px; }
.phone-faq-item { border-top: 1px solid #e5e7eb; }
.phone-faq-item:first-child { border-top: 0; }
.phone-faq-item summary { width: 100%; padding: 15px 0; color: var(--phone-ink); font-size: clamp(15px, 3.067vw, 23px); font-weight: 400; line-height: 1.5; list-style: none; cursor: pointer; }
.phone-faq-item summary::-webkit-details-marker { display: none; }
.phone-faq-item[open] summary { color: #153960; }
.phone-faq-answer p { margin: 0 0 16px; color: #626a78; font-size: clamp(14px, 2.533vw, 19px); line-height: 1.7; }

@media (max-width: 420px) {
  .phone-benefits { grid-template-columns: 1fr; }
  .phone-news-grid { grid-template-columns: 1fr; }
}

@media (max-width: 359px) {
  .phone-solution-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}