.video-poster{display:block;width:100%;padding:0;border:1px solid #dce2ed;border-radius:13px;overflow:hidden;background:#fff;text-align:left;color:#172942;box-shadow:0 12px 35px #24365709;transition:box-shadow .2s,transform .2s}.video-poster:hover{transform:translateY(-3px);box-shadow:0 20px 50px #2436571a}.poster-visual{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#e7edf5,#f0ebf7);isolation:isolate;overflow:hidden}.poster-image{position:absolute;inset:30px 24px -30px;border:5px solid #ffffffb3;border-radius:10px;overflow:hidden;box-shadow:0 15px 50px #1f34431c;transform:translateY(5px);transition:transform .35s}.poster-image img{width:160%;max-width:none;opacity:.8}.video-poster:hover .poster-image{transform:translateY(0)}.poster-visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#e6eaf4e6);z-index:0;pointer-events:none}.poster-type{position:absolute;left:18px;top:13px;font-size:9px;letter-spacing:.12em;font-weight:700;color:#42546d;background:#ffffffed;padding:5px 8px;border-radius:4px;z-index:1}.poster-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#192e54;color:white;font-size:20px;padding-left:3px;box-shadow:0 0 0 8px #ffffffa8,0 8px 28px #24375730;z-index:2;transition:box-shadow .2s}.video-poster:hover .poster-play{box-shadow:0 0 0 12px #ffffffa8,0 8px 28px #24375730}.poster-runtime{position:absolute;bottom:14px;right:16px;z-index:2;background:#ffffffec;padding:4px 9px;border-radius:4px;color:#42546d;font-size:10px}.poster-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 23px}.poster-caption strong{display:block;font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.02em}.poster-caption small{display:block;margin-top:6px;color:#5f6f83;font-size:12px}.poster-diagram{position:absolute;inset:0;padding:39px 20px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit-label{font-size:9px;letter-spacing:.14em;color:#5f5484;font-weight:700}.orbit-row,.policy-chips{display:flex;gap:9px;justify-content:center;margin:12px 0 0;width:100%}.orbit-row span,.policy-chips span{background:#fff;padding:8px 12px;border-radius:5px;box-shadow:0 3px 10px #293c4f08;color:#40536b;font-size:11px}.connector-lines{height:30px;width:60%;border-left:1px solid #b6aecf;border-right:1px solid #b6aecf;border-bottom:1px solid #b6aecf;border-radius:0 0 20px 20px;margin-bottom:10px}.poster-diagram strong{font-size:20px;font-weight:500;letter-spacing:-.03em;color:#192e54}.poster-diagram small{font-size:10px;color:#65748a;margin-top:5px}.poster-diagram+.poster-type~.poster-play{left:auto;right:20px;top:auto;bottom:20px;transform:none;width:42px;height:42px;font-size:14px;box-shadow:0 0 0 5px #ffffffa8}.poster-diagram+.poster-type~.poster-runtime{left:16px;right:auto}.candidate-art strong{margin:12px 0 16px;font-size:24px;line-height:1.2}.candidate-steps{display:flex;gap:12px;font-size:10px;color:#425670}.refined .hero-layout{grid-template-columns:1fr 1.03fr;gap:55px}.refined .hero{background:radial-gradient(ellipse at 85% 20%,#eeebf8 0%,transparent 55%),#fbfcfe;padding-top:65px}.refined .hero .video-large{box-shadow:0 30px 80px #293b5715}.video-large .poster-visual{aspect-ratio:1.35}.video-large .poster-image{inset:45px 28px -15px}.video-large .poster-image img{width:175%}.video-large .poster-play{width:74px;height:74px;font-size:23px}.operation-panel .video-poster{margin-top:27px}.operation-panel{display:flex;flex-direction:column}.operation-panel>.text-action{align-self:flex-start}.operation-panel .video-poster{margin-top:auto}.operation-panel .footnote,.operation-panel .compact-list{margin-bottom:26px}.candidate-feature{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin-top:50px;padding-top:45px;border-top:1px solid #dce2ed}.candidate-feature h3{font-size:31px;font-weight:500;line-height:1.15}.candidate-feature p{color:#58697c;margin-top:20px;font-size:15px}.candidate-feature .poster-visual{aspect-ratio:2}.integration-strip .video-poster{min-width:0}.preview-dialog{max-width:980px;padding:24px}.preview-dialog .close{position:relative;z-index:5}.preview-header{padding:5px 12px 18px}.preview-header h2{margin:10px 0;font-size:30px}.preview-header p{font-size:13px}.story-stage{background:linear-gradient(135deg,#eff2f8,#f2eef9);border:1px solid #e0e5ee;border-radius:9px;padding:30px;min-height:270px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.story-stage .scene-number{font-size:11px;color:#776196;letter-spacing:.12em}.story-stage h3{font-size:28px;margin:15px 0;line-height:1.15}.story-stage p{font-size:14px}.scene-graphic{background:white;border-radius:9px;padding:25px;box-shadow:0 15px 40px #26395110}.scene-graphic span{display:block;padding:14px 0;border-bottom:1px solid #e4e8ef;font-size:14px;color:#304860}.scene-graphic small{display:block;font-size:10px;color:#687a8f;margin-top:20px}.story-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:22px;flex-wrap:wrap}.story-controls button{border:1px solid #c7d1df;background:white;padding:10px 18px;color:#192e54;border-radius:6px}.story-controls button:disabled{opacity:.4;cursor:default}.story-controls .next{background:#192e54;color:white}.story-position{font-size:12px;color:#5a6c82}.story-dots{display:flex;gap:6px;margin-top:15px}.story-dots span{height:3px;background:#dce2ec;flex:1}.story-dots span.active{background:#76639e}.scene-graphic img{border-radius:5px}.scene-graphic .source-note{font-size:10px}.preview-dialog .story-stage img{max-width:100%}
@media(max-width:850px){.refined .hero-layout{grid-template-columns:1fr;gap:30px}.video-large{max-width:640px;margin:0 auto}.video-large .poster-visual{aspect-ratio:16/9}.candidate-feature{grid-template-columns:1fr;gap:25px}.story-stage{grid-template-columns:1fr;padding:22px;gap:22px}.preview-dialog{padding:18px}.preview-header{padding-left:0}.refined .hero{padding-top:40px}}
@media(max-width:450px){.poster-caption{padding:16px}.poster-caption strong{font-size:15px}.poster-diagram{padding:35px 14px 22px}.poster-diagram strong{font-size:17px}.orbit-row span,.policy-chips span{padding:6px;font-size:10px}.poster-diagram small{font-size:9px}.poster-diagram+.poster-type~.poster-play{width:32px;height:32px;right:14px;bottom:14px}.candidate-feature .poster-visual{aspect-ratio:16/9}.candidate-art strong{font-size:21px}.poster-runtime{font-size:9px}.poster-play{width:52px;height:52px}.story-controls{gap:8px}.story-controls button{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.video-poster,.poster-play,.poster-image{transition:none}.video-poster:hover{transform:none}}