.phone-product-detail-body { background: #eef2f6; }
.phone-product-detail { width: min(100%, var(--phone-content-width)); margin: 0 auto; overflow: hidden; color: #14223a; background: #f1f4f7; }
.phone-product-detail *, .phone-product-detail *::before, .phone-product-detail *::after { box-sizing: border-box; }
.phone-product-section { width: 100%; min-width: 0; padding: clamp(42px, 9vw, 76px) 0; }
.phone-product-section-inner { width: 100%; max-width: 750px; margin: 0 auto; padding-inline: clamp(16px, 4.267vw, 32px); }
.phone-product-section h2 { max-width: 640px; margin: 0 auto clamp(24px, 6vw, 46px); color: #14223a; font-size: clamp(27px, 6vw, 45px); font-weight: 500; line-height: 1.25; letter-spacing: -.035em; text-align: center; }
.phone-product-section h3 { margin: 0; color: #173154; font-size: clamp(19px, 4.267vw, 30px); line-height: 1.35; }
.phone-product-section p, .phone-product-section li { font-size: clamp(14px, 3.2vw, 21px); }
.phone-product-track { display: flex; width: 100%; min-width: 0; gap: clamp(14px, 3.2vw, 24px); overflow-x: auto; overflow-y: hidden; padding: 2px 2px 16px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: thin; touch-action: auto; overscroll-behavior-inline: contain; }
.phone-product-track > * { flex: 0 0 auto; scroll-snap-align: start; }

.phone-product-hero { position: relative; min-height: clamp(610px, 112vw, 840px); padding: clamp(118px, 20vw, 150px) 0 clamp(52px, 9vw, 70px); isolation: isolate; color: #fff; background-color: #183952; background-position: center; background-size: cover; }
.phone-product-hero-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(7, 30, 49, .67), rgba(7, 33, 55, .88)); }
.phone-product-hero-content { text-align: center; }
.phone-product-hero h1 { margin: 0; color: #fff; font-size: clamp(38px, 9.067vw, 68px); font-weight: 700; line-height: 1.15; letter-spacing: .04em; text-shadow: 0 5px 24px rgba(48, 179, 255, .35); }
.phone-product-hero-slogan { margin: 12px 0 0; font-size: clamp(24px, 5.6vw, 42px); font-weight: 300; letter-spacing: .05em; }
.phone-product-hero-subtitle { margin: 18px 0 0; color: #d7edff; font-size: clamp(18px, 4vw, 30px); }
.phone-product-hero-description { max-width: 610px; margin: clamp(32px, 7vw, 52px) auto 0; color: #e6f3fe; font-size: clamp(15px, 3.467vw, 24px); line-height: 1.8; }
.phone-product-highlight-track { display: flex; gap: 10px; margin-top: 26px; overflow-x: auto; padding: 4px 1px 12px; scroll-snap-type: x mandatory; touch-action: auto; }
.phone-product-highlight-track span { display: grid; flex: 0 0 auto; min-width: 172px; padding: 9px 13px; border: 1px solid rgba(189, 225, 250, .4); border-radius: 12px; background: rgba(12, 65, 99, .42); color: #eff8ff; scroll-snap-align: start; }
.phone-product-highlight-track strong { font-size: 14px; font-weight: 500; }
.phone-product-highlight-track small { margin-top: 2px; color: #bad9ef; font-size: 14px; }
.phone-product-hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(10px, 3.2vw, 24px); margin-top: clamp(36px, 8vw, 60px); }
.phone-product-hero-actions a { display: grid; min-height: clamp(52px, 11vw, 82px); padding: 10px; place-items: center; border: 1px solid rgba(202, 233, 255, .72); border-radius: clamp(10px, 2vw, 15px); color: #087fd4; background: rgba(222, 242, 255, .92); font-size: clamp(14px, 3.467vw, 24px); line-height: 1.35; text-decoration: none; box-shadow: 0 12px 30px rgba(0, 19, 35, .18); }
.phone-product-tag-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; margin-top: 34px; color: #dbeefb; }
.phone-product-tag-row span { position: relative; font-size: clamp(14px, 3.067vw, 21px); }
.phone-product-tag-row span:not(:last-child)::after { position: absolute; right: -11px; color: rgba(255, 255, 255, .46); content: "/"; }

.phone-product-intro, .phone-product-architecture, .phone-product-cases { background: #cfe6fa; }
.phone-product-lead { max-width: 650px; margin: -16px auto 30px; color: #6686a8; line-height: 1.8; text-align: center; }
.phone-product-lead p { margin: 0 0 10px; }
.phone-product-scenario-card { width: min(82vw, 455px); overflow: hidden; border-radius: 18px; background: #bcdcf7; box-shadow: 0 10px 28px rgba(54, 101, 144, .1); }
.phone-product-scenario-card > img { display: block; width: 100%; aspect-ratio: 1.36; object-fit: cover; }
.phone-product-scenario-card > div { padding: clamp(18px, 4vw, 30px); }
.phone-product-scenario-card p { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 8px; margin: 16px 0 0; color: #597b9e; line-height: 1.55; }
.phone-product-scenario-card p strong { color: #31597d; font-weight: 500; }

.phone-product-deployment { background: linear-gradient(180deg, #f5f8fb, #eaf2f9); }
.phone-product-deployment-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(12px, 3.2vw, 24px); }
.phone-product-deployment-grid article { min-width: 0; padding: clamp(20px, 4.8vw, 36px); border: 1px solid #d7e7f4; border-radius: 18px; background: rgba(255, 255, 255, .74); box-shadow: 0 14px 32px rgba(40, 75, 109, .07); }
.phone-product-deployment-grid p { margin: 18px 0; color: #66819c; }
.phone-product-deployment-grid strong { display: block; margin-bottom: 7px; color: #365c7e; font-size: 14px; font-weight: 500; }
.phone-product-deployment-grid ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.phone-product-deployment-grid li { padding: 5px 10px; border-radius: 999px; color: #39709c; background: #e8f4fd; }

.phone-product-modules { background: #fff; }
.phone-product-module-tabs { display: flex; gap: 8px; overflow-x: auto; margin-bottom: 26px; padding: 2px 1px 12px; scroll-snap-type: x proximity; touch-action: auto; }
.phone-product-module-tabs button { flex: 0 0 auto; max-width: 290px; min-height: 48px; padding: 10px 16px; border: 1px solid transparent; border-radius: 10px; color: #263b57; background: #f2f5f8; font-size: 14px; line-height: 1.35; cursor: pointer; scroll-snap-align: start; }
.phone-product-module-tabs button.is-active { border-color: #b4ddfb; color: #087fd4; background: #dff2ff; }
.phone-product-detail.is-enhanced .phone-product-module-panel:not(.is-active) { display: none; }
.phone-product-module-card { width: min(88vw, 535px); overflow: hidden; border-radius: 18px; background: #f2f5f8; box-shadow: 0 12px 28px rgba(38, 59, 87, .08); }
.phone-product-module-card > img { display: block; width: 100%; aspect-ratio: 1.62; object-fit: cover; background: #e4f1fb; }
.phone-product-module-copy { padding: clamp(20px, 4.8vw, 36px); }
.phone-product-module-copy > span { display: inline-block; margin: 15px 0 12px; padding: 6px 12px; border-radius: 8px; color: #078bdf; background: #dff2ff; font-size: 14px; }
.phone-product-module-copy p { margin: 10px 0 0; color: #657183; line-height: 1.7; }
.phone-product-module-copy .phone-product-pain { margin: 0; color: #273448; font-size: clamp(16px, 3.733vw, 25px); }
.phone-product-pain strong { display: block; margin-bottom: 8px; color: #087fd4; font-size: 14px; font-weight: 500; }

.phone-product-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(12px, 3.2vw, 24px); }
.phone-product-feature-grid article { min-width: 0; padding: clamp(20px, 4vw, 30px); border-radius: 16px; background: rgba(185, 217, 245, .7); }
.phone-product-feature-grid img { display: block; width: clamp(58px, 15vw, 105px); height: clamp(58px, 15vw, 105px); margin: 0 auto 12px; object-fit: contain; }
.phone-product-feature-grid h3 { text-align: center; }
.phone-product-feature-grid p { color: #6685a3; line-height: 1.65; }
.phone-product-feature-grid article > div { display: flex; flex-wrap: wrap; gap: 6px; }
.phone-product-feature-grid span { padding: 4px 8px; border-radius: 999px; color: #3e739d; background: rgba(255, 255, 255, .55); font-size: 14px; }

.phone-product-business { background: #f7f9fb; }
.phone-product-business-track article { width: min(84vw, 470px); overflow: hidden; border-radius: 18px; background: #d9eaf8; }
.phone-product-business-track img { display: block; width: 100%; aspect-ratio: 1.34; object-fit: cover; }
.phone-product-business-track article > div { padding: clamp(18px, 4vw, 30px); }
.phone-product-business-track p { margin: 12px 0 0; color: #6583a0; line-height: 1.55; }

.phone-product-services { background: #fff; }
.phone-product-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(12px, 3.2vw, 24px); }
.phone-product-service-grid article { min-width: 0; min-height: 250px; padding: clamp(22px, 4.8vw, 36px); border-radius: 16px; background: #f4f6f8; text-align: center; }
.phone-product-service-grid img { width: clamp(64px, 16vw, 112px); height: clamp(64px, 16vw, 112px); object-fit: contain; }
.phone-product-service-grid p { margin: 14px 0 0; color: #737f90; line-height: 1.7; text-align: left; }

.phone-product-cases h2 span { color: #008cff; }
.phone-product-case-lead { margin: -12px 0 28px; color: #6685a3; text-align: center; }
.phone-product-featured-case { display: grid; grid-template-columns: minmax(0, 1fr) 120px; gap: 20px; align-items: end; padding: clamp(22px, 5vw, 38px); border-radius: 16px; background: rgba(185, 217, 245, .65); }
.phone-product-featured-case p { margin: 12px 0 0; color: #5f7e9b; line-height: 1.65; }
.phone-product-featured-case .phone-product-case-type { color: #244d71; }
.phone-product-featured-case img { width: 120px; height: 90px; object-fit: contain; }
.phone-product-case-logo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.phone-product-case-logo-grid span { display: grid; min-height: 94px; padding: 10px; place-items: center; border-radius: 12px; background: rgba(185, 217, 245, .65); }
.phone-product-case-logo-grid img { width: 100%; max-height: 68px; object-fit: contain; }

.phone-product-faq { background: #f7f9fb; }
.phone-product-faq-lead { margin: -12px 0 24px; color: #72849a; text-align: center; }
.phone-product-faq-list { border-top: 1px solid #d9e1e9; }
.phone-product-faq-item { border-bottom: 1px solid #d9e1e9; }
.phone-product-faq-item summary { display: grid; grid-template-columns: minmax(0, 1fr) 24px; gap: 14px; align-items: center; padding: 22px 0; color: #193d62; cursor: pointer; font-size: clamp(15px, 3.6vw, 24px); line-height: 1.55; list-style: none; }
.phone-product-faq-item summary::-webkit-details-marker { display: none; }
.phone-product-faq-item summary i { position: relative; width: 20px; height: 20px; }
.phone-product-faq-item summary i::before, .phone-product-faq-item summary i::after { position: absolute; top: 9px; left: 2px; width: 16px; height: 2px; border-radius: 2px; background: #178ee0; content: ""; }
.phone-product-faq-item summary i::after { transform: rotate(90deg); transition: transform .2s ease; }
.phone-product-faq-item[open] summary i::after { transform: rotate(0deg); }
.phone-product-faq-item > div { padding: 0 0 24px; color: #65778c; }
.phone-product-faq-item > div p { margin: 0; line-height: 1.8; }

@media (max-width: 479px) {
    .phone-product-hero-actions { grid-template-columns: 1fr; }
    .phone-product-deployment-grid, .phone-product-feature-grid, .phone-product-service-grid { grid-template-columns: 1fr; }
    .phone-product-featured-case { grid-template-columns: 1fr; }
    .phone-product-featured-case img { width: 140px; justify-self: end; }
}

@media (max-width: 359px) {
    .phone-product-section-inner { padding-inline: 14px; }
    .phone-product-case-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .phone-product-scenario-card p { grid-template-columns: 78px minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .phone-product-track { scroll-behavior: auto; }
    .phone-product-faq-item summary i::after { transition: none; }
}