:root{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#1f2937;background:radial-gradient(circle at top left,rgba(9,186,7,.08),transparent 26%),linear-gradient(180deg,#fff,#f7fbf7);line-height:1.5;font-weight:400;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}#root{min-height:100vh}.boot-shell,.page-shell{min-height:100vh;padding:24px}.page-shell-wide{max-width:none;width:100%}.boot-shell{display:grid;place-items:center}.boot-card,.panel,.modal-card{border:1px solid rgba(9,186,7,.12);border-radius:24px;background:#fff;box-shadow:0 18px 50px #154f1414}.page-shell{margin:0 auto;display:grid;gap:24px}.page-shell:not(.page-shell-wide){max-width:920px}.boot-card{padding:28px}.boot-card h1,.panel h2,.modal-card h2{margin:0;font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1.1;color:#102414}.boot-card p,.state-text,.option-description{color:#617066}.eyebrow{margin:0 0 10px;color:#09ba07;letter-spacing:.14em;font-size:.74rem;font-weight:700}.content-grid{display:grid;gap:24px}.content-grid.single-column{grid-template-columns:1fr}.panel,.modal-card{padding:28px}.action-panel{padding:32px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-header.compact{margin-bottom:18px}.ghost-button,.primary-button,.picker-button,.picker-trigger,.option-card{border:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.ghost-button,.primary-button{padding:12px 16px;border-radius:999px;cursor:pointer}.ghost-button{color:#15803d;background:#effcf0}.primary-button{width:100%;margin-top:20px;color:#fff;background:linear-gradient(135deg,#09ba07,#2fd14d);box-shadow:0 14px 28px #09ba072e}.primary-button:disabled,.picker-trigger:disabled,.picker-button:disabled{cursor:not-allowed;opacity:.64}.picker-button{width:100%;padding:0;background:transparent;cursor:pointer;text-align:left;margin-top:18px}.picker-button.has-selection{border-radius:22px}.picker-trigger{width:100%;padding:20px 22px;border-radius:20px;cursor:pointer;text-align:left;background:linear-gradient(180deg,#f8fff7,#f2fbf2);border:1px solid rgba(9,186,7,.16);display:grid;gap:6px;color:#102414;box-shadow:0 10px 24px #09ba070f}.picker-trigger strong{font-size:1.14rem}.picker-trigger-label,.picker-trigger-meta{color:#5e6b61;font-size:.92rem}.selection-hint{margin-top:14px;padding:16px 18px;border-radius:18px;display:grid;gap:4px;border:1px solid rgba(9,186,7,.12);background:#fbfffb}.selection-hint-label,.selection-hint-meta{color:#617066}.selection-hint strong{color:#102414}.selected-card{position:relative;min-height:168px;border-radius:22px;overflow:hidden;border:1px solid rgba(9,186,7,.12);background:#f6fff6}.selected-card-cover{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover}.selected-card-content{position:relative;z-index:1;min-height:168px;padding:20px;display:flex;align-items:end;gap:16px}.selected-card-avatar{width:68px;height:68px;border-radius:20px;object-fit:cover;border:2px solid rgba(255,255,255,.88);box-shadow:0 10px 22px #10241429;background:#ffffffe6;flex-shrink:0}.selected-card-info{display:grid;gap:6px}.selected-card-info strong{color:#fff;font-size:1.18rem}.selection-type-tag{display:inline-flex;align-items:center;width:fit-content;padding:6px 12px;border-radius:999px;background:#ffffff2e;color:#fff;font-size:.88rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.option-list{display:grid;gap:14px}.option-card{width:100%;padding:0;display:block;border-radius:20px;cursor:pointer;text-align:left;background:#f8fff8;color:inherit;border:1px solid rgba(9,186,7,.1)}.option-card.is-active{background:#f2fff1;box-shadow:inset 0 0 0 1px #09ba0747}.option-visual{position:relative;flex:1;min-height:148px;border-radius:20px;overflow:hidden}.option-cover{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover}.option-main{position:relative;z-index:1;min-height:148px;padding:18px 20px;display:flex;align-items:end;gap:14px}.option-avatar{width:56px;height:56px;border-radius:18px;object-fit:cover;border:2px solid rgba(255,255,255,.8);box-shadow:0 8px 20px #10241424;flex-shrink:0;background:#ffffffe0}.option-card:hover,.ghost-button:hover,.primary-button:hover,.picker-trigger:hover,.picker-button:hover{transform:translateY(-1px)}.option-title{margin:0;font-size:1.05rem;color:#fff}.option-overlay-meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.option-type-badge{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;background:#eafae9;color:#0f8d1a;font-weight:700}.option-overlay-chip{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;background:#ffffff2e;color:#fff;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#1024142e;display:grid;place-items:center;padding:20px}.modal-card{position:relative;isolation:isolate;width:min(960px,100%);max-height:min(80vh,860px);overflow:hidden}.qr-modal-card{width:min(520px,100%)}.modal-body{max-height:calc(min(80vh,860px) - 96px);overflow:auto;padding-right:2px}.qr-modal-body{display:grid;justify-items:center;gap:14px;padding-top:8px}.qr-image-link{display:inline-flex;border-radius:24px;overflow:hidden;border:1px solid rgba(9,186,7,.12);background:#fff;box-shadow:0 12px 28px #10241414}.qr-image{width:min(56vw,240px);max-width:100%;height:auto;display:block;background:#fff}.qr-tip{margin:0;color:#0d8f1f;font-weight:700;text-align:center}.state-text{margin:18px 0 0}.state-text.error{color:#d14343}.state-text.success{color:#0d8f1f}.field{display:grid;gap:8px;margin-top:18px}.field span{color:#304135;font-weight:700}.text-input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(9,186,7,.16);background:#fcfffc;color:#102414;font:inherit;box-shadow:inset 0 1px 2px #1024140a}.textarea-input{resize:vertical;min-height:120px}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.session-info,.result-box,.login-choice-card,.qr-inline-card{margin-top:18px;padding:18px;border-radius:18px;border:1px solid rgba(9,186,7,.12);background:#fbfffb}.qr-inline-card{display:grid;justify-items:center}.inline-login-card{display:grid;gap:14px}.inline-login-copy{display:grid;gap:4px}.inline-login-copy strong{color:#102414}.inline-login-copy span,.login-redirect-placeholder{color:#617066}.login-redirect-placeholder{width:100%;min-height:120px;border-radius:20px;border:1px solid rgba(9,186,7,.12);background:#fff;display:grid;place-items:center;background:linear-gradient(180deg,#fbfffb,#f4fbf4)}.session-info{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-box{display:grid;gap:8px}.copy-link-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.qr-inline-card{display:grid;justify-items:center;gap:14px}.break-all{word-break:break-all}.admin-grid{grid-template-columns:minmax(0,1fr);align-items:start}.admin-list-panel{padding:32px}.admin-header-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-toolbar{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 220px;margin-bottom:16px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:1180px}.admin-table th,.admin-table td{padding:14px 12px;border-bottom:1px solid rgba(9,186,7,.08);text-align:left;vertical-align:top;background:#fff}.admin-table th{color:#4a5d4f;font-size:.9rem}.admin-table th:last-child,.admin-table td:last-child{position:sticky;right:0;z-index:1;box-shadow:-10px 0 18px #154f140d}.admin-table th:last-child{z-index:2}.status-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#eef4ef;color:#33523b;font-weight:700;font-size:.86rem}.status-bound{background:#e8f8eb;color:#0d8f1f}.status-replaced{background:#eef2ff;color:#4157c5}.status-scanned,.status-waiting_qr_scan{background:#fff5df;color:#a86406}.status-expired,.status-failed{background:#fff0f0;color:#d14343}.row-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:180px}.small-button{padding:10px 12px}.danger-button{color:#b42318;background:#fff1f1}.admin-modal-card{width:min(720px,100%)}.create-device-modal-card{width:min(560px,100%)}.create-device-modal-body{padding-top:4px}.admin-bind-link-box{width:100%}.detail-grid{display:grid;gap:10px}.detail-row{display:grid;gap:4px}.detail-row span{color:#617066;font-size:.92rem}.image-preview-grid{display:grid;gap:14px;margin-top:18px}.preview-thumb,.preview-banner{width:100%;border-radius:18px;border:1px solid rgba(9,186,7,.1);background:#f6faf6;object-fit:cover}.preview-thumb{max-width:120px}.preview-banner{min-height:140px}@media(max-width:960px){.page-shell{padding:18px}.panel,.modal-card,.action-panel{padding:22px}.selected-card,.selected-card-content{min-height:152px}.selected-card-content{align-items:end}.option-card{display:block}.modal-backdrop{align-items:end;padding:0}.modal-card{width:100%;max-height:84vh;border-radius:24px 24px 0 0;padding:18px 18px 28px;box-shadow:0 -10px 40px #10241424}.modal-body{max-height:calc(84vh - 88px)}.qr-modal-card{width:100%}.qr-image{width:min(84vw,360px)}.panel-header.compact{position:sticky;top:0;z-index:2;padding-bottom:12px;background:#fff}.admin-grid,.admin-toolbar,.session-info{grid-template-columns:1fr;display:grid}.admin-header-actions{width:100%}.session-info{justify-content:stretch}}