:root{--bg: #f4f7fb;--surface: #ffffff;--surface-soft: #f8fafc;--border: #d8e1ec;--text: #10243d;--muted: #5b6f88;--primary: #0f766e;--primary-strong: #0b5d57;--danger: #dc2626;--warning: #d97706;--success: #15803d;--shadow: 0 14px 30px rgba(19, 36, 61, .08);--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 0 0,#e2f3ee 0,transparent 42%),radial-gradient(circle at 100% 100%,#fff4e3 0,transparent 40%),var(--bg);color:var(--text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh}a{color:inherit}button,input,select{font:inherit}.app-shell{min-height:100vh}.shell-sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:22px 18px;background:#ffffffe6;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);z-index:20}.shell-brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),#14b8a6)}.shell-brand h1{font-size:18px;margin-bottom:2px}.shell-brand p{font-size:12px;color:var(--muted)}.shell-meta,.shell-period{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;padding:10px 12px}.shell-meta p,.shell-period p{font-size:12px;color:var(--muted);margin-bottom:4px}.shell-meta strong,.shell-period strong{font-size:15px}.shell-period{margin-top:auto}.shell-nav{display:flex;flex-direction:column;gap:8px}.shell-nav-item{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:10px 12px;text-decoration:none;color:var(--muted);transition:all .2s}.shell-nav-item:hover{border-color:var(--border);background:var(--surface-soft);color:var(--text)}.shell-nav-item.active{background:linear-gradient(135deg,var(--primary),#14b8a6);color:#fff;box-shadow:0 10px 20px #0f766e47}.shell-nav-icon{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#ffffff29}.shell-nav-mobile{display:none}.shell-main{margin-left:260px;padding:28px}.view-stack{display:flex;flex-direction:column;gap:16px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.page-header h1{font-size:30px;line-height:1.2;margin-bottom:6px}.page-header p{color:var(--muted)}.page-header-actions{display:flex;gap:8px}.app-card{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffe6;box-shadow:0 8px 24px #13243d0f;overflow:hidden}.app-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-bottom:1px solid var(--border);padding:14px 16px;background:var(--surface-soft)}.app-card-head h2{font-size:18px;margin-bottom:4px}.app-card-head p{color:var(--muted);font-size:13px}.app-card-actions{display:flex;gap:8px}.app-card-body{padding:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px}.stat-label{font-size:12px;color:var(--muted);margin-bottom:8px}.stat-value{font-size:24px;line-height:1.1;font-weight:800}.stat-note{margin-top:8px;font-size:12px;color:var(--muted)}.max-risk-card .stat-note{margin-top:6px}.stat-max-risk{min-height:38px;display:flex;align-items:center}.stat-max-risk-empty{width:38px;height:38px;border-radius:50%;border:2px dashed #cbd5e1;background:#f8fafc}.tone-warn .stat-value{color:var(--warning)}.tone-danger .stat-value{color:var(--danger)}.tone-positive .stat-value{color:var(--success)}.form-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12px;color:var(--muted)}.field input,.field select,.input-inline input,.draw-row input{border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);padding:9px 10px}.field input:focus,.field select:focus,.input-inline input:focus,.draw-row input:focus{outline:none;border-color:#60a5a3;box-shadow:0 0 0 3px #0f766e29}.field-value{border:1px solid var(--border);border-radius:10px;min-height:42px;padding:9px 10px;background:#fff;display:flex;align-items:center;font-weight:600;color:var(--text)}.btn-primary,.btn-ghost,.btn-danger,.filter-btn{border:1px solid var(--border);border-radius:10px;padding:9px 12px;cursor:pointer;transition:all .2s;background:#fff}.btn-primary{border:none;background:linear-gradient(135deg,var(--primary),#14b8a6);color:#fff;font-weight:700}.btn-ghost:hover,.filter-btn:hover{background:var(--surface-soft);border-color:#bfcddd}.btn-ghost.active,.filter-btn.active{border-color:var(--primary);color:var(--primary);background:#0f766e1a}.btn-danger{color:var(--danger);border-color:#f3c5c5;background:#fff5f5}.btn-danger:hover{background:#fee2e2}.inline-actions,.input-inline,.filter-row,.risk-badges{display:flex;flex-wrap:wrap;gap:8px}.risk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.risk-badges.compact{gap:6px}.input-inline{margin-bottom:12px}.input-inline input{flex:1;min-width:220px}.filter-row{margin-bottom:12px}.filter-groups{display:flex;flex-direction:column;gap:10px}.filter-group{border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);padding:10px}.filter-group-title{font-size:12px;color:var(--muted);margin-bottom:8px}.filter-group .filter-row{margin-bottom:0}.sort-select{border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);padding:8px 10px}.number-grid{display:grid;grid-template-columns:repeat(17,minmax(0,1fr));gap:10px 16px}.picker-number-grid{margin-bottom:12px}.number-cell{border:none;border-radius:50%;padding:0;width:100%;aspect-ratio:1 / 1;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease}.number-cell:hover .number-chip{transform:translateY(-1px)}.number-cell:focus-visible{outline:none}.number-cell:focus-visible .number-chip{box-shadow:0 0 0 3px #0f766e33}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.selection-preview{margin-top:12px;border-top:1px solid var(--border);padding-top:12px}.selection-preview p{font-size:12px;color:var(--muted);margin-bottom:8px}.number-chip{--chip-color: #64748b;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;border:2px solid var(--chip-color);border-radius:50%;background:#fff;color:var(--chip-color);font-weight:700;line-height:1;transition:transform .16s ease,box-shadow .2s ease,background .2s ease}.number-chip .chip-number{font-size:22px;font-weight:700}.number-chip .chip-zodiac{margin-top:2px;font-size:12px;font-weight:600}.number-chip.with-zodiac .chip-number{font-size:17px}.chip-sm{width:38px;height:38px}.chip-sm .chip-number{font-size:15px}.chip-sm .chip-zodiac{margin-top:1px;font-size:9px}.chip-md{width:52px;height:52px}.chip-md .chip-number{font-size:22px}.chip-lg{width:64px;height:64px}.chip-lg .chip-number{font-size:26px}.chip-lg.with-zodiac .chip-number{font-size:22px}.number-chip.chip-wave-red{--chip-color: #ef4444}.number-chip.chip-wave-blue{--chip-color: #2d8fe8}.number-chip.chip-wave-green{--chip-color: #16a34a}.number-chip.chip-wave-none{--chip-color: #64748b}.number-chip.is-selected{background:linear-gradient(145deg,#e4b071,#ca9254);border-color:#b67a3d;color:#f1652a;box-shadow:inset 0 2px 6px #7d48122e,0 4px 10px #0000001f}.number-chip.is-selected .chip-number,.number-chip.is-selected .chip-zodiac{text-shadow:0 1px 0 rgba(255,255,255,.32)}.wave-red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.wave-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.wave-green{background:linear-gradient(135deg,#22c55e,#15803d)}.wave-none{background:#64748b}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{border-bottom:1px solid #e8edf4;padding:10px;text-align:left;white-space:nowrap}.data-table th{font-size:12px;color:var(--muted);background:var(--surface-soft)}.data-table tbody tr:hover{background:#f8fbff}.period-row{cursor:pointer}.period-row:hover .period-jump{color:#2563eb;text-decoration:underline}.order-row{cursor:pointer}.empty-row,.empty-tip{color:var(--muted)}.empty-row{text-align:center;padding:24px 10px}.more-chip{border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:12px;color:var(--muted)}.order-detail-mask{position:fixed;inset:0;background:#0f172a61;display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}.order-detail-panel{width:min(760px,100%);max-height:86vh;overflow:auto;border-radius:14px;background:#fff;border:1px solid var(--border);box-shadow:0 20px 38px #0f172a33;padding:14px}.order-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.order-detail-head h3{font-size:18px}.order-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.order-detail-grid p{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--surface-soft)}.order-detail-grid span{font-size:12px;color:var(--muted)}.order-detail-grid strong{font-size:14px}.detail-player-edit{display:inline-flex;align-items:center;gap:8px;margin-top:2px}.detail-player-edit select{min-width:140px;max-width:220px;border:1px solid var(--border);border-radius:8px;padding:4px 8px;background:#fff;color:var(--text);font-size:13px}.detail-player-btn{padding:4px 8px;font-size:12px}.order-detail-numbers{margin-top:12px}.order-detail-numbers p{font-size:12px;color:var(--muted);margin-bottom:8px}.detail-chip-wrap{position:relative;display:inline-flex}.detail-win-tag{position:absolute;top:-6px;right:-5px;min-width:16px;height:16px;border-radius:999px;background:#dc2626;color:#fff;border:1px solid #fff;font-size:10px;line-height:14px;text-align:center;font-style:normal;font-weight:700;box-shadow:0 2px 6px #dc262647}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:12px;border:1px solid var(--border);color:var(--muted);background:#fff}.badge.high{color:#b91c1c;border-color:#f0b7b7;background:#fef2f2}.badge.medium{color:#b45309;border-color:#f7ce9a;background:#fffbeb}.badge.low{color:#1d4ed8;border-color:#bfd6ff;background:#eff6ff}.badge.none{color:#475569;background:#f1f5f9}.bar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bar-item{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}.bar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bar-track{height:8px;border-radius:999px;background:#e7eef8;overflow:hidden}.bar-fill{display:block;height:100%;background:linear-gradient(135deg,var(--primary),#14b8a6)}.risk-extra-title{margin-top:14px;margin-bottom:8px;font-size:14px;color:var(--muted)}.number-histogram{display:flex;gap:2px;align-items:flex-end;overflow-x:auto;padding-top:14px;padding-bottom:2px;border-radius:10px;background:linear-gradient(180deg,#f8fbff,#eef4fb)}.hist-col{display:flex;flex-direction:column;align-items:center;gap:3px;width:36px;flex:0 0 36px;padding:0}.hist-bar-box{width:100%;height:104px;display:flex;align-items:flex-end;justify-content:center;border-bottom:2px solid #9fb2cc;position:relative}.hist-fill{width:100%;max-width:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#60a5fa,#2563eb);position:relative;z-index:1}.hist-fill.risk-high{background:linear-gradient(180deg,#f87171,#dc2626)}.hist-fill.risk-medium{background:linear-gradient(180deg,#fbbf24,#d97706)}.hist-fill.risk-low{background:linear-gradient(180deg,#60a5fa,#2563eb)}.hist-fill.risk-none{background:linear-gradient(180deg,#cbd5e1,#94a3b8)}.hist-value{position:absolute;left:50%;transform:translate(-50%);font-size:9px;color:var(--muted);line-height:1;white-space:nowrap;z-index:2}.number-histogram .number-chip.chip-sm{width:28px;height:28px}.number-histogram .number-chip.chip-sm .chip-number{font-size:10px}.number-histogram .number-chip.chip-sm .chip-zodiac{font-size:6px;margin-top:0}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.analysis-card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px}.analysis-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.analysis-head h3{font-size:14px}.analysis-head span{font-size:12px;color:var(--muted)}.ratio-list{display:flex;flex-direction:column;gap:8px}.ratio-item{border:1px solid #e9edf4;border-radius:8px;padding:8px;background:#fcfdff}.ratio-meta{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.ratio-track{height:8px;border-radius:999px;background:#e9eef6;overflow:hidden}.ratio-fill{display:block;height:100%;background:linear-gradient(90deg,#60a5fa,#2563eb)}.ratio-amount{margin-top:6px;font-size:12px;color:var(--muted)}.wave-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wave-card{border:1px solid var(--border);border-radius:10px;background:#fff;padding:14px}.wave-card h3{font-size:14px;color:var(--muted);margin-bottom:8px}.wave-card p{font-size:22px;font-weight:800}.form-grid.settlement{grid-template-columns:repeat(4,minmax(0,1fr))}.settlement-period-picker{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.settlement-period-picker select{min-width:260px;max-width:340px;border-radius:10px;border:1px solid var(--border);padding:8px 12px;background:#fff;color:var(--text)}.draw-display-panel{min-height:72px;border:1px solid var(--border);border-radius:12px;background:#fff;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:8px}.draw-display-title{font-size:12px;color:var(--muted);font-weight:700}.draw-chip-list{min-height:36px}.draw-countdown{font-size:22px;line-height:1.2;letter-spacing:.02em;color:var(--text)}.full-row{grid-column:1 / -1}.draw-row{display:flex;flex-wrap:wrap;gap:8px}.draw-row input{width:70px}.profit{color:var(--success)}.loss{color:var(--danger)}.toast-container{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;flex-direction:column;gap:8px}.toast{border-radius:10px;padding:10px 14px;color:#fff;font-weight:700;box-shadow:0 10px 20px #13243d29}.toast-success{background:#16a34a}.toast-error{background:#dc2626}.toast-info{background:#2563eb}@media(max-width:1100px){.shell-sidebar{width:84px;padding:14px 8px;gap:10px}.shell-brand h1,.shell-brand p,.shell-meta,.shell-period,.shell-nav-text{display:none}.shell-main{margin-left:84px;padding:20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.number-histogram{gap:0}.number-grid{grid-template-columns:repeat(17,minmax(0,1fr))}.form-grid,.form-grid.settlement{grid-template-columns:repeat(2,minmax(0,1fr))}.settlement-period-picker select{min-width:220px;max-width:260px}}@media(max-width:768px){.shell-sidebar{inset:auto 0 0;width:100%;height:62px;padding:0 8px;border-right:none;border-top:1px solid var(--border);flex-direction:row;align-items:center;justify-content:center}.shell-brand,.shell-meta,.shell-period{display:none}.shell-nav{width:100%;flex-direction:row;gap:8px}.shell-nav-item{flex:1;justify-content:center;gap:6px;padding:8px}.shell-nav-mobile{display:inline;font-size:12px}.shell-nav-text{display:none}.shell-main{margin-left:0;margin-bottom:72px;padding:14px}.page-header{flex-direction:column}.page-header h1{font-size:24px}.stats-grid,.wave-grid,.bar-list,.analysis-grid,.form-grid,.form-grid.settlement{grid-template-columns:1fr}.settlement-period-picker{width:100%;justify-content:space-between}.settlement-period-picker select{min-width:0;width:100%;max-width:none}.number-histogram{gap:0}.order-detail-grid{grid-template-columns:1fr}.number-grid{grid-template-columns:repeat(17,minmax(0,1fr))}}