:root{--bg: #f6f7fb;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .12);--shadow: 0 20px 50px rgba(15, 23, 42, .08);--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #dc2626;--radius: 14px;--sidebar: #0b1220;--sidebar-muted: rgba(255, 255, 255, .72);--sidebar-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box}html,body{height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg)}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(420px,100%);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.h1{margin:0 0 6px;font-size:22px;letter-spacing:.2px}.muted{margin:0 0 18px;color:var(--muted);font-size:14px}.form{display:grid;gap:12px}.field{display:grid;gap:6px}.label{font-size:13px;color:var(--muted)}.input{width:100%;border-radius:12px;border:1px solid var(--border);padding:10px 12px;font-size:14px;outline:none;background:#fff;color:var(--text)}.input:focus{border-color:#2563eb73;box-shadow:0 0 0 4px #2563eb1f}.btn{width:100%;border:none;border-radius:12px;padding:11px 12px;font-size:14px;font-weight:600;color:#fff;background:var(--primary);cursor:pointer;transition:background .12s ease,transform .12s ease}.btn:hover{background:var(--primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.error{border:1px solid rgba(220,38,38,.25);background:#dc26260f;color:var(--danger);border-radius:12px;padding:10px 12px;font-size:13px}.footer{margin-top:14px;font-size:14px;color:var(--muted);text-align:center}.link{color:var(--primary);text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.section{margin:14px 0}.placeholder{border:1px dashed rgba(15,23,42,.22);border-radius:12px;padding:12px;font-size:13px;color:var(--muted);background:#0f172a05}.adminApp{height:100vh;display:flex;background:var(--bg);overflow:hidden}.sidebar{width:248px;background:var(--sidebar);color:#fff;border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;flex:0 0 auto}.sidebarTop{padding:16px 14px 12px;border-bottom:1px solid var(--sidebar-border)}.brand{font-weight:800;letter-spacing:.2px;font-size:14px;opacity:.95}.userBadge{margin-top:12px;padding:10px;border-radius:12px;border:1px solid var(--sidebar-border);background:#ffffff0a}.userName{font-size:13px;font-weight:700;line-height:1.2}.userMeta{margin-top:4px;font-size:12px;color:var(--sidebar-muted)}.nav{padding:10px 8px;display:flex;flex-direction:column;gap:2px;overflow:auto;flex:1;min-height:0}.navItem{display:block;padding:10px 12px;border-radius:12px;color:#ffffffdb;text-decoration:none;font-size:13px;line-height:1.2}.navItem:hover{background:#ffffff0f}.navItem.active{background:#2563eb2e;color:#fff;border:1px solid rgba(37,99,235,.35)}.dcSection{margin-bottom:14px}.dcLayout{display:grid;grid-template-columns:minmax(520px,1fr) 420px;gap:14px;padding:0 14px 14px}.dcLeft{display:grid;grid-template-columns:1fr;gap:14px}.dcRight{min-width:0}.dcChartCard{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 24px #0f172a0a;padding:12px}.dcChartTitle{font-size:13px;font-weight:800;margin-bottom:10px}.dcPieWrap{position:relative;width:140px;height:140px;margin:8px auto 10px}.dcPieCenter{position:absolute;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none}.dcPieCenterValue{font-weight:900;font-size:18px;line-height:1.1}.dcPieCenterLabel{margin-top:2px;font-size:12px;color:var(--muted)}.dcLegend{display:grid;gap:8px;margin-top:6px}.dcLegendItem{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;font-size:13px}.dcLegendLabel{color:var(--muted)}.dcLegendValue{font-weight:800}.dcDot{width:10px;height:10px;border-radius:999px;display:inline-block}.dcStatGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dcStatCard{background:linear-gradient(135deg,#2563eb1a,#34d39914);border:1px solid rgba(15,23,42,.1);border-radius:14px;padding:12px;min-height:92px}.dcStatTitle{font-size:12px;color:#0f172ab8;font-weight:700}.dcStatValue{margin-top:8px;font-size:18px;font-weight:900}.dcStatSub{margin-top:4px;font-size:12px;color:var(--muted)}@media(max-width:980px){.dcLayout{grid-template-columns:1fr;padding:0 12px 12px}.dcStatGrid{grid-template-columns:1fr}}.adminMain{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbarTitle{font-size:16px;font-weight:800}.topbarLeft{display:flex;align-items:center;gap:10px;min-width:0}.mobileMenuBtn{display:none;border:1px solid rgba(15,23,42,.12);background:#0f172a0a;color:#0f172aeb;border-radius:9px;padding:6px 8px;font-weight:800;font-size:12px;cursor:pointer}.mobileMenuBtn:hover{background:#0f172a0f}.adminOverlay,.sidebarCloseBtn{display:none}.adminContent{padding:16px;display:grid;gap:12px;align-content:start;flex:1;min-height:0;overflow:auto}.adminPage{display:grid;gap:12px;align-content:start}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px #0f172a0f}.panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 14px 10px;border-bottom:1px solid rgba(15,23,42,.08)}.panelHeaderLeft{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.panelHeaderRight{display:flex;align-items:center;gap:10px}.panelTitle{font-size:14px;font-weight:800}.panelActions{display:flex;gap:10px}.btnPrimary,.btnSecondary,.btnSuccess,.btnWarning,.btnDanger{border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid transparent}.btnSm{padding:8px 10px;border-radius:10px}.btnXs{padding:6px 8px;border-radius:9px;font-size:12px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar.underTitle{margin-top:-6px;flex-wrap:nowrap}.inputInline{width:220px;max-width:55vw}@media(max-width:780px){.toolbar.underTitle{flex-wrap:wrap}.inputInline{width:100%;max-width:none}}.btnPrimary{background:var(--primary);color:#fff}.btnPrimary:hover{background:var(--primary-hover)}.btnSecondary{background:#0f172a0a;color:var(--text);border-color:#0f172a1a}.btnSecondary:hover{background:#0f172a0f}.btnSuccess{background:#10b98124;border-color:#10b98152;color:#065f46f2}.btnSuccess:hover{background:#10b9812e}.btnWarning{background:#f59e0b24;border-color:#f59e0b57;color:#92400ef2}.btnWarning:hover{background:#f59e0b2e}.btnDanger{background:#ef444424;border-color:#ef444457;color:#991b1bf2}.btnDanger:hover{background:#ef44442e}.filterGrid{padding:12px 14px 14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px}.filterField{display:grid;gap:6px}.filterLabel{font-size:12px;color:var(--muted)}.tablePlaceholder{padding:18px 14px;color:var(--muted);font-size:13px}.tableWrap{width:100%;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid rgba(15,23,42,.08);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:auto;scrollbar-width:thin}.tableScrollHint{padding:8px 12px 0;font-size:12px;font-weight:800;color:#0f172a73}.filterSummary{padding:0 12px 12px;font-size:12px;font-weight:700;color:#0f172a8c;line-height:1.5}.csToggleBtn{min-width:88px}.adminTable{width:max(1400px,100%);border-collapse:collapse}.adminTable thead th{position:sticky;top:0;z-index:1;text-align:center;font-size:12px;color:var(--muted);background:#fff;padding:10px;border-bottom:1px solid rgba(15,23,42,.12);border-right:1px solid rgba(15,23,42,.08);white-space:nowrap}.adminTable thead th:first-child{border-left:1px solid rgba(15,23,42,.08)}.adminTable tbody td{font-size:13px;padding:10px;border-bottom:1px solid rgba(15,23,42,.06);border-right:1px solid rgba(15,23,42,.08);white-space:nowrap;vertical-align:middle;color:var(--text);text-align:center}.adminTable tbody td:first-child{border-left:1px solid rgba(15,23,42,.08)}.adminTable tbody tr:nth-child(2n) td{background:#0f172a05}.adminTable tbody tr:hover td{background:#2563eb0d}.adminTable .mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.adminTable .remark{max-width:240px;overflow:hidden;text-overflow:ellipsis}.adminTable .colActions{text-align:center}.adminTable .actions{min-width:260px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-weight:900;font-size:12px;line-height:1;border:1px solid rgba(15,23,42,.1);background:#0f172a0a;color:#0f172ae0;white-space:nowrap}.pillCycle.day{background:#3b82f61f;border-color:#3b82f64d;color:#1e40afeb}.pillCycle.week{background:#a855f71f;border-color:#a855f74d;color:#581c87eb}.pillCycle.month{background:#f59e0b1f;border-color:#f59e0b52;color:#92400eeb}.pillServiceStatus.pending_service{background:#fbbf2424;border-color:#f59e0b57;color:#92400ef2}.pillServiceStatus.in_service{background:#10b98124;border-color:#10b98157;color:#065f46f2}.pillServiceStatus.completed{background:#64748b24;border-color:#64748b57;color:#1e293beb}.pillOrderType.first{background:#0ea5e91f;border-color:#0ea5e94d;color:#075985f2}.pillOrderType.renew{background:#a855f71f;border-color:#a855f74d;color:#581c87f2}.pillOrderType.tip{background:#f43f5e1f;border-color:#f43f5e4d;color:#9f1239f2}.pillAudit.pending{background:#fbbf2424;border-color:#f59e0b57;color:#92400ef2}.pillAudit.normal{background:#10b98124;border-color:#10b98157;color:#065f46f2}.pillAudit.delete_pending{background:#ef444424;border-color:#ef444457;color:#991b1bf2}.pillCycleStatus.ongoing{background:#3b82f61f;border-color:#3b82f64d;color:#1e40afeb}.pillCycleStatus.ended{background:#64748b24;border-color:#64748b57;color:#1e293beb}.pillSettlementStatus.unsettled{background:#fbbf2424;border-color:#f59e0b57;color:#92400ef2}.pillSettlementStatus.settled,.pillUserStatusNormal{background:#10b98124;border-color:#10b98157;color:#065f46f2}.pillUserStatusFrozen{background:#ef444424;border-color:#ef444457;color:#991b1bf2}.linkBtn{border:none;background:transparent;padding:0;margin:0;color:var(--primary);font-weight:700;cursor:pointer}.linkBtn:hover{text-decoration:underline}.sep{display:inline-block;width:10px}.emptyCell{text-align:center;padding:26px 12px!important;color:var(--muted)!important}.tableFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.tableMeta{font-size:13px;color:var(--muted)}.pager{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pagerGroup{display:inline-flex;align-items:center;gap:8px}.pagerLabel{font-size:12px;color:var(--muted)}.inputSm{height:34px;padding:6px 10px;border-radius:10px}@media(max-width:1100px){.filterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.input,select.input,textarea.input,button,.btn,.btnPrimary,.btnSecondary,.btnDanger,.btnWarning,.btnSuccess{font-size:16px}.sidebar{width:min(84vw,320px);position:fixed;left:0;top:0;bottom:0;z-index:60;transform:translate(-105%);transition:transform .18s ease;box-shadow:0 18px 60px #0f172a59}.sidebar.open{transform:translate(0)}.adminOverlay{display:block;position:fixed;inset:0;z-index:55;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobileMenuBtn{display:inline-flex;align-items:center;justify-content:center}.sidebarTop{position:relative;padding-right:48px}.sidebarCloseBtn{display:inline-flex;align-items:center;justify-content:center;position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffeb;font-size:18px;line-height:1;cursor:pointer}.sidebarCloseBtn:hover{background:#ffffff1a}.adminContent{padding:10px}.topbar{position:sticky;top:0;z-index:40}.panelHeader{flex-direction:column;align-items:stretch}.panelHeaderRight{justify-content:flex-end}.filterGrid{grid-template-columns:1fr}.tableFooter{flex-direction:column;align-items:stretch}.tableMeta{text-align:center}.pager{justify-content:center;width:100%;flex-wrap:wrap}.adminTable{width:100%}.adminTable thead th,.adminTable tbody td{padding:8px 6px;font-size:12px}.adminTable .actions{min-width:0;gap:6px;flex-wrap:wrap;justify-content:flex-start;overflow:visible}.btnXs{padding:6px 8px;font-size:12px}.hidePhone{display:none!important}.wrapPhone{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}.csContainer{padding:10px;gap:10px}.csTopbarTitle{max-width:calc(100vw - 136px)}.csCard{border-radius:12px}.csSectionHeader{flex-direction:column;align-items:stretch;gap:8px}.csSectionTitle{font-size:14px}.csHint{text-align:left}.filterSummary{padding-top:2px}.tableScrollHint{padding-top:6px}.csTiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.csTile{min-height:78px;padding:12px 8px}.csTileText{margin-top:6px;font-size:12px}.csStats,.periodGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.perfColTitle,.perfCell{padding:10px 6px;font-size:12px}.modalLg{width:min(100%,100vw);max-height:88vh}.modalActions{flex-wrap:wrap}.modalActions>button{flex:1 1 120px}.entryHeaderRow{flex-wrap:wrap;align-items:flex-start}.entryTitle{min-width:0;font-size:15px}.entryBody,.entryGrid,.entryField,.entryControl{min-width:0;overflow-x:hidden}.textarea{max-width:100%}.thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.thumb img{height:96px}.entryFooter{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.entryFooter.csFooter .entrySubmit{min-width:0;width:100%}.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:min(42vh,320px);border-radius:14px;box-shadow:0 14px 36px #0f172a24;z-index:30}.suggestPanel{margin-top:8px;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:14px;box-shadow:0 14px 36px #0f172a24;overflow:hidden}.suggestPanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08);background:#f8fafcf5}.suggestPanelTitle{font-size:13px;font-weight:800;color:#0f172ae6;line-height:1.2}.suggestPanelHint{margin-top:3px;font-size:12px;color:var(--muted);line-height:1.3}.suggestPanelClose{border:none;background:transparent;color:#2563ebf5;font-size:13px;font-weight:800;padding:0;cursor:pointer}.suggestMobileList{display:block;max-height:min(34vh,260px);min-height:120px;overflow:auto;-webkit-overflow-scrolling:touch}.suggestItem{align-items:flex-start;flex-direction:column;padding:13px 14px}.suggestMeta{font-size:13px;line-height:1.35}}.csApp{min-height:100vh;background:#f3f5f9;overflow-x:hidden}.csTopbar{height:48px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:5;background:#0b87ff;color:#fff}.csTopbarTitle{font-weight:800;font-size:15px;letter-spacing:.2px;max-width:calc(100vw - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csTopbarBtn,.csTopbarLink{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#ffffffeb;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;padding:6px 8px;border-radius:10px}.csTopbarBtn:hover,.csTopbarLink:hover{background:#ffffff1f}.rankSelfBanner{position:sticky;top:48px;z-index:4;border-radius:14px;overflow:hidden;border:1px solid rgba(37,99,235,.22);background:linear-gradient(135deg,#dbeafef2,#e0f2feeb 55%,#fffffffa);box-shadow:0 10px 32px #2563eb24}.rankSelfBannerInner{padding:14px 14px 12px}.rankSelfBannerLabel{font-size:11px;font-weight:900;letter-spacing:.5px;color:#0f172a80;margin-bottom:6px}.rankSelfBannerMain{min-height:44px;display:flex;align-items:center}.rankSelfBannerNum{font-size:20px;font-weight:900;color:#0f172aeb;line-height:1.15}.rankSelfBannerDigit{font-size:36px;font-weight:900;color:#1d4ed8;margin:0 4px;line-height:1}.rankSelfMuted{color:#0f172a73;font-weight:800;font-size:17px}.rankSelfBannerMeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.rankSelfBannerChip{font-size:13px;font-weight:800;padding:6px 10px;border-radius:999px;background:#ffffffd1;border:1px solid rgba(15,23,42,.08);color:#0f172ac7}.rankSelfBannerHint{margin-top:8px;font-size:12px;font-weight:700;color:#0f172a7a;line-height:1.45}.csContainer{padding:12px;display:grid;gap:12px;max-width:980px;margin:0 auto;min-width:0}.csContainer.csContainerWide{max-width:none}.csCard{background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:14px;box-shadow:0 10px 30px #0f172a0f;min-width:0;overflow:hidden}.csSectionHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 10px;border-bottom:1px solid rgba(15,23,42,.06)}.csSectionTitle{font-size:13px;font-weight:800;color:#0f172acc}.csHint{margin-top:10px;padding:0 12px;font-size:12px;font-weight:800;text-align:center}.csTiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.csTile{display:grid;place-items:center;text-decoration:none;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#0f172a05;padding:12px 8px;color:var(--text)}.csTile:hover{background:#2563eb0f;border-color:#2563eb33}.csTileIcon{width:22px;height:22px;color:#581c87bf}.csTileText{margin-top:8px;font-size:12px;font-weight:700}.csSeg{display:inline-flex;border-radius:12px;border:1px solid rgba(15,23,42,.1);overflow:hidden;background:#0f172a05}.csSegBtn{border:none;background:transparent;padding:7px 10px;font-size:12px;font-weight:800;color:#0f172ab3;cursor:pointer}.csSegBtn.active{background:#2563eb1f;color:#2563ebf2}.csStats{padding:10px 12px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;min-width:0}.perfHeader{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#0f172a05;border-bottom:1px solid rgba(15,23,42,.06)}.perfColTitle{padding:10px 12px;font-size:12px;font-weight:900;color:#0f172ab3;text-align:center}.perfRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.perfCell{padding:14px 12px;font-size:14px;font-weight:900;text-align:center;color:#0f172ae0;border-bottom:1px solid rgba(15,23,42,.06)}.periodGrid{padding:10px 12px 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;min-width:0}.periodStat{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:10px;background:#0f172a03;text-align:center}.periodValue{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;font-weight:900;color:#0f172aeb}.periodLabel{margin-top:6px;font-size:12px;font-weight:700;color:#0f172a8c}.csStat{padding:10px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#0f172a03}.csStatValue{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:900;font-size:14px;color:#0f172ae6}.csStatLabel{margin-top:6px;font-size:12px;color:#0f172a8c;font-weight:700}.csEmpty{padding:22px 12px;text-align:center;font-size:13px;color:var(--muted)}@media(min-width:900px){.csContainer{padding:16px}.csStats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.periodGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.csTopbarLeft{position:absolute;left:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#ffffffeb;font-size:13px;font-weight:800;cursor:pointer;padding:6px 8px;border-radius:10px}.csTopbarLeft:hover{background:#ffffff1f}.entryHeader{padding:14px 0 0}.entryHeaderRow{display:flex;align-items:center;gap:10px}.entryTitle{font-size:16px;font-weight:900}.entryBody{padding:12px;min-width:0}.entryGrid{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}.entryField{display:grid;gap:6px}.entryField.full{grid-column:1 / -1}.entryLabel{font-size:12px;color:var(--muted);font-weight:700}.req{color:#ef4444;margin-right:4px}.entryValue{padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#0f172a05;font-size:14px}.entryControl{position:relative}.entryChoiceGroup{display:flex;flex-wrap:wrap;gap:8px}.entryChoiceBtn{border:1px solid rgba(15,23,42,.1);background:#0f172a08;color:#0f172acc;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:800;line-height:1.2;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.entryChoiceBtn:hover{background:#2563eb0f;border-color:#2563eb33}.entryChoiceBtn.active{background:#2563eb1f;border-color:#2563eb59;color:#1d4ed8fa}.textarea{min-height:96px;resize:vertical}.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:12px;box-shadow:0 18px 40px #0f172a1f;overflow:hidden;z-index:20;max-height:min(320px,45vh);overflow:auto;-webkit-overflow-scrolling:touch}.suggestItem{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:none;background:transparent;cursor:pointer;text-align:left}.suggestItem:hover{background:#2563eb0f}.suggestName{font-weight:800;font-size:13px;color:#0f172aeb}.suggestMeta{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.suggestEmpty{padding:10px 12px;font-size:13px;color:var(--muted)}.uploadBtn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#0f172a05;font-weight:800;font-size:13px;cursor:pointer}.uploadBtn:hover{background:#2563eb0f;border-color:#2563eb33}.thumbs{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.thumbWrap{position:relative;width:100%}.thumb{display:block;border-radius:12px;overflow:hidden;border:1px solid rgba(15,23,42,.1);background:#0f172a05}.thumbLink{cursor:pointer;text-align:left;text-decoration:none;color:inherit}.thumbBroken{height:72px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#0f172a8c}.thumbDel{position:absolute;top:4px;right:4px;width:22px;height:22px;z-index:2;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#ffffffeb;color:#0f172ad9;font-weight:900;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px #0f172a2e}.thumbDel:hover{background:#fff;border-color:#ef444459;color:#ef4444}.thumb img{width:100%;height:72px;object-fit:cover;display:block}.entryError{margin-top:12px}.entryFooter{position:sticky;bottom:0;z-index:10;padding:12px;background:linear-gradient(to top,#f3f5f9f5,#f3f5f999);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.entryFooter.csFooter{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(to top,#f3f5f9f5,#f3f5f999)}.entryFooter.csFooter .entrySubmit{width:auto;min-width:200px}.entrySubmit{width:100%}.entryHint{margin-top:8px;font-size:12px;color:#0f172a8c;font-weight:700;text-align:center}.modalMask{position:fixed;inset:0;background:#0f172a59;display:grid;place-items:center;z-index:50;padding:18px}.imgPreviewMask{position:fixed;inset:0;background:#0f172a8c;display:grid;place-items:center;padding:18px;z-index:60}.imgPreviewModal{width:min(1280px,96vw);height:min(900px,92vh);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #0f172a59;display:flex;flex-direction:column;min-height:0}.imgPreviewTop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08)}.imgPreviewTitle{min-width:0;font-size:12px;font-weight:900;color:#0f172ab3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imgPreviewActions{display:inline-flex;gap:8px}.imgPreviewBody{flex:1;min-height:0;background:#0f172a05;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden}.imgPreviewImg{width:100%;height:100%;object-fit:contain;border-radius:10px;background:#fff;display:block}.imgPreviewFallback{padding:18px;font-size:13px;font-weight:900;color:#0f172aa6;text-align:center}@media(max-width:780px){.thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.thumb img{height:88px}.imgPreviewMask{padding:0}.imgPreviewModal{width:100vw;height:100vh;border-radius:0}.imgPreviewBody{padding:0}.imgPreviewImg{border-radius:0}}.modal{width:min(420px,100%);background:#fff;border-radius:16px;border:1px solid rgba(15,23,42,.1);box-shadow:0 25px 70px #0f172a38;padding:16px}.modalLg{width:min(980px,100%);max-height:82vh;overflow:auto}.modalTitle{font-weight:900;font-size:15px}.modalDesc{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.5}.modalActions{margin-top:14px;display:flex;justify-content:flex-end;gap:10px}@media(min-width:900px){.entryBody{padding:14px}.entryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.thumbs{grid-template-columns:repeat(6,minmax(0,1fr))}.entryFooter{position:static;background:transparent;padding:0 0 12px}.entrySubmit{width:auto;min-width:140px}}
