/* Phone layout, loaded after page-specific styles. Desktop styles stay intact. */
@media (max-width:900px) {
  html {scroll-padding-top:88px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .header-inner {min-height:72px;gap:12px}
  .site-header .menu-toggle {display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 64px;min-height:52px;padding:6px;background:#f2f6fc;border-radius:4px}
  .menu-toggle span {width:22px;margin:3px 0}
  .menu-toggle:after {content:'菜单';font-size:11px;line-height:1.5;margin-top:3px;color:#344b68}
  .menu-toggle[aria-expanded=true]:after {content:'收起'}
  .site-header nav {display:none;position:absolute;left:0;right:0;top:100%;padding:12px 20px 20px;background:#fff;border-bottom:1px solid #dce5ef;box-shadow:0 18px 28px #14243b12;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
  .site-header nav.open {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
  .site-header nav a {display:flex;align-items:center;min-height:48px;padding:10px 12px;font-size:14px;white-space:normal;border-radius:4px}
  .site-header nav a[aria-current=page] {background:#edf5ff}
  .site-header nav a[aria-current=page]:after {display:none}
  .site-header nav .member-link {display:flex;border:0;padding-left:12px}
  .site-header nav .nav-contact {width:auto;margin:0;padding:10px 12px}
}
@media (max-width:800px) {
  .wrap {width:calc(100% - 32px)}
  .wrap>*,.hero-grid>*,.product-feature>*,.ai-feature>*,.section-heading>*,.footer-top>*,.contact-grid>*,.analysis-heading>*,.heritage-sources>* {min-width:0}
  h1,h2,h3,h4,p,li,dd,figcaption,a {overflow-wrap:anywhere}
  .section {padding-block:42px}
  .section-heading {align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:25px}
  .section-heading h2 {font-size:28px;line-height:1.4}
  .eyebrow {margin-bottom:13px;letter-spacing:.09em}
  .page-heading {padding-block:30px}
  .page-heading h1,.products-page .page-heading h1 {font-size:32px;line-height:1.35}
  .page-heading .lead,.products-page .page-heading .lead {font-size:14px;line-height:1.85;margin-top:16px}
  .hero-grid {min-height:0;grid-template-columns:minmax(0,1fr);gap:24px;padding-block:30px 34px}
  .hero h1 {font-size:clamp(32px,8.8vw,44px);line-height:1.25;letter-spacing:-.04em}
  .hero .eyebrow {font-size:8px;letter-spacing:.06em}
  .hero-description {font-size:14px;line-height:1.85;margin-top:16px}
  .hero-description br {display:none}
  .hero .actions {gap:10px 16px;margin-top:20px}
  .hero .button {font-size:12px;padding:10px 12px;gap:9px;min-height:44px}
  .hero-caption {margin-top:14px;font-size:10px}
  .hero-player {width:100%;max-width:100%;margin:0}
  .hero-player .case-view-header {padding:11px 12px}
  .player-tabs>button {font-size:11px;white-space:normal;min-height:48px;padding:6px 3px}
  .player-tabs>button>span {font-size:9px}
  .player-caption {flex-direction:column;gap:2px;font-size:10px;padding:10px 12px 0}
  .player-caption>span:first-child {max-width:none}
  .player-controls {align-items:flex-start;flex-direction:column;padding:4px 10px 8px;gap:0}
  .player-controls>span {font-size:10px;padding-left:2px;white-space:normal}
  .player-controls>div {width:100%;gap:6px;justify-content:space-between;flex-wrap:wrap}
  .player-controls button,.player-controls a {min-width:40px;min-height:44px;font-size:12px;padding:8px 4px}
  .player-controls #case-previous,.player-controls #case-next {min-width:40px;font-size:17px}
  .capability-strip {grid-template-columns:repeat(2,minmax(0,1fr));padding-block:20px;gap:16px 0}
  .capability-strip>div {grid-template-columns:minmax(0,1fr);gap:1px;padding-inline:12px}
  .capability-strip>div>span {grid-row:auto;font-size:10px}
  .capability-strip strong {font-size:14px}
  .capability-strip p {font-size:10px}
  .home-products-summary .product-feature {gap:22px;grid-template-columns:minmax(0,1fr)}
  .home-products-summary .product-picture {padding:38px 8px 8px}
  .home-products-summary .picture-tag {top:12px;left:12px;font-size:9px}
  .home-products-summary .product-copy h3 {font-size:29px}
  .home-products-summary .product-copy .product-subtitle {font-size:15px;line-height:1.7;margin-top:12px}
  .home-analysis-lines {gap:12px;margin-top:16px}
  .home-support-links {gap:4px 18px;margin-top:12px}
  .home-support-links a {min-height:40px;font-size:12px}
  .ai-feature {grid-template-columns:minmax(0,1fr);padding:25px 20px;gap:24px;margin-top:30px}
  .ai-feature h3 {font-size:29px}
  .ai-feature p {font-size:13px;line-height:1.85}
  .knowledge-visual {padding-top:16px}
  .knowledge-visual>div {padding-block:9px;flex-wrap:wrap;gap:5px 12px}
  .knowledge-visual>div>span {font-size:20px}
  .download-teaser {gap:22px}
  .download-types>a {gap:16px;padding-block:16px}
  .cta {padding:27px 22px;margin-bottom:35px;gap:22px}
  .cta h2 {font-size:28px}
  .footer-top {grid-template-columns:minmax(0,1fr);gap:22px;padding-bottom:25px}
  .footer-top>div:first-child {grid-column:auto}
  .footer-top>div>a:not(.brand),.footer-top>div>p,.footer-top>div:first-child>p {font-size:12px;line-height:1.9}
  .footer-top h3 {font-size:13px;margin-bottom:8px}
  .footer-top>div>a:not(.brand) {min-height:36px;margin-top:2px;display:flex;align-items:center}
  .footer-bottom>div {font-size:11px;gap:8px 16px}
  .footer-bottom a {display:inline-flex;min-height:36px;align-items:center}
  .subnav {gap:4px 14px;font-size:12px;padding-block:10px}
  .subnav a {min-height:40px;display:inline-flex;align-items:center;white-space:normal}
  .products-page .page-heading {padding-top:30px;padding-bottom:24px}
  .product-overview {grid-template-columns:minmax(0,1fr);gap:15px}
  .product-overview>article {padding:22px}
  .product-overview h2 {font-size:29px}
  .product-overview .overview-function {font-size:18px;margin-top:17px}
  .products-page .weldcae-intro,.products-page .joint-section>.section,.products-page .structure-section,.platform-section .section {padding-block:38px}
  .analysis-heading {gap:12px}
  .analysis-heading h2 {font-size:27px}
  .analysis-heading .lead {font-size:15px}
  .analysis-number {font-size:29px}
  .native-case-heading h3 {font-size:22px}
  .native-case-inputs {grid-template-columns:minmax(0,1fr);gap:16px}
  .native-case-inputs>li {padding:18px 16px 0}
  .native-case-inputs .native-ui-figure {margin-inline:-16px}
  .native-result-step,.native-assessment-step,.structure-playback-section {padding:18px 14px}
  .native-step-heading {gap:10px}
  .native-step-heading h4 {font-size:19px}
  .case-progress-label {white-space:normal;margin-left:0!important;max-width:100%}
  .structure-player-heading {flex-wrap:wrap;gap:4px 12px;padding:11px}
  .structure-axis-buttons button {min-height:44px;font-size:11px}
  .structure-playback-controls>div {gap:4px 10px;flex-wrap:wrap}
  .structure-playback-controls button,.structure-playback-controls a {min-height:44px}
  .structure-step-control {padding-inline:10px;gap:8px}
  .method-figure {min-width:0;max-width:100%;overflow-x:auto}
  .products-page .mobile-screen-detail {margin:0;border-top:1px solid #dce5ef;min-width:0}
  .mobile-screen-detail>summary {padding:12px 16px;min-height:46px;font-size:13px;color:#0969c8;cursor:pointer;line-height:1.7}
  .prepost-gallery>.mobile-screen-detail {border:1px solid #dce5ef;background:#fff}
  .mobile-screen-detail .native-ui-figure {margin:0!important;border:0}
  .platform-capabilities>article {padding:20px 16px}
  .platform-title {gap:12px;align-items:flex-start}
  .platform-title h3 {font-size:18px}
  .search-field {min-width:0;width:100%}
  .product-filter {min-width:0;flex-wrap:wrap}
  .category-tabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow:visible;border:0;padding-top:14px}
  .category-tabs>button,.category-tabs>button:first-child {padding:10px 8px;min-height:44px;border:1px solid #e3e7ed;border-radius:4px;white-space:normal;font-size:12px;text-align:center}
  .category-tabs .active {background:#edf5ff;border-color:#9ac5fb}
  .category-tabs .active:after {display:none}
  .resource-heading {flex-wrap:wrap;gap:10px;margin-block:18px}
  .resource-heading p,.resource-heading select,.resource-heading label {font-size:12px}
  .resource-grid {grid-template-columns:minmax(0,1fr)}
  .resource-card {padding:20px;min-height:0;gap:0}
  .resource-card h2 {font-size:19px}
  .resource-card-bottom {margin-top:20px}
  .resource-card-bottom>a,.resource-card-bottom>button {min-height:44px;font-size:12px}
  dialog {max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:30px 20px;overflow:auto}
  .resource-dialog .button {white-space:normal;max-width:100%}
  input,select,textarea {font-size:16px!important}
  .contact-grid {padding-bottom:45px}
  .contact-email {flex-wrap:wrap;gap:10px;font-size:16px}
  .contact-large {font-size:27px;gap:14px}
  .service-details>article {grid-template-columns:22px minmax(0,1fr);gap:12px}
  .company-products h3,.heritage-sources strong,.heritage-result strong {overflow-wrap:anywhere}
  .heritage-sources {grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px}
  .heritage-sources strong {font-size:23px}
  .company-intro h2 {font-size:28px}
  .founder-copy h3 {font-size:24px}
  .office-grid figcaption {padding:18px}
}
@media (max-width:360px) {
  .header-inner .brand {width:188px}
  .hero .actions>.button {gap:7px;font-size:11px;padding-inline:9px}
  .hero .actions {gap:8px}
}

/* Phone review: smaller headings and directly visible navigation. */
.product-heading-phone,.product-lead-phone {display:none}
@media (max-width:900px) {
  html {scroll-padding-top:20px}
  .site-header {position:relative}
  .header-inner {flex-wrap:wrap;gap:0;min-height:0;padding-top:6px}
  .site-header .menu-toggle {display:none}
  .site-header nav,.site-header nav.open {position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex-basis:100%;width:100%;max-height:none;overflow:visible;gap:2px 4px;padding:6px 0 10px;border:0;box-shadow:none;background:transparent}
  .site-header nav a,.site-header nav .member-link,.site-header nav .nav-contact {justify-content:center;text-align:center;padding:8px 3px;min-height:42px;margin:0;font-size:12px;line-height:1.5;gap:3px;white-space:normal}
  .site-header nav .member-link svg {display:none}
  .site-header nav .nav-contact {background:transparent;color:#344b68}
  .site-header nav .nav-contact:hover {background:#edf5ff!important;color:#087fff!important}
  .site-header nav a[href="services.html"],.site-header nav .nav-contact {font-size:0}
  .site-header nav a[href="services.html"]:before {content:'服务';font-size:12px}
  .site-header nav .nav-contact:before {content:'联系';font-size:12px}
}
@media (max-width:800px) {
  .page-heading h1,.products-page .page-heading h1 {font-size:26px;line-height:1.45;letter-spacing:-.02em}
  .hero h1 {font-size:clamp(29px,7.8vw,36px);line-height:1.3}
  .section-heading h2,.analysis-heading h2 {font-size:25px}
  .products-page .page-heading {padding-top:24px;padding-bottom:22px}
  .products-page .page-heading .eyebrow {font-size:9px;margin-bottom:12px}
  .product-heading-full,.product-lead-full {display:none}
  .product-heading-phone,.product-lead-phone {display:block}
  .product-heading-phone>span {display:block}
  .product-heading-phone em {display:block;margin-top:4px}
  .product-heading-phone .phrase {white-space:nowrap}
  .page-heading .lead,.products-page .page-heading .lead {line-height:1.65;margin-top:12px}
  .product-lead-phone>span {display:block}
  .product-lead-phone>span+span {margin-top:5px}
}

/* Real phone screenshots: keep section numbers clear of headings. */
@media (max-width:800px) {
  .analysis-heading {display:block;position:relative;margin-bottom:20px}
  .analysis-heading .analysis-number {position:absolute;top:0;left:0;width:26px;padding:0;font-size:12px;line-height:22px;text-align:center;background:#e5eefb;color:#6b89ad;border-radius:3px;letter-spacing:0}
  .analysis-heading .eyebrow {display:block;margin:0 0 10px 35px;min-height:22px;font-size:9px;line-height:22px;letter-spacing:.05em}
  .analysis-heading h2 {font-size:22px;line-height:1.4;letter-spacing:-.02em}
  .analysis-heading h2 .section-phrase {display:inline-block;white-space:nowrap}
  .analysis-heading .lead {font-size:14px;line-height:1.65;margin-top:12px}
  .analysis-heading .lead .section-phrase {white-space:nowrap}
  .products-page .joint-section>.section,.products-page .structure-section {padding-block:30px}
  .problem-band {padding:18px 17px;gap:12px}
  .problem-band h3 {font-size:16px;line-height:1.5}
  .problem-band ul {font-size:13px;line-height:1.75}
  .problem-band li+li {margin-top:10px}
  .joint-problems ul {gap:17px}
  .joint-problems li+li {margin-top:0}
  .joint-problems li strong {font-size:14px;line-height:1.6;margin-bottom:6px}
}

/* All seven destinations remain visible in one compact phone row. */
@media (max-width:900px) {
  .site-header nav,.site-header nav.open {grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:5px 0 8px}
  .site-header nav a,.site-header nav .member-link,.site-header nav .nav-contact {font-size:0;padding:8px 2px;min-height:44px;white-space:nowrap}
  .site-header nav a:before,.site-header nav a[href="services.html"]:before,.site-header nav .nav-contact:before {font-size:clamp(10px,2.9vw,12px);line-height:1.5;white-space:nowrap}
  .site-header nav a[href="index.html"]:before {content:'首页'}
  .site-header nav a[href="products.html"]:before {content:'产品'}
  .site-header nav a[href="services.html"]:before {content:'服务'}
  .site-header nav a[href="downloads.html"]:before {content:'下载'}
  .site-header nav a[href="about.html"]:before {content:'关于光赢'}
  .site-header nav .member-link:before {content:'会员'}
  .site-header nav .nav-contact:before {content:'联系'}
}

.mobile-home-return {display:none}
@media (max-width:900px) {
  .mobile-home-return {position:fixed;right:16px;bottom:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:50px;min-height:50px;padding:6px 9px;background:#fff;color:#0965d0;border:1px solid #b8d5f7;border-radius:8px;box-shadow:0 3px 14px #102b4d20;font-size:11px;font-weight:600;line-height:1.3;letter-spacing:0}
  .mobile-home-return svg {width:20px;height:20px}
  .mobile-home-return:hover {background:#edf5ff}
  .site-footer {padding-bottom:84px}
}

@media (max-width:900px) {
  .site-header nav,.site-header nav.open {grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,2fr) repeat(2,minmax(0,1fr))}
}
@media (max-width:359px) {
  .site-header nav,.site-header nav.open {grid-template-columns:repeat(7,minmax(0,1fr))}
  .site-header nav a[href="about.html"]:before {content:'光赢'}
}