:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}button,.contactButton{border:0;border-radius:999px;background:#eef2ff;color:#3152d4;cursor:pointer;padding:10px 16px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}button:hover,.contactButton:hover{box-shadow:0 10px 24px #3152d424;transform:translateY(-1px)}.primary{background:linear-gradient(135deg,#3152d4,#7c3aed);color:#fff}.wide{width:100%}.page{margin:0 auto;max-width:1180px;padding:32px 20px 60px}.hero{align-items:center;background:radial-gradient(circle at top right,rgba(124,58,237,.24),transparent 34%),linear-gradient(135deg,#172033,#243b73);border-radius:32px;color:#fff;display:flex;gap:28px;justify-content:space-between;min-height:300px;padding:42px}.hero h1,.adminTop h1,.loginPanel h1{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:8px 0 16px}.hero h1{font-size:clamp(28px,4vw,46px)}.eyebrow{color:#8ea2ff;font-size:13px;font-weight:800;letter-spacing:.16em;margin:0;text-transform:uppercase}.announcement{color:#ffffffd1;font-size:18px;line-height:1.7;max-width:720px}.homeAnnouncement{align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 34%),linear-gradient(135deg,#14284f,#23477f);border:1px solid rgba(255,255,255,.18);border-radius:24px;box-shadow:0 22px 48px #14284f38;color:#fff;display:flex;gap:18px;margin-top:22px;overflow:hidden;padding:22px 28px;position:relative}.homeAnnouncement:after{background:linear-gradient(90deg,#8ea2ff,#fff,#22c55e);bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.homeAnnouncement span{color:#bfdbfe;display:block;font-size:20px;font-weight:900;letter-spacing:.04em;margin-bottom:5px}.homeAnnouncementContent{font-size:22px;font-weight:800;line-height:1.45;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.24)}.richAnnouncementContent{overflow-wrap:anywhere}.richAnnouncementContent p,.richAnnouncementContent div{margin:0}.richAnnouncementContent a{color:inherit;font-weight:900;text-decoration:underline;text-underline-offset:4px}.richAnnouncementContent img{border-radius:14px;display:block;height:auto;margin:10px 0;max-width:min(100%,520px)}.modalAnnouncementContent{color:#475569;font-weight:700;line-height:1.7}.stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.stats span{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 14px}.publicAuthBox{align-items:center;align-self:flex-start;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:999px;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;max-width:min(100%,560px);padding:8px}.publicAuthBox span{color:#ffffffe6;font-weight:800;overflow-wrap:anywhere;padding:0 8px}.publicAuthBox button{background:#fff;color:#172033;font-weight:900;white-space:nowrap}.publicAuthBox button.primary{background:linear-gradient(135deg,#8ea2ff,#fff);color:#172033}.guestAuthBox{background:transparent;border:0;padding:0}.publicAuthSwitch{align-items:center;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);border-radius:999px;display:inline-flex;gap:6px;padding:6px}.publicAuthSwitch button{background:#ffffff38;color:#172033;font-size:16px;font-weight:900;min-width:66px;padding:10px 14px}.publicAuthSwitch button.active{background:#fff;box-shadow:0 10px 24px #17203329}.contactButton{background:#fff;color:#172033;font-weight:800;white-space:nowrap}.shopRecommend{background:#fffffff0;border:1px solid rgba(113,128,150,.16);border-radius:28px;box-shadow:0 18px 45px #27345914;margin-top:22px;padding:24px 28px}.shopRecommendHeader{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.shopRecommendHeader h2{color:#071936;font-size:24px;line-height:1.2;margin:4px 0 0}.shopRecommendHeader button{flex:0 0 auto;font-weight:900}.shopLinks{display:grid;gap:16px 22px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.shopRecommendEmpty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;color:#64748b;display:grid;gap:5px;padding:16px}.shopRecommendEmpty strong{color:#172033}.shopLinkCard{align-items:center;border-radius:18px;color:#071936;display:inline-flex;font-size:20px;font-weight:900;gap:10px;min-height:54px;padding:8px 0;text-decoration:none}.shopLinkCard span{display:grid;gap:2px}.shopLinkCard strong{align-items:center;display:inline-flex;flex-wrap:wrap;font:inherit;gap:8px}.shopLinkCard em{background:#dff3ff;border-radius:999px;color:#0369a1;font-size:12px;font-style:normal;font-weight:900;padding:4px 8px}.shopLinkCard small{color:#64748b;font-size:13px;font-weight:700;line-height:1.35}.shopLinkCard .shopExpireText{color:#0f766e}.shopLinkCard:hover{color:#3152d4}.shopIcon,.shopFallbackIcon{border-radius:10px;flex:0 0 auto;height:28px;width:28px}.shopIcon{background:#eef2ff;object-fit:contain}.shopFallbackIcon{align-items:center;background:linear-gradient(135deg,#3152d4,#7c3aed);color:#fff;display:inline-flex;font-size:14px;justify-content:center}.plans{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.planCard,.adminPanel{background:#ffffffe0;border:1px solid rgba(113,128,150,.16);border-radius:26px;box-shadow:0 22px 60px #27345917;padding:24px}.planHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.planHeader h2,.adminPanel h2{margin:0 0 8px}.collapsiblePanel{padding:18px 22px}.panelHeader{align-items:center;display:flex;gap:16px;justify-content:space-between}.panelHeader h2{font-size:22px;line-height:1.2;margin:0}.panelHeader span{color:#64748b;display:inline-block;font-size:13px;font-weight:800;margin-top:4px}.panelToggle{align-items:center;display:inline-flex;flex:0 0 auto;font-weight:800;gap:7px;min-width:84px;padding:9px 13px}.panelToggle span{align-items:center;background:#3152d41a;border-radius:999px;color:#3152d4;display:inline-flex;font-size:16px;height:20px;justify-content:center;line-height:1;margin:0;width:20px}.panelBody{margin-top:18px}.planHeader p,.tableRow p{color:#64748b;line-height:1.55;margin:0}.tag,.published,.draft{border-radius:999px;font-size:12px;font-weight:800;padding:7px 11px;white-space:nowrap}.tag,.published{background:#e0f2fe;color:#0369a1}.draft{background:#f1f5f9;color:#64748b}.priceLine{align-items:baseline;display:flex;gap:10px;margin:22px 0}.priceLine strong{color:#3152d4;font-size:28px}.priceLine span{color:#64748b}.credential{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;justify-content:space-between;margin-top:10px;padding:12px 14px}.credential span{color:#64748b}.credential code{color:#172033;font-weight:800}.actions,.formActions,.adminTopActions,.rowActions{display:flex;flex-wrap:wrap;gap:10px}.actions{margin-top:20px}.empty,.loading{color:#64748b;padding:26px;text-align:center}.toast{background:#172033;border-radius:999px;bottom:24px;box-shadow:0 20px 50px #1720333d;color:#fff;left:50%;padding:12px 18px;position:fixed;transform:translate(-50%);z-index:20}.saveNotice{color:#16a34a;font-size:14px;font-weight:900;margin:10px 0 0;text-align:center}.modalBackdrop{align-items:center;background:#0f172a9e;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:30}.modal{background:#fff;border-radius:28px;margin:auto;max-width:480px;padding:28px;width:100%}.modal p{color:#475569;line-height:1.7}.forcedNoticeModal{display:grid;gap:16px;max-width:560px}.forcedNoticeHeader{align-items:center;display:flex;gap:14px;justify-content:space-between}.forcedNoticeHeader h2{margin:0}.readProgress{background:#eef2ff;border-radius:999px;color:#3152d4;flex:0 0 auto;font-size:13px;font-weight:900;padding:8px 12px;white-space:nowrap}.readProgress.done{background:#dcfce7;color:#15803d}.forcedNoticeContent{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;max-height:min(48vh,360px);overflow-y:auto;padding:16px}.noticeConfirmField{color:#334155;font-size:13px;font-weight:900;margin-bottom:0}.paymentSummary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;color:#334155;font-weight:800;margin:0;padding:12px 14px}.packageOptions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.packageOption{align-items:center;background:#f8fafc;border:1px solid #dbe3ef;border-radius:16px;display:flex;gap:10px;margin:0;padding:12px}.packageOption input{height:18px;width:18px}.packageOption span{display:grid;gap:2px}.packageOption small{color:#64748b;font-weight:800}.packageOption:has(input:checked){background:#eef2ff;border-color:#3152d4}.authModal{display:grid;gap:14px}.authModalHeader{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.authModalHeader h2{margin:4px 0 0}.authModalHeader .eyebrow{margin-top:0}.captchaRow{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.captchaQuestion{border-radius:14px;font-weight:900;min-width:140px}.authSwitch{background:transparent;color:#3152d4;font-weight:900}.rememberLogin{align-items:center;color:#475569;display:inline-flex;font-weight:800;gap:8px;justify-content:flex-start;line-height:1.2;margin:-4px 0 6px;min-height:28px}.rememberLogin input[type=checkbox]{accent-color:#3152d4;background:#fff;border-radius:4px;flex:0 0 auto;height:18px;margin:0;padding:0;width:18px}.profileModal{display:grid;gap:16px;max-height:none;overflow:visible}.profileSection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;display:grid;gap:12px;padding:16px}.profileSection h3{margin:0}.readonlyField{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:grid;gap:4px;padding:12px 14px}.readonlyField span,.readonlyField small{color:#64748b;font-size:13px;font-weight:800}.readonlyField strong{color:#172033;font-size:18px;overflow-wrap:anywhere}.profileSectionHeader{align-items:center;display:flex;gap:12px;justify-content:space-between}.profileShopForm{background:#fff;border:1px solid #e2e8f0;border-radius:18px;display:grid;gap:12px;padding:14px}.profileShopForm label{margin-bottom:0}.profileOrderList{display:grid;gap:10px}.profileOrder{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.profileOrder p{color:#64748b;margin:4px 0 0;overflow-wrap:anywhere}.settingBlock{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;display:grid;gap:10px;padding:14px}.settingBlock h3{margin:0}.settingsStack{display:grid;gap:14px}.settingBlock .announcementEditor,.settingBlock label{margin-bottom:0}.adminShell{margin:0 auto;max-width:1180px;padding:28px 20px 60px}.loginShell{align-items:center;display:flex;min-height:100vh}.loginPanel{margin:0 auto;max-width:420px;width:100%}.adminTop{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.adminTop h1{color:#172033}.adminTopActions a{align-items:center;color:#3152d4;display:inline-flex;font-weight:800;text-decoration:none}.adminStatsPanel{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:20px}.shopControlPanel{margin-bottom:22px}.shopControlHeader{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.shopControlHeader h2{color:#172033;margin:2px 0 0}.shopControlHeader span{background:#eef2ff;border-radius:999px;color:#3152d4;font-size:13px;font-weight:900;padding:9px 14px;white-space:nowrap}.shopControlGrid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.controlSwitch{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:12px;margin-bottom:0;min-height:96px;padding:14px}.controlSwitch input{flex:0 0 auto;height:20px;margin-top:2px;width:20px}.controlSwitch span{display:grid;gap:6px;min-width:0}.controlSwitch strong{color:#172033;font-size:15px;line-height:1.35}.controlSwitch small{color:#64748b;font-size:12px;font-weight:800;line-height:1.45}.statCard{background:#ffffffe6;border:1px solid rgba(113,128,150,.18);border-radius:22px;box-shadow:0 18px 45px #27345914;display:grid;gap:6px;min-height:126px;padding:18px}.statCard.highlight{background:linear-gradient(135deg,#172033,#3152d4);color:#fff}.statCard span{color:#64748b;font-size:13px;font-weight:900}.statCard.highlight span,.statCard.highlight small{color:#ffffffbd}.statCard strong{color:#172033;font-size:30px;line-height:1}.statCard.highlight strong{color:#fff}.statCard small{color:#64748b;font-size:12px;font-weight:800;line-height:1.45}.wideStat strong{font-size:22px;line-height:1.2}.adminGrid{display:grid;gap:20px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);margin-bottom:28px}.adminShell>.adminPanel{margin-bottom:22px}.adminShell>.adminPanel:last-child{margin-bottom:0}.batchPanel,.shopLinkPanel{grid-column:1 / -1}.batchTextarea{min-height:160px}.helpText{color:#64748b;line-height:1.6;margin:-2px 0 18px}.groupHeader{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.groupHeader .checkbox{margin-bottom:0}.groupHeader h2{margin:0}.shopEditor{display:grid;gap:14px}.shopEditorCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;padding:18px}.shopEditorSummary{align-items:center;display:flex;gap:16px;justify-content:space-between}.shopEditorSummary strong{color:#172033;font-size:18px}.shopEditorSummary p{color:#64748b;line-height:1.5;margin:4px 0 0;word-break:break-all}.shopEditorActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.shopEditorFields{border-top:1px solid #e2e8f0;display:grid;gap:12px;grid-template-columns:minmax(120px,.7fr) minmax(180px,1fr) minmax(180px,1.2fr);margin-top:16px;padding-top:16px}.shopEditorFields label{margin-bottom:0}.paymentPackageEditor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;display:grid;gap:12px;margin:16px 0;padding:14px}.paymentPackageEditor h3{margin:0}.paymentPackageRow{align-items:end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:10px;grid-template-columns:minmax(160px,1.25fr) 92px 92px 120px auto;padding:10px}.paymentPackageRow label{margin-bottom:0;min-width:0}.paymentPackageRow input{border-radius:10px;min-height:36px;padding:7px 10px}.paymentPackageRow button{min-width:72px;padding:8px 12px}.announcementEditor{display:grid;gap:8px;margin-bottom:14px}.editorHeader{align-items:center;display:flex;gap:12px;justify-content:space-between}.editorHeader>span{color:#334155;font-weight:800}.richTextToolbar{align-items:center;background:#f8fafc;border:1px solid #e5edf7;border-radius:18px;display:flex;flex-wrap:wrap;gap:10px;padding:8px}.richTextToolbar label{align-items:center;color:#475569;display:inline-flex;font-size:13px;font-weight:900;gap:6px;margin-bottom:0;width:auto}.richTextToolbar select,.richTextToolbar input[type=color],.richTextToolbar input[type=number]{background:#eef2ff;border:0;border-radius:999px;color:#234bd7;cursor:pointer;font-size:14px;font-weight:900;min-height:36px;padding:7px 10px;width:auto}.richTextToolbar input[type=number]{max-width:76px}.richTextToolbar input[type=color]{min-width:46px;padding:5px 8px}.hiddenFileInput{display:none}.toolbarButton{background:#eef2ff;color:#234bd7;font-size:15px;font-weight:900;line-height:1;padding:10px 14px}.toolbarButton.dangerTone{background:#fff1f2;color:#dc2626}.richTextEditor{background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;color:#172033;line-height:1.65;min-height:156px;outline:none;overflow:auto;padding:13px}.richTextEditor:focus{border-color:#8ea2ff;box-shadow:0 0 0 3px #3152d41f}.richTextEditor img{border-radius:12px;display:block;height:auto;margin:10px 0;max-width:100%}.richTextEditor a{color:#3152d4;font-weight:900}label{color:#334155;display:grid;font-weight:700;gap:7px;margin-bottom:14px}input,select,textarea{background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;color:#172033;min-width:0;outline:none;padding:11px 13px;width:100%}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#3152d4;box-shadow:0 0 0 4px #3152d41a}.twoCols{display:grid;gap:0 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox{align-items:center;display:flex;gap:8px}.checkbox input{height:18px;width:18px}.table{display:grid;gap:12px}.bulkToolbar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 14px}.bulkToolbar span{color:#64748b;font-size:14px;font-weight:800}.selectAllControl{color:#172033;margin-bottom:0}.tableRow{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;display:grid;gap:14px;grid-template-columns:auto 1fr auto auto;padding:14px}.tableRow.selected{background:#f0f7ff;border-color:#bfdbfe}.userManagement{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);min-width:0}.inlineAdminForm{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.adminUserActive{align-self:center;margin-bottom:0}.userRow,.publicUserRow,.shopOrderRow{grid-template-columns:minmax(0,1fr) auto auto}.paidOrderSearchPanel{display:grid;gap:12px}.paidOrderSearch{align-items:end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:grid;gap:12px;grid-template-columns:minmax(220px,1fr) auto;padding:14px}.paidOrderSearch label{margin-bottom:0}.paidOrderRow{grid-template-columns:minmax(0,1fr) auto auto}.paidOrderRow a{color:#3152d4;font-weight:800;overflow-wrap:anywhere}.auditSwitchBar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;padding:12px 14px}.auditSwitchBar .checkbox{margin-bottom:0}.auditSwitchBar span{color:#64748b;font-size:13px;font-weight:800}.shopOrderEditForm{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:grid;gap:10px;margin-top:12px;padding:12px}.shopOrderEditForm label{margin-bottom:0}.rowSelect{align-items:center;display:inline-flex;justify-content:center;margin-bottom:0}.rowSelect input{height:18px;width:18px}.danger{background:#fee2e2;color:#b91c1c}button:disabled{cursor:not-allowed;opacity:.54;transform:none}.editContentButton{background:#eef2ff;color:#214cff;font-weight:700;min-width:86px}.error{color:#b91c1c;font-weight:700}@media(max-width:1080px){.paymentPackageRow{grid-template-columns:repeat(2,minmax(0,1fr))}.paymentPackageRow button{justify-self:start}}@media(max-width:820px){.hero,.adminTop{align-items:flex-start;flex-direction:column}.adminGrid,.adminStatsPanel,.packageOptions,.paymentPackageRow,.paidOrderSearch,.shopControlGrid,.twoCols,.tableRow,.shopEditorFields{grid-template-columns:1fr}.shopControlHeader,.shopEditorSummary,.shopRecommendHeader{align-items:flex-start;flex-direction:column}.shopRecommendHeader button{width:100%}.forcedNoticeHeader{align-items:flex-start;flex-direction:column}.readProgress{align-self:flex-start}.publicAuthBox{border-radius:22px;justify-content:flex-start}.captchaRow{grid-template-columns:1fr}.profileSectionHeader,.profileOrder{align-items:flex-start;grid-template-columns:1fr}.panelHeader{align-items:flex-start;flex-direction:column}.panelToggle{width:100%}.editorHeader{align-items:flex-start;flex-direction:column}.richTextToolbar{justify-content:flex-start;width:100%}.homeAnnouncement{align-items:flex-start;border-radius:20px;padding:18px 20px}.homeAnnouncementContent{font-size:18px}}