.detail-page{background:linear-gradient(#f3f6fa 0,#fff 360px,#f8f9fa 100%);min-height:70vh}.detail-page-shell{padding:132px 0 88px}.detail-page-shell .container{max-width:1520px;padding-inline:clamp(24px,3vw,56px)}.detail-page-shell .breadcrumb{color:var(--text-light);flex-wrap:wrap;gap:10px;margin-bottom:22px;font-size:14px;display:flex}.detail-page-shell .breadcrumb a{color:var(--primary)}.detail-page-shell .breadcrumb a:hover,.detail-page-shell .breadcrumb a:focus-visible{color:var(--accent)}.detail-loading-shell{gap:22px;display:grid}.detail-loading-breadcrumb,.detail-loading-card,.detail-loading-media,.detail-loading-copy span,.detail-loading-copy strong,.detail-loading-copy p,.detail-loading-copy div{background:linear-gradient(90deg,#eef3f8 0%,#fff 48%,#eef3f8 100%) 0 0/220% 100%;animation:1.2s ease-in-out infinite detail-loading-shimmer}.detail-loading-breadcrumb{border-radius:999px;width:min(420px,66vw);height:18px}.detail-loading-card{border-radius:var(--radius);background-color:#fff;border:1px solid #1e3a5f1a;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:clamp(24px,3vw,46px);padding:clamp(24px,2.2vw,34px);display:grid;box-shadow:0 22px 58px #152a451a}.detail-loading-media{aspect-ratio:1;border-radius:var(--radius)}.detail-loading-copy{align-content:center;gap:18px;display:grid}.detail-loading-copy span{border-radius:999px;width:160px;height:24px}.detail-loading-copy strong{border-radius:10px;width:min(520px,100%);height:58px;display:block}.detail-loading-copy p{border-radius:8px;height:18px;margin:0}.detail-loading-copy p:first-of-type{width:min(680px,100%)}.detail-loading-copy p:nth-of-type(2){width:min(520px,80%)}.detail-loading-copy div{border-radius:4px;width:180px;height:48px;margin-top:16px}@keyframes detail-loading-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.detail-layout{grid-template-columns:clamp(212px,15vw,264px) minmax(0,1fr);align-items:start;gap:clamp(24px,2.8vw,42px);display:grid}.detail-sidebar{border-radius:var(--radius);background:#fffffff2;border:1px solid #1e3a5f1a;position:sticky;top:104px;overflow:hidden;box-shadow:0 16px 38px #152a4514}.detail-sidebar-title{border-bottom:1px solid #1e3a5f1a;align-items:baseline;gap:8px;padding:20px 18px 18px 16px;display:flex}.detail-sidebar-title span{color:var(--primary);font-size:22px;font-weight:800;line-height:1.2}.detail-sidebar-title strong{color:var(--accent);font-size:17px;font-weight:800}.detail-sidebar-nav{flex-direction:column;display:flex}.detail-sidebar-nav-viewport{width:100%}.detail-sidebar-link{color:var(--text);min-height:50px;transition:var(--transition);border-bottom:1px solid #1e3a5f14;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;font-size:15px;font-weight:700;line-height:1.35;display:flex}.detail-sidebar-link:last-child{border-bottom:none}.detail-sidebar-link span{overflow-wrap:anywhere}.detail-sidebar-link em{background:var(--bg-light);color:var(--text-light);text-align:center;border-radius:999px;flex:none;min-width:32px;padding:6px 8px;font-size:12px;font-style:normal;font-weight:800;line-height:1}.detail-sidebar-link:hover,.detail-sidebar-link:focus-visible{box-shadow:inset 4px 0 0 var(--accent);color:var(--accent);background:#e639460f;outline:none}.detail-content{grid-template-columns:minmax(0,1fr);gap:32px;min-width:0;display:grid}.detail-page .section-tag{letter-spacing:0;text-transform:none}.detail-hero-card{border-radius:var(--radius);background:#fff;border:1px solid #1e3a5f1a;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:stretch;gap:clamp(24px,3vw,46px);min-width:0;padding:clamp(24px,2.2vw,34px);display:grid;box-shadow:0 22px 58px #152a451a}.detail-gallery{min-width:0;position:sticky;top:104px}.detail-main-image{aspect-ratio:1;border-radius:var(--radius);background:linear-gradient(#fff 0,#f4f7fa 100%);border:1px solid #1e3a5f14;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.detail-main-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding:18px}.detail-thumbnail-list{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;margin-top:14px;display:grid}.detail-thumbnail{aspect-ratio:1;background:var(--bg-light);border-radius:var(--radius);transition:var(--transition);border:2px solid #0000;padding:0;display:block;position:relative;overflow:hidden}.detail-thumbnail:hover,.detail-thumbnail:focus-visible,.detail-thumbnail.active{border-color:var(--accent);outline:none}.detail-thumbnail img{-o-object-fit:cover;object-fit:cover}.detail-gallery-status{color:var(--primary);background:#ffffffe0;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:14px;right:14px;box-shadow:0 8px 24px #152a451f}.detail-summary{flex-direction:column;justify-content:center;min-width:0;padding:6px 0;display:flex}.detail-summary .section-tag{color:var(--accent);background:#e6394614;border-radius:999px;align-self:flex-start;margin-bottom:18px;padding:8px 12px;font-size:15px;font-weight:800;line-height:1}.detail-summary h1{color:var(--primary);max-width:11em;margin-bottom:24px;font-size:52px;line-height:1.1}.detail-description{color:var(--text-light);margin-bottom:24px;font-size:16px;line-height:1.8}.detail-fact-list{border-radius:var(--radius);background:#1e3a5f1f;border:1px solid #1e3a5f1f;grid-template-columns:repeat(2,minmax(180px,1fr));gap:1px;margin-bottom:24px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffbf}.detail-fact-list div{background:#fbfcfe;min-width:0;padding:18px 20px}.detail-fact-list div:last-child:nth-child(odd){grid-column:1/-1}.detail-fact-list dt{color:var(--text-light);margin-bottom:7px;font-size:13px;font-weight:700}.detail-fact-list dd{color:var(--primary);overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.42}.detail-actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.detail-actions .btn{min-width:176px;font-weight:700;box-shadow:0 12px 26px #152a451f}.detail-actions .btn-primary{background:var(--accent);color:#fff}.detail-actions .btn-primary:hover,.detail-actions .btn-primary:focus-visible{background:var(--accent-hover);color:#fff;transform:translateY(-2px);box-shadow:0 16px 32px #e6394633}.detail-actions .btn-secondary{background:var(--primary);color:#fff}.detail-actions .btn-secondary:hover,.detail-actions .btn-secondary:focus-visible{background:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 16px 32px #152a452e}.detail-actions .btn:active{transform:translateY(0);box-shadow:0 8px 18px #152a451f}.detail-section{box-shadow:none;background:0 0;border-top:1px solid #1e3a5f1a;border-radius:0;margin-top:0;padding-top:34px;scroll-margin-top:126px}.detail-section-heading{justify-items:start;gap:6px;margin-bottom:18px;display:grid}.detail-section-heading .section-tag{margin-bottom:0}.detail-section-heading h2{color:var(--primary);font-size:26px;line-height:1.25}.detail-intro-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:18px;display:grid}.detail-intro-copy{border-radius:var(--radius);background:#fff;border:1px solid #1e3a5f1a;padding:22px;box-shadow:0 10px 26px #152a450d}.detail-intro-copy:first-child{border-left:4px solid var(--accent);background:linear-gradient(135deg,#fffffffa,#f8fafcfa);grid-column:1/-1;padding:24px 26px}.detail-intro-copy h3,.detail-point h3,.detail-scenario h3{color:var(--primary);margin-bottom:10px;font-size:18px;line-height:1.35}.detail-intro-copy p,.detail-intro-copy li,.detail-point p,.detail-scenario p{color:var(--text-light);font-size:15px;line-height:1.75}.detail-intro-copy ul,.detail-check-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.detail-intro-copy li,.detail-check-list li{padding-left:18px;position:relative}.detail-intro-copy li:before,.detail-check-list li:before{background:var(--accent);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:.76em;left:0}.detail-point-grid,.detail-scenario-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;display:grid}.detail-point,.detail-scenario{border-radius:var(--radius);background:#fff;border:1px solid #1e3a5f1a;padding:22px;box-shadow:0 10px 26px #152a450d}.detail-table-wrap{border-radius:var(--radius);scrollbar-width:none;background:#fff;border:1px solid #1e3a5f1f;min-width:0;overflow-x:auto;box-shadow:0 12px 28px #152a450d}.detail-table-wrap::-webkit-scrollbar{display:none}.detail-spec-table{border-collapse:collapse;width:100%;min-width:620px}.detail-size-table{border-collapse:collapse;width:100%;min-width:760px}.detail-spec-table th,.detail-spec-table td,.detail-size-table th,.detail-size-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:15px 18px}.detail-spec-table th{color:var(--primary);background:#f5f8fb;width:30%;font-weight:700}.detail-size-table th,.detail-size-table td{border-right:1px solid var(--border);text-align:center}.detail-size-table thead th,.detail-size-table tbody th{background:var(--bg-light);color:var(--primary);font-weight:700}.detail-size-table td{color:var(--text);font-weight:600}.detail-spec-table tr:last-child th,.detail-spec-table tr:last-child td{border-bottom:none}.detail-evidence-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;display:grid}.detail-evidence-card{border-radius:var(--radius);background:#fff;border:1px solid #1e3a5f1a;padding:22px;box-shadow:0 10px 26px #152a450d}.detail-evidence-card span{color:var(--accent);background:#e6394614;border-radius:999px;align-items:center;min-height:26px;margin-bottom:12px;padding:6px 10px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.detail-evidence-card h3{color:var(--primary);margin-bottom:10px;font-size:18px;line-height:1.35}.detail-evidence-card p,.detail-check-list li{color:var(--text-light);font-size:15px;line-height:1.75}.detail-visual-groups{gap:30px;display:grid}.detail-visual-group{border-radius:var(--radius);background:#fff;border:1px solid #1e3a5f1a;grid-template-columns:minmax(190px,.26fr) minmax(0,1fr);align-items:start;gap:24px;padding:24px;display:grid;box-shadow:0 10px 26px #152a450d}.detail-visual-copy h3{color:var(--primary);margin-bottom:10px;font-size:18px;line-height:1.35}.detail-visual-copy p{color:var(--text-light);font-size:14px;line-height:1.7}.detail-visual-carousel{min-width:0}.detail-visual-toolbar{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:12px;display:flex}.detail-visual-toolbar>span{color:var(--primary);text-align:center;background:#1e3a5f0f;border-radius:999px;min-width:72px;padding:8px 10px;font-size:12px;font-weight:800;line-height:1}.detail-visual-controls{gap:8px;display:inline-flex}.detail-visual-controls button{color:var(--primary);cursor:pointer;height:34px;transition:var(--transition);background:#fff;border:1px solid #1e3a5f24;border-radius:50%;justify-content:center;align-items:center;width:34px;padding:0;display:inline-flex}.detail-visual-controls button:hover,.detail-visual-controls button:focus-visible{background:var(--primary);border-color:var(--primary);color:#fff;outline:none}.detail-visual-controls button:disabled,.detail-visual-controls button:disabled:hover,.detail-visual-controls button:disabled:focus-visible{color:#1e3a5f5c;cursor:not-allowed;background:#1e3a5f0a;border-color:#1e3a5f1a}.detail-visual-control-icon{fill:none;stroke:currentColor;stroke-width:2.2px;width:18px;height:18px}.detail-visual-viewport{cursor:grab;overscroll-behavior-x:contain;touch-action:pan-y;-webkit-user-select:none;user-select:none;min-width:0;overflow:hidden}.detail-visual-viewport.is-dragging{cursor:grabbing}.detail-visual-viewport.is-dragging .detail-visual-image{pointer-events:none;transition:none}.detail-visual-track{gap:12px;min-width:0;padding-bottom:2px;display:flex}.detail-visual-image{aspect-ratio:4/3;border-radius:var(--radius);min-width:0;transition:var(--transition);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#fff;border:1px solid #1e3a5f1a;flex:0 0 calc(25% - 9px);justify-content:center;align-items:center;display:flex;overflow:hidden}.detail-visual-image-frame{width:100%;height:100%;display:block;position:relative}.detail-visual-group--scene .detail-visual-image{aspect-ratio:16/9;flex-basis:calc(50% - 6px)}.detail-visual-group--modeling .detail-visual-image{flex-basis:calc(25% - 9px)}.detail-visual-group--model .detail-visual-image{aspect-ratio:3/4;flex-basis:calc(50% - 6px)}.detail-visual-image:hover,.detail-visual-image:focus-visible{border-color:#e6394657;outline:none;box-shadow:0 12px 28px #152a4514}.detail-visual-image img{-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;padding:10px}.detail-faq-list{gap:12px;display:grid}.detail-faq-list details{border-radius:var(--radius);background:#fff;border:1px solid #1e3a5f1f;box-shadow:0 10px 24px #152a450a}.detail-faq-list summary{color:var(--primary);cursor:pointer;padding:18px 20px;font-weight:700}.detail-faq-list p{color:var(--text-light);padding:0 20px 18px;line-height:1.75}@media (max-width:1180px){.detail-loading-card,.detail-point-grid,.detail-scenario-grid,.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static}.detail-sidebar-nav-viewport{scrollbar-width:none;overflow-x:auto}.detail-sidebar-nav-viewport::-webkit-scrollbar{display:none}.detail-sidebar-nav{flex-direction:row}.detail-sidebar-link{border-bottom:none;border-right:1px solid #1e3a5f14;flex:0 0 220px}.detail-sidebar-link:hover,.detail-sidebar-link:focus-visible{box-shadow:inset 0 -4px 0 var(--accent)}.detail-gallery{position:static}.detail-summary h1{font-size:40px}.detail-visual-image,.detail-visual-group--scene .detail-visual-image,.detail-visual-group--modeling .detail-visual-image,.detail-visual-group--model .detail-visual-image{flex-basis:calc(50% - 6px)}}@media (max-width:900px){.detail-hero-card{grid-template-columns:1fr}}@media (max-width:768px){.detail-page-shell{padding:104px 0 68px}.detail-page-shell .container{padding-inline:18px}.detail-sidebar{display:none}.detail-hero-card,.detail-loading-card,.detail-intro-grid,.detail-fact-list,.detail-visual-group{grid-template-columns:1fr}.detail-summary h1{font-size:32px}.detail-section{padding-top:28px}.detail-section-heading h2{font-size:23px}.detail-actions .btn{width:100%}.detail-thumbnail-list{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-visual-toolbar{justify-content:space-between}.detail-visual-image,.detail-visual-group--scene .detail-visual-image,.detail-visual-group--modeling .detail-visual-image,.detail-visual-group--model .detail-visual-image{flex-basis:100%}}