*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#183c34;font-family:'Microsoft YaHei',system-ui,sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{cursor:pointer;background:#fffefa;border:1px solid #bdcaba;border-radius:5px;min-height:40px;padding:6px 13px}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){background:#eaf0e5}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #af6533;outline-offset:3px}.skip{position:absolute;left:20px;top:-60px;padding:10px;background:#183c34;color:white;z-index:5}.skip:focus{top:10px}header{padding:25px 32px;display:flex;gap:30px;align-items:center;border-bottom:1px solid #d4dad0}.wordmark{font-weight:700;white-space:nowrap;font-size:20px}h1{font-size:22px;line-height:1.5;margin:0 0 5px}header p{margin:0;color:#596c61;font-size:13px}.back{margin-left:auto;white-space:nowrap;font-size:13px}main{display:grid;grid-template-columns:245px minmax(0,1fr);gap:24px;padding:24px 32px}aside{min-width:0}#stage-list{display:grid;gap:7px}#stage-list button{display:flex;gap:11px;align-items:flex-start;text-align:left;padding:12px;width:100%;background:transparent;border-color:transparent}#stage-list button[aria-current=step]{background:#e7eedf;border-color:#b7c8ae}#stage-list small{display:block;font-size:11px;color:#536a53;margin-top:3px;line-height:1.6}#stage-list .number{font-variant-numeric:tabular-nums;font-size:12px;line-height:24px;color:#5f735a}#stage-list strong{font-size:13px}.basis{margin-top:20px;border-top:1px solid #d4dad0;padding-top:18px;font-size:12px}.basis summary{cursor:pointer}.basis img{display:block;width:100%;height:auto;margin-top:14px}.basis a{display:block;margin-top:9px;text-decoration:underline}.source-note{font-size:12px;color:#596c61;line-height:1.9;margin-top:18px}.preview-area{min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:70px}.preview-heading h2{font-size:21px;margin:0}.preview-heading p{font-size:12px;color:#596c61;margin:4px 0 12px}.preview-heading>a{font-size:12px;white-space:nowrap}.controls{display:flex;justify-content:space-between;align-items:center;padding:10px 0 16px;gap:15px}.controls>div{display:flex;align-items:center;gap:12px}.controls label{font-size:12px;color:#536a53}.controls select{margin-left:8px;padding:8px;background:#fffefa;border:1px solid #bdcaba;border-radius:5px}#position{font-size:12px;font-variant-numeric:tabular-nums}.frame-outer{border:1px solid #c7d3bf;background:#e8ece1;padding:8px;border-radius:5px;overflow:auto}iframe{display:block;margin:auto;border:0;background:#f7f5ef;width:100%;height:calc(100vh - 290px);min-height:580px}.frame-outer[data-mobile] iframe{width:390px;max-width:100%;height:844px}footer{font-size:12px;color:#596c61;padding:12px 32px 24px}@media(max-width:850px){header{padding:20px;gap:18px;align-items:flex-start;flex-wrap:wrap}h1{font-size:20px}.back{margin-left:0}main{display:block;padding:16px}.preview-heading{margin-top:18px}#stage-list{display:flex;overflow:auto;gap:7px}#stage-list button{min-width:170px}#stage-list small{display:none}.basis,.source-note{display:none}.controls{flex-wrap:wrap}iframe{min-height:720px}.preview-heading h2{font-size:18px}footer{padding:16px}.frame-outer{padding:4px}}