*{box-sizing:border-box}:root{font-family:"Microsoft YaHei",system-ui,sans-serif;font-synthesis:none;color:#263445;background:#f5f7fa}body{margin:0}header{max-width:1520px;margin:auto;padding:24px 32px 20px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:2px;color:#7c8999}h1{font-size:26px;letter-spacing:1px;margin:7px 0 0;font-weight:600}.draft{font-size:13px;color:#66758a}main{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:20px;max-width:1520px;margin:auto;padding:0 28px}.stage{height:calc(100vh - 174px);min-height:510px;position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 42% 32%,#edf2f7 0%,#e1e8f0 48%,#cbd5e1 100%);border:1px solid #d7dfe9}canvas{display:block;width:100%;height:100%;touch-action:none}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#e1e8f0;z-index:2}.loading[hidden]{display:none}.loading.error{color:#9c2645}.view-label{position:absolute;top:22px;left:24px;font-size:14px;pointer-events:none;color:#3d5068}.hint{position:absolute;bottom:19px;left:24px;color:#64758b;font-size:12px;pointer-events:none}aside{padding:25px 20px;background:white;border-radius:18px;border:1px solid #e4e9ef;max-height:calc(100vh - 174px);overflow:auto}h2{font-size:19px;font-weight:600;margin:9px 0 20px}.views{display:grid;grid-template-columns:1fr 1fr;gap:8px}.views.primary button{padding:15px 8px}.control-block p{font-size:13px;line-height:1.7;color:#6a788b;min-height:44px;margin:16px 0 18px}button{font:inherit;font-size:13px;border:1px solid #e0e6ed;border-radius:10px;background:#f8fafc;color:#46576d;padding:12px 8px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#edf1f6;border-color:#bac7d6}button:focus-visible,summary:focus-visible{outline:2px solid #82334c;outline-offset:3px}button[aria-pressed="true"]{background:#742c43;color:white;border-color:#742c43}button:disabled{opacity:.45;cursor:wait}.toolbar{display:flex;gap:6px;margin-bottom:24px}.toolbar button{padding:10px;min-width:36px}.toolbar #auto{flex:1}details{border-top:1px solid #e8edf3;padding:17px 0;font-size:13px}summary{cursor:pointer;font-weight:500;color:#42536b}details .views{margin-top:16px}.specs dl{margin-bottom:0}.specs dl div{margin:14px 0 0}dt{color:#7a889b;font-size:12px}dd{margin:5px 0;color:#3d4e65}.footnote{font-size:11px;line-height:1.7;color:#8895a6;margin:14px 0 0}footer{text-align:center;font-size:11px;color:#8995a5;padding:17px}body.capture header,body.capture aside,body.capture footer,body.capture .hint{display:none}body.capture main{display:block;padding:0;max-width:none}body.capture .stage{height:100vh;min-height:0;border:0;border-radius:0}body.capture .view-label{font-size:20px;top:30px;left:32px}body.capture .stage:after{content:'产品结构示意';position:absolute;bottom:24px;left:32px;font-size:12px;color:#65758a;pointer-events:none}@media(max-width:720px){header{padding:20px 18px 16px}h1{font-size:23px}.draft{font-size:11px}main{display:flex;flex-direction:column;padding:0 12px;gap:14px}.stage{height:53vh;min-height:340px}aside{padding:22px 18px;max-height:none}.views.primary{grid-template-columns:repeat(4,1fr);gap:5px}.views.primary button{font-size:12px;padding:13px 4px}.control-block p{min-height:0}.hint{left:16px;font-size:11px}.view-label{left:16px}.detail-views .views{grid-template-columns:repeat(3,1fr)}.specs dl{display:flex;gap:20px}footer{padding:18px}}

.video-link{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;margin:0 0 20px;border:1px solid #d9e2ec;border-radius:10px;background:#f5f8fb;color:#34485f;text-decoration:none;font-size:13px}.video-link span{font-size:11px;color:#7c8a9a}.video-link:hover{background:#eaf0f6}.video-link:focus-visible{outline:2px solid #82334c;outline-offset:3px}