*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:#1a1c22;color:#e8eaed;font-family:-apple-system,Segoe UI,Microsoft YaHei,sans-serif;overflow:hidden}a{color:#8ab4ff}.app-shell{display:flex;flex-direction:column;height:100%}.app-main{flex:1 1 auto;position:relative;overflow:hidden;min-height:0}.nav-bar{flex:0 0 auto;height:48px;display:flex;align-items:center;gap:24px;padding:0 18px;background:#16171d;border-bottom:1px solid rgba(255,255,255,.1)}.nav-bar .brand{font-weight:600;font-size:14px;letter-spacing:.5px}.nav-links{display:flex;gap:6px}.nav-links a{color:#b6bbc6;text-decoration:none;font-size:13px;padding:6px 12px;border-radius:6px;transition:background .15s,color .15s}.nav-links a:hover{background:#ffffff14;color:#e8eaed}.nav-links a.active{background:#3a6df0;color:#fff}.viewer-page{position:relative;width:100%;height:100%;overflow:hidden}.viewer-canvas{position:absolute;inset:0}.viewer-canvas canvas{display:block}.panel{position:absolute;background:#1c1e26d9;color:#e8eaed;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px 16px;font-size:13px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none}#controls{top:16px;left:16px;min-width:210px}#controls h1{font-size:15px;font-weight:600;margin-bottom:12px;letter-spacing:.5px}.row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.row:last-child{margin-bottom:0}.row label{color:#b6bbc6}.row .v{color:#fff}select{background:#2a2d36;color:#e8eaed;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:4px 8px;font-size:13px;outline:none;cursor:pointer}button{width:100%;background:#3a6df0;color:#fff;border:none;border-radius:6px;padding:7px 10px;font-size:13px;cursor:pointer;transition:background .15s}button:hover{background:#2f5fe0}.switch{position:relative;width:38px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#4a4e59;border-radius:20px;transition:.2s;cursor:pointer}.slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:#3a6df0}.switch input:checked+.slider:before{transform:translate(18px)}#info{bottom:16px;left:16px;min-width:210px}#info h2{font-size:13px;font-weight:600;margin-bottom:10px;color:#8ab4ff}#info .kv{display:flex;justify-content:space-between;margin-bottom:6px}#info .kv:last-child{margin-bottom:0}#info .k{color:#b6bbc6}#info .v{color:#fff;font-variant-numeric:tabular-nums}#view{top:16px;right:16px;min-width:224px}#view h2{font-size:13px;font-weight:600;margin-bottom:10px;color:#8ab4ff}#view .kv{display:flex;justify-content:space-between;margin-bottom:6px}#view .k{color:#b6bbc6}#view .v{color:#fff;font-variant-numeric:tabular-nums}#view input[type=number]{width:52px;background:#2a2d36;color:#e8eaed;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:4px 6px;font-size:13px;outline:none;font-variant-numeric:tabular-nums}#view input[type=number]:focus{border-color:#3a6df0}#view .view-apply{display:flex;align-items:center;gap:6px;margin-top:10px}#view .view-apply .unit{color:#7d828d;font-size:12px}#view .view-apply button,#view .view-presets button,#view .view-actions button{width:auto;padding:4px 8px;font-size:12px;border-radius:6px}#view .view-apply button{margin-left:auto}#view .view-presets{display:flex;gap:6px;margin-top:8px}#view .view-presets button{flex:1 1 0;background:#4a4e59}#view .view-presets button:hover{background:#565b68}#view .view-actions{display:flex;gap:8px;margin-top:8px}#view .view-actions button{flex:1 1 0;background:#4a4e59}#view .view-actions button:hover{background:#565b68}#view .view-actions button.primary{background:#3a6df0}#view .view-actions button.primary:hover{background:#2f5fe0}#view .view-hint{margin-top:10px;color:#7d828d;font-size:12px}#hint{top:16px;right:16px;color:#7d828d}#ui-toggle{position:absolute;top:16px;right:16px;z-index:5;width:auto;padding:7px 12px;font-size:13px;background:#1c1e26d9;color:#e8eaed;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none}#ui-toggle:hover{background:#282c36f2}.viewer-page.ui-hidden #controls,.viewer-page.ui-hidden #info,.viewer-page.ui-hidden #hint{display:none}#progress{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0f1014eb;color:#e8eaed;z-index:10}#bar-bg{width:280px;height:6px;background:#2a2d36;border-radius:3px;overflow:hidden}#bar{width:0%;height:100%;background:#3a6df0;transition:width .1s}#progress-text{font-size:13px;color:#b6bbc6}.page{height:100%;overflow:auto;padding:32px 40px}.page-title{font-size:20px;font-weight:600;margin-bottom:20px}.page-message{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#b6bbc6;font-size:14px}#gallery-imgs{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start}#gallery-imgs figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px}#gallery-imgs img{width:320px;height:320px;object-fit:contain;background:#22242c;border-radius:8px}#gallery-imgs figcaption{color:#b6bbc6;font-size:13px}#versions-body{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.ver-card{background:#1c1e26e6;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:16px 18px}.ver-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ver-title{font-size:16px;font-weight:600}.ver-status{font-size:12px;padding:2px 10px;border-radius:10px;background:#3a6df0}.ver-status.ver-基准{background:#4a4e59}.ver-status.ver-当前{background:#2e9e5b}.ver-status.ver-弃用{background:#7a4a4a}.ver-status.ver-待修{background:#b5793a}.ver-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}.ver-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.ver-k{color:#b6bbc6;flex:0 0 auto}.ver-v{color:#fff;word-break:break-all;text-align:right}.ver-changes{margin:12px 0 0;padding-left:20px;color:#cfd3da;font-size:13px}.ver-changes li{margin-bottom:4px}.ver-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.link-btn{display:inline-block;background:#3a6df0;color:#fff;text-decoration:none;padding:7px 12px;border-radius:6px;font-size:13px;transition:background .15s}.link-btn:hover{background:#2f5fe0}.link-btn.secondary{background:#4a4e59}.link-btn.secondary:hover{background:#565b68}.detail-layout{display:flex;height:100%}.detail-viewer{flex:1 1 auto;position:relative;min-width:0}.detail-meta{flex:0 0 auto;width:380px;overflow:auto;padding:24px;border-left:1px solid rgba(255,255,255,.1);background:#1a1c22}.detail-meta .link-btn{margin-top:14px}