/* Supplied detail page, isolated within the existing SSPAI detail slot. */
#accessory-longform { width:100%; min-width:0; font-size:16px; line-height:1.5; isolation:isolate; }
#accessory-longform :where(h2,h3,p,figure,figcaption,dl,dd,ul,ol) { margin:0; padding:0; }
#accessory-longform p { font-size:inherit; line-height:inherit; }
#accessory-longform a { color:var(--detail-link-color,#0066cc)!important; word-break:normal; }
#accessory-longform img { margin:0; }
#accessory-longform [data-detail-hover="underline"]:hover { text-decoration:underline!important; }
#accessory-longform [data-detail-hover="fade"]:hover { opacity:0.85; }
#accessory-longform [id] { scroll-margin-top:110px!important; }
/* Without motion initialization the overview remains compact and readable. */
#accessory-longform:not(.detail-motion) [data-detail-ref="pinRef"] { height:auto!important; }
#accessory-longform:not(.detail-motion) [data-detail-ref="pinStageRef"] { position:static!important; height:auto!important; padding:72px 22px!important; }
#accessory-longform:not(.detail-motion) [data-word] { opacity:1!important; transform:none!important; }
@media(prefers-reduced-motion:reduce) {
  #accessory-longform [data-detail-ref="pinRef"] { height:auto!important; }
  #accessory-longform [data-detail-ref="pinStageRef"] { position:static!important; height:auto!important; padding:72px 22px!important; }
  #accessory-longform [data-word] { opacity:1!important; transform:none!important; }
}
#accessory-longform { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
#accessory-longform { margin: 0; padding: 0; background: #fff; }
#accessory-longform { font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Instrument Sans', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans SC', 'Microsoft YaHei', system-ui, sans-serif; color: #1d1d1f; }
#accessory-longform a { color: #0066cc; text-decoration: none; }
#accessory-longform a:hover { text-decoration: underline; }
#accessory-longform img { display: block; }
#accessory-longform #detail-top { box-sizing:border-box; scroll-margin-top:48px; }
#accessory-longform .bundle-scroll-hint { display:none; }
#accessory-longform .bundle-scroller { scroll-padding-inline:clamp(16px, 3vw, 22px); }
#accessory-longform .bundle-scroller.is-dragging { cursor:grabbing; scroll-snap-type:none!important; scroll-behavior:auto; user-select:none; -webkit-user-select:none; }
#accessory-longform .bundle-scroller img { -webkit-user-drag:none; }
@media(hover:hover) and (pointer:fine) {
  #accessory-longform .bundle-scroller { cursor:grab; user-select:none; -webkit-user-select:none; }
  #accessory-longform .bundle-scroller.is-dragging { cursor:grabbing; }
}
#accessory-longform .single-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; margin:4px 0 0; }
#accessory-longform .single-price > span { font-size:14px; color:#6e6e73; }
#accessory-longform .single-price > strong { font-size:clamp(22px, 2vw, 28px); line-height:1.2; font-weight:600; font-variant-numeric:tabular-nums; color:#1d1d1f; }
#accessory-longform #detail-charge .single-price > span { color:#a1a1a6; }
#accessory-longform #detail-charge .single-price > strong { color:#f5f5f7; }
#accessory-longform .feature-copy { display:grid; gap:8px; font-size:16px; line-height:1.6; }
#accessory-longform .feature-copy strong { font-size:19px; font-weight:600; }
#accessory-longform .feature-copy p { margin:0; color:#6e6e73; }
#accessory-longform .performance-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap:32px; }
#accessory-longform .performance-grid > div { border-top:1px solid #d2d2d7; padding-top:24px; }
#accessory-longform .performance-grid strong { display:block; font-size:clamp(28px, 3.5vw, 48px); letter-spacing:-0.02em; line-height:1.15; font-weight:600; }
#accessory-longform .performance-grid strong span { font-size:0.55em; }
#accessory-longform .performance-grid h3 { margin:14px 0 8px; font-size:19px; font-weight:600; }
#accessory-longform .performance-grid p { margin:0; color:#6e6e73; font-size:16px; line-height:1.6; }
#accessory-longform .product-cutout { position:relative; display:block; flex:none; height:calc(var(--lineup-height) * var(--product-size)); aspect-ratio:var(--product-aspect); overflow:hidden; }
#accessory-longform .product-cutout img { position:absolute; max-width:none; height:auto; width:var(--image-width); left:var(--image-left); top:var(--image-top); }
#accessory-longform .product-film { --product-aspect:249 / 539; --image-width:123.2932%; --image-left:-12.0482%; --image-top:-2.7829%; }
#accessory-longform .product-case { --product-aspect:274 / 542; --image-width:262.0438%; --image-left:-81.0219%; --image-top:-16.2362%; }
#accessory-longform .product-charger { --product-aspect:485 / 446; --image-width:150.9278%; --image-left:-25.7732%; --image-top:-32.2870%; }
#accessory-longform .product-cable { --product-aspect:654 / 627; --image-width:119.5719%; --image-left:-9.7859%; --image-top:-24.7209%; }
#accessory-longform .product-stand { --product-aspect:275 / 301; --image-width:138.5455%; --image-left:-16.7273%; --image-top:-19.9336%; }
#accessory-longform .product-film::before { content:""; position:absolute; inset:0.6% 1%; border-radius:17% / 8%; background:#fff; border:1px solid #6e6e73; box-sizing:border-box; }
#accessory-longform .hero-products { --lineup-height:clamp(56px, 18vw, 216px); width:min(100%, 1200px); display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); align-items:end; justify-items:center; gap:clamp(8px, 2vw, 32px); will-change:transform; }
#accessory-longform .hero-products .product-film { --product-size:0.9; }
#accessory-longform .hero-products .product-case { --product-size:0.93; }
#accessory-longform .hero-products .product-charger { --product-size:0.62; }
#accessory-longform .hero-products .product-cable { --product-size:1; }
#accessory-longform .hero-products .product-stand { --product-size:0.85; }
#accessory-longform #bundle-selection article { min-width:0; container-type:inline-size; }
#accessory-longform #bundle-selection article > :nth-child(2) { min-height:90px; }
#accessory-longform .bundle-products { --lineup-height:min(60px, 26cqw); display:flex; align-items:flex-end; gap:6px; height:72px; min-width:0; }
#accessory-longform .bundle-products .product-film, #accessory-longform .bundle-products .product-case { --product-size:1; }
#accessory-longform .bundle-products .product-film { border-radius:17% / 8%; }
#accessory-longform .bundle-products .product-film::before { inset:0; border:0; background:#fff; border-radius:17% / 8%; }
#accessory-longform .bundle-products .product-film::after { content:""; position:absolute; inset:0; border:1.5px solid #1d1d1f; border-radius:17% / 8%; box-sizing:border-box; pointer-events:none; }
#accessory-longform .bundle-recommended .product-film::after { border-color:#c4c4c8; box-shadow:inset 0 0 0 1px #1d1d1f; }
#accessory-longform .bundle-products .product-charger { --product-size:0.6; }
#accessory-longform .bundle-products .product-cable { --product-size:0.83; }
#accessory-longform .bundle-products .product-stand { --product-size:0.75; }
@media (max-width:1100px) {
#accessory-longform [data-screen-label="功能速览"] { height:auto !important; }
#accessory-longform [data-screen-label="功能速览"] > div { position:static !important; height:auto !important; padding:64px 16px !important; box-sizing:border-box; }
#accessory-longform [data-screen-label="功能速览"] [data-word] { opacity:1 !important; transform:none !important; }
#accessory-longform .overview-glow { inset:0 !important; width:100% !important; height:100% !important; margin:0 !important; transform:none !important; }
}
@media (max-width:600px) {
#accessory-longform header nav { display:none !important; }
#accessory-longform header a { display:inline-flex; align-items:center; min-height:44px; box-sizing:border-box; }
#accessory-longform header > div { gap:12px !important; }
#accessory-longform #detail-top { min-height:auto !important; padding-top:48px !important; padding-bottom:40px !important; gap:28px !important; }
#accessory-longform .hero-products { --lineup-height:clamp(96px, 26vw, 132px); grid-template-columns:repeat(6, minmax(0, 1fr)); column-gap:8px; row-gap:24px; transform:none !important; }
#accessory-longform .hero-products .product-cutout { grid-column:span 2; }
#accessory-longform .hero-products .product-cable { grid-column:2 / span 2; }
#accessory-longform .hero-products .product-stand { grid-column:4 / span 2; }
#accessory-longform .bundle-scroll-hint { display:block; margin:0 16px -24px; color:#6e6e73; font-size:14px; line-height:1.5; }
#accessory-longform .bundle-scroller > div { width:max-content; grid-auto-columns:264px !important; }
#accessory-longform #bundle-selection article { scroll-margin-top:64px; }
#accessory-longform #detail-protect > div > p, #accessory-longform #detail-connect > div > p, #accessory-longform #detail-stand > div > p, #accessory-longform #bundle-selection > div > p, #accessory-longform #detail-charge p:last-child, #accessory-longform footer ol { font-size:13px !important; line-height:1.6 !important; }
}
@media (prefers-reduced-motion: reduce) {
#accessory-longform { scroll-behavior: auto; }
}