*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{margin:0;overflow:hidden;background:#f5f5f5;color:#000000e0;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif}.app-shell{width:100vw;height:100dvh;overflow:hidden;background:#f5f5f5}.main-pane{min-width:0;height:100dvh;overflow:hidden;background:#f5f5f5}.sidebar{flex-shrink:0;height:100dvh;border-right:1px solid #f0f0f0;background:#fff}.sidebar .n-layout-sider-scroll-container{height:100dvh;background:#fff}.sidebar .n-menu{padding:8px}.brand,.drawer-brand{display:flex;align-items:center;gap:12px;min-width:0}.brand{height:64px;padding:0 16px;border-bottom:1px solid #f0f0f0}.drawer-brand{padding:2px 0}.brand-mark{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:6px;background:#1677ff;color:#fff;font-size:17px;font-weight:700}.brand-title{color:#000000e0;font-size:15px;font-weight:650;line-height:1.2}.brand-subtitle{margin-top:3px;color:#00000073;font-size:11px;line-height:1.2}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 24px;border-bottom:1px solid #f0f0f0;background:#fff}.topbar-main{display:flex;align-items:center;min-width:0;gap:12px}.title-block{min-width:0}.topbar-actions,.toolbar-actions{flex-shrink:0}.page-title{color:#000000e0;font-size:18px;font-weight:650;line-height:1.35}.page-meta{margin-top:2px;overflow:hidden;color:#00000073;font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.content{height:calc(100dvh - 64px);padding:20px;overflow:auto;background:#f5f5f5}.page-grid,.settings-layout{display:grid;gap:16px;min-width:0}.settings-layout{grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:start}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{display:flex;align-items:center;gap:14px;min-height:96px;padding:18px;border:1px solid #f0f0f0;border-radius:6px;background:#fff;box-shadow:0 1px 2px #00000008}.metric-icon{display:grid;flex:0 0 auto;width:44px;height:44px;place-items:center;border-radius:6px;font-size:23px}.metric-icon.blue{background:#e6f4ff;color:#1677ff}.metric-icon.green{background:#f6ffed;color:#52c41a}.metric-icon.orange{background:#fff7e6;color:#fa8c16}.metric-icon.red{background:#fff1f0;color:#ff4d4f}.metric-value{color:#000000e0;font-size:28px;font-weight:700;line-height:1}.metric-label{margin-top:8px;color:#00000073;font-size:13px}.two-column{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;align-items:start}.cover-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:16px;align-items:start;min-width:0}.cover-main-column{display:grid;min-width:0;gap:16px}.cover-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:86px;padding:16px 18px;border:1px solid #f0f0f0;border-radius:6px;background:#fff;box-shadow:0 1px 2px #00000008}.cover-game-tabs{display:grid;grid-template-columns:repeat(4,minmax(86px,1fr));gap:8px;width:min(520px,100%)}.cover-game-tab{display:grid;gap:3px;min-width:0;min-height:54px;padding:8px 10px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#000000b8;cursor:pointer;font:inherit;text-align:left;transition:border-color .18s ease,background .18s ease,color .18s ease}.cover-game-tab span,.cover-game-tab small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover-game-tab span{font-size:14px;font-weight:650}.cover-game-tab small{color:#00000073;font-size:11px}.cover-game-tab.active{border-color:#ff4d4f;background:#fff1f0;color:#cf1322}.cover-game-tab.active small{color:#a8071a}.image-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;border:1px solid #f0f0f0;border-radius:6px;background:#fff}.image-mode-tab{min-width:0;min-height:38px;border:1px solid transparent;border-radius:6px;background:transparent;color:#000000b8;cursor:pointer;font:inherit;font-weight:650}.image-mode-tab.active{border-color:#1677ff;background:#e6f4ff;color:#1677ff}.cover-preview-meta{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:12px;color:#00000073;font-size:12px}.cover-preview-meta span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover-canvas-wrap{overflow:auto;padding:14px;border:1px solid #f0f0f0;border-radius:6px;background:linear-gradient(45deg,#f7f7f7 25%,transparent 25%),linear-gradient(-45deg,#f7f7f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f7f7f7 75%),linear-gradient(-45deg,transparent 75%,#f7f7f7 75%);background-color:#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.cover-canvas{display:block;width:min(100%,900px);height:auto;margin:0 auto;border-radius:6px;box-shadow:0 4px 18px #0000001f}.media-canvas{max-height:72dvh;object-fit:contain}.history-canvas{max-height:1180px}.long-canvas-wrap{max-height:calc(100dvh - 248px)}.file-input{display:none}.cover-preview-grid,.cover-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cover-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.cover-line-list{display:grid;gap:12px}.cover-line-editor{display:grid;gap:10px;padding:12px;border:1px solid #f0f0f0;border-radius:6px;background:#fafafa}.media-template-form{display:grid;gap:12px}.cover-line-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#000000c7}.cover-settings-card .n-card__content{max-height:calc(100dvh - 132px);overflow:auto}.source-toolbar,.draw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:16px 18px;border:1px solid #f0f0f0;border-radius:6px;background:#fff;box-shadow:0 1px 2px #00000008}.source-toolbar>div:first-child,.draw-toolbar>div:first-child{min-width:0}.toolbar-title{color:#000000e0;font-size:16px;font-weight:650;line-height:1.4}.toolbar-meta{margin-top:4px;color:#00000073;font-size:12px}.draw-filter{width:150px}.latest-draw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.latest-draw{display:grid;gap:12px;min-height:138px;padding:16px;border:1px solid #f0f0f0;border-radius:6px;background:#fff;box-shadow:0 1px 2px #00000008}.latest-draw-head,.latest-draw-footer{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:10px}.latest-draw-head span{overflow:hidden;color:#000000e0;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.latest-draw-number{min-height:30px;color:#000000e0;font-size:20px;font-weight:700;line-height:1.4;word-break:break-word}.latest-draw-meta,.latest-draw-source{overflow:hidden;color:#00000073;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.log-list{display:grid;gap:8px}.log-row{display:grid;grid-template-columns:72px minmax(0,1fr) 168px;align-items:center;min-height:36px;gap:10px;color:#000000c7}.log-row span{min-width:0}.log-row time{color:#00000073;font-size:12px;text-align:right}.source-test-cell{display:grid;gap:2px;min-width:0;line-height:1.25}.source-test-cell span{color:#000000c7;font-size:13px}.source-test-cell small{overflow:hidden;color:#00000073;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.modal-card{width:min(560px,calc(100vw - 32px))}.history-modal{width:min(960px,calc(100vw - 32px))}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#00000073;font-size:12px}.n-card{box-shadow:0 1px 2px #00000008}.n-card-header{min-height:50px}.n-data-table{--n-merged-th-color: #fafafa}.n-data-table-th,.n-data-table-td{white-space:nowrap}@media(max-width:1280px){.stat-grid,.latest-draw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.settings-layout,.cover-layout{grid-template-columns:1fr}.cover-toolbar{align-items:stretch;flex-direction:column}.cover-game-tabs{width:100%}.cover-settings-card .n-card__content{max-height:none}}@media(max-width:760px){.app-shell,.main-pane{height:100dvh}.topbar{height:auto;min-height:56px;padding:10px 12px}.topbar-actions{margin-left:auto}.page-title{font-size:16px}.page-meta{max-width:calc(100vw - 170px)}.content{height:calc(100dvh - 56px);padding:12px}.stat-grid,.latest-draw-grid{grid-template-columns:1fr;gap:12px}.metric{min-height:86px;padding:14px}.source-toolbar,.draw-toolbar,.cover-toolbar{align-items:stretch;flex-direction:column;padding:14px}.cover-game-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.image-mode-tabs{grid-template-columns:1fr}.cover-game-tab{min-height:50px}.toolbar-actions{width:100%}.toolbar-actions .n-button,.toolbar-actions .n-select{flex:1 1 140px}.cover-actions .n-button{flex:1 1 150px}.draw-filter{width:100%}.latest-draw{min-height:126px}.log-row{grid-template-columns:64px minmax(0,1fr)}.log-row time{grid-column:2;text-align:left}.history-pagination{align-items:flex-start;flex-direction:column}.cover-canvas-wrap{padding:8px}.cover-preview-grid,.cover-control-grid{grid-template-columns:1fr}.n-data-table-empty{position:sticky;left:0;width:calc(100vw - 58px)!important;min-width:calc(100vw - 58px)}}