:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#263027;background:#101611}*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none}body{display:grid;grid-template-rows:52px minmax(0,1fr)}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;cursor:pointer}.demo-header{display:flex;align-items:center;gap:17px;padding:0 18px;background:#f6f5f1;min-width:0;border-bottom:1px solid #dadfd4;z-index:3}.demo-brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:650;letter-spacing:-.6px;color:inherit;text-decoration:none;white-space:nowrap}.demo-divider{width:1px;height:19px;background:#d1d8cb}.scene-select-label{min-width:0}#scene-select{max-width:230px;border:0;background:none;color:#52604b;font-size:12px;padding:7px 20px 7px 0;outline-offset:0}#demo-status{font-size:10px;color:#85917c;display:flex;align-items:center;gap:7px;white-space:nowrap}#demo-status i{height:5px;width:5px;border-radius:50%;background:#d4a94d}#demo-status[data-state=ready] i{background:#5b9256}#demo-status[data-state=failed] i{background:#e7593b}.demo-actions{display:flex;gap:6px;margin-left:auto;align-items:center;white-space:nowrap}.demo-actions button,.demo-actions a{font-size:10px;line-height:1.5;padding:6px 10px;border:1px solid #d7ddce;border-radius:4px;background:transparent;color:#52604b;text-decoration:none}.demo-actions button:hover,.demo-actions a:hover{background:#e7ecdf}.demo-actions button[aria-pressed=true]{background:#263529;color:white}.demo-actions a{margin-left:7px;background:#263529;color:#fff;border-color:#263529}#experience{position:relative;min-width:0;min-height:0;overflow:hidden}#scene-frame{border:0;display:block;width:100%;height:100%;background:#101611}#demo-message{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:25px;background:#101912ec;color:#dfe8d6;text-align:center}#demo-message[hidden]{display:none}#message-title{font-size:20px}#message-detail{font-size:12px;line-height:1.9;max-width:500px}#retry-demo{border:1px solid #7b8b6e;padding:10px 20px;color:#dfe8d6;background:none;border-radius:4px}.demo-hint{position:fixed;bottom:17px;left:50%;transform:translateX(-50%);background:#142017b5;color:#d9e2d0;font-size:10px;border:1px solid #b1c19f25;border-radius:5px;padding:8px 10px 8px 14px;backdrop-filter:blur(10px);display:flex;gap:12px;white-space:nowrap;pointer-events:none}.demo-hint button{pointer-events:auto;border:0;background:none;color:inherit;font-size:16px;line-height:1}.demo-hint[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.demo-header button:focus-visible,.demo-header a:focus-visible,.demo-header select:focus-visible{outline:2px solid #e75a3e;outline-offset:2px}@media(max-width:850px){#demo-status{display:none}.demo-header{gap:10px;padding-inline:12px}.demo-actions{gap:4px}.demo-actions button,.demo-actions a{padding:6px 8px}#scene-select{max-width:180px}}@media(max-width:550px){body{grid-template-rows:48px minmax(0,1fr)}.demo-brand span,.demo-divider,.demo-actions a{display:none}.demo-header{gap:9px;padding-inline:10px}.demo-brand img{width:25px;height:25px}#scene-select{max-width:145px;font-size:11px;padding-right:0}.demo-actions button{font-size:10px;padding:6px 7px}.demo-hint{font-size:9px;bottom:12px;padding:7px 9px 7px 12px}}@media(max-width:360px){#scene-select{max-width:118px}.demo-header{gap:5px}.demo-actions button{padding:6px 5px}}