@import './documents.css';
@import './shop.css';
@import './invitation.css';
@import './extras.css';

.uc-app { --uc-blue:#3478ff; --uc-text:#263344; --uc-muted:#7d8b9b; --uc-line:#e9edf3; color:var(--uc-text); background:#f8fafc; min-height:100svh; font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif; font-size:14px; line-height:1.6; }
.uc-app a { text-decoration:none; }
.uc-app h1,.uc-app h2,.uc-app h3,.uc-dialog h2,.uc-dialog h3 { color:#263344; }
.uc-app h1 { margin:0; font-size:25px; line-height:1.4; font-weight:650; }
.uc-app h2 { font-size:18px; line-height:1.5; margin:0; font-weight:600; }
.uc-app h3 { margin:0; font-size:15px; font-weight:600; }
.uc-app p { margin:0; }
.uc-icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.uc-sidebar { position:fixed; inset:0 auto 0 0; z-index:40; width:260px; background:#fff; border-right:1px solid #edf0f5; display:flex; flex-direction:column; overflow:auto; }
.uc-brand { height:76px; padding:20px 26px; display:flex; align-items:center; gap:12px; flex:none; color:#263344; font-size:18px; font-weight:650; }
.uc-brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:#eef4ff; color:#3478ff; }
.uc-navigation { padding:13px 16px 24px; flex:1; }
.uc-nav-group { padding:22px 14px 8px; color:#8b97a6; font-size:11px; letter-spacing:.05em; }
.uc-nav-link { display:flex; gap:12px; align-items:center; margin:3px 0; padding:11px 14px; min-height:44px; border-radius:8px; color:#677586; font-size:14px; transition:background 120ms,color 120ms; }
.uc-nav-link:hover { background:#f7f9fc; color:#3478ff; }
.uc-nav-link--active { color:#3478ff; background:#edf3ff; font-weight:600; }
.uc-return-auth { margin:12px 16px 20px; border-top:1px solid #edf0f5; border-radius:0; padding-top:18px; }
.uc-topbar { position:fixed; top:0; right:0; left:260px; height:66px; z-index:30; background:rgba(255,255,255,.97); border-bottom:1px solid #edf0f5; display:flex; align-items:center; gap:15px; padding:0 32px; }
.uc-toolbar { display:flex; align-items:center; gap:20px; margin-left:auto; }
.uc-toolbar-docs { color:#718095; font-size:13px; }
.uc-toolbar-docs:hover { color:#3478ff; }
.uc-breadcrumb { color:#8591a1; font-size:13px; }
.uc-preview-badge { padding:3px 9px; border:1px solid #e2e9f3; border-radius:5px; color:#75849a; font-size:11px; }
.uc-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#edf3ff; color:#3478ff; font-size:12px; }
.uc-icon-button { display:grid; place-items:center; width:36px; height:36px; background:#fff; border:1px solid #e9edf3; border-radius:8px; color:#7d8b9b; cursor:pointer; flex:none; }
.uc-icon-button:hover { color:#3478ff; border-color:#d5e2fb; }
.uc-menu-toggle { display:none; }
.uc-sidebar-close { display:none; position:absolute; top:16px; right:12px; }
.uc-main { margin-left:260px; padding:96px 36px 24px; min-height:100svh; }
.uc-preview-notice { display:flex; align-items:center; gap:10px; padding:11px 16px; border:1px solid #e3eaf4; border-radius:8px; background:#f2f6fc; color:#7b899c; font-size:12px; margin-bottom:28px; }
.uc-status-dot { width:6px; height:6px; border-radius:50%; background:#92a9ca; flex:none; }
.uc-page-content { max-width:1680px; margin:0 auto; }
.uc-page-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:28px; padding-bottom:26px; border-bottom:1px solid #e9edf3; }
.uc-page-description { color:#8a96a5; margin-top:5px !important; font-size:13px; }
.uc-page-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.uc-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:9px 16px; border:1px solid #e0e7f0; border-radius:6px; background:#fff; color:#61738a; font:inherit; font-size:13px; line-height:1.4; cursor:pointer; transition:background 120ms,border-color 120ms; text-decoration:none; }
.uc-button:hover:not(:disabled) { background:#f5f8ff; border-color:#bdd1f9; color:#3478ff; }
.uc-button-primary { background:#3478ff; border-color:#3478ff; color:#fff; }
.uc-button-primary:hover:not(:disabled) { background:#2869e6; border-color:#2869e6; color:#fff; }
.uc-button-quiet { background:transparent; border-color:transparent; }
.uc-button:disabled { opacity:.56; cursor:not-allowed; }
.uc-button .uc-icon { width:16px; height:16px; }
.uc-card { background:#fff; border:1px solid rgba(231,234,243,.85); border-radius:12px; box-shadow:0 6px 12px rgba(140,152,164,.045); }
.uc-muted { color:#8290a2; font-size:13px; }
.uc-field-hint { color:#91a0b0; font-size:12px; line-height:1.6; margin-top:9px !important; }
.uc-dashboard-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:28px; }
.uc-stat { padding:23px 25px; }
.uc-stat-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.uc-stat-heading h2 { font-size:13px; color:#8592a3; font-weight:500; }
.uc-stat-heading .uc-icon { color:#a4b4c9; width:17px; height:17px; }
.uc-stat-value { display:block; color:#283748; font-size:32px; margin:13px 0 8px; font-weight:550; line-height:1; }
.uc-home-subscription { padding:28px; margin-bottom:28px; }
.uc-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.uc-subscription-empty { display:flex; align-items:center; gap:17px; padding:18px 0 24px; }
.uc-subscription-empty h3 { margin-bottom:4px; }
.uc-soft-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:12px; background:#f0f5ff; color:#3478ff; flex:none; }
.uc-soft-icon .uc-icon { width:26px; height:26px; }
.uc-progress-track { height:8px; background:#eff3f8; border-radius:8px; }
.uc-quick-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:28px; padding-top:25px; border-top:1px solid #eef1f6; }
.uc-quick-action { display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:14px; row-gap:14px; }
.uc-quick-action > .uc-button { grid-column:2; justify-self:start; }
.uc-quick-action p { margin-top:4px; }
.uc-home-support { padding:25px 28px; }
.uc-home-support h2 { margin-bottom:8px; }
.uc-home-support .uc-button { margin-top:18px; }
.uc-footer { display:flex; justify-content:flex-end; margin-top:30px; padding-top:20px; border-top:1px solid #edf0f5; font-size:11px; color:#9ca8b5; }
.uc-empty-state { padding:48px 24px; text-align:center; }
.uc-empty-state h3 { color:#64758a; }
.uc-empty-state p { color:#93a0b0; font-size:13px; margin-top:8px; }
.uc-toast { position:fixed; z-index:200; bottom:28px; left:50%; max-width:calc(100vw - 32px); transform:translate(-50%,12px); border:1px solid #e2e8f2; padding:13px 20px; background:#fff; color:#61758d; border-radius:9px; box-shadow:0 10px 32px rgba(43,62,87,.13); font:13px/1.6 "Microsoft YaHei",sans-serif; opacity:0; visibility:hidden; transition:opacity 120ms,transform 120ms; }
.uc-toast--visible { opacity:1; visibility:visible; transform:translate(-50%,0); }
.uc-toast[data-tone="error"] { color:#b45454; border-color:#f2d8d8; }
.uc-toast[data-tone="success"] { color:#358464; border-color:#d2e9df; }
.uc-dialog { box-sizing:border-box; width:550px; max-width:calc(100vw - 32px); max-height:calc(100svh - 40px); padding:0; border:1px solid #e2e8f1; border-radius:12px; background:#fff; color:#263344; box-shadow:0 20px 70px rgba(33,49,74,.18); font:14px/1.6 Inter,"Microsoft YaHei",sans-serif; overflow:auto; }
.uc-dialog::backdrop { background:rgba(26,37,54,.35); }
.uc-dialog-header { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:19px 24px; border-bottom:1px solid #edf0f6; }
.uc-dialog-header h2 { margin:0; font-size:18px; font-weight:600; }
.uc-dialog-body { padding:24px; }
.uc-subscription-link { display:block; width:100%; height:45px; margin:20px 0 13px; padding:0 12px; border:1px solid #e2e8f0; border-radius:5px; background:#f9fbfd; color:#64758a; font:inherit; font-size:12px; }
.uc-subscription-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:18px; }
.uc-client-list { display:flex; flex-direction:column; gap:9px; }
.uc-client-button { width:100%; justify-content:flex-start; }
.uc-client-button:disabled { opacity:1; background:#f7f9fc; color:#a1acba; }
.uc-tutorial-link { display:block; margin-top:23px; text-align:center; color:#3478ff; text-decoration:none; font-size:13px; }
.uc-qr-state { text-align:center; padding:20px 5px; }
.uc-qr-state > .uc-icon { width:40px; height:40px; color:#97aecd; }
.uc-qr-state h3 { margin:18px 0 10px; }
.uc-qr-state p { color:#8995a5; font-size:13px; }
.uc-qr-state .uc-button { margin-top:24px; }
.uc-nav-backdrop { display:none; }
.uc-skip-link { position:fixed; z-index:300; top:-60px; left:280px; padding:9px 16px; color:#3478ff; background:#fff; border:1px solid #c1d5fb; border-radius:4px; }
.uc-skip-link:focus { top:12px; }
.auth-preview-link { position:fixed; z-index:15; top:20px; right:24px; border:1px solid rgba(220,227,239,.8); background:rgba(255,255,255,.93); color:#637b9b; border-radius:7px; padding:9px 15px; font:12px/1.5 "Microsoft YaHei",sans-serif; text-decoration:none; box-shadow:0 3px 12px rgba(50,65,89,.06); }
.auth-preview-link:hover { color:#3478ff; background:#fff; }
.uc-app :focus-visible,.uc-dialog :focus-visible { outline:2px solid #abc6f7; outline-offset:3px; }
.uc-app h1:focus { outline:none; }
@media(min-width:1920px) { .uc-main { padding-inline:50px; } }
@media(max-width:1199px) { .uc-main { padding-inline:24px; } .uc-quick-actions { gap:18px; } }
@media(max-width:1023px) { .uc-sidebar { transform:translateX(-100%); transition:transform 180ms ease; } .uc-topbar { left:0; padding:0 22px; } .uc-main { margin-left:0; padding-top:90px; } .uc-menu-toggle { display:grid; } .uc-menu-open .uc-sidebar { transform:translateX(0); } .uc-app.uc-menu-open .uc-nav-backdrop { display:block; position:fixed; inset:0; z-index:35; border:0; background:rgba(35,49,72,.28); } body.uc-menu-open { overflow:hidden; } .uc-skip-link { left:16px; } }
@media(max-width:767px) { .uc-dashboard-stats { grid-template-columns:1fr; gap:14px; } .uc-stat { padding:19px 22px; } .uc-stat-value { font-size:29px; } .uc-page-header { flex-direction:column; align-items:flex-start; gap:16px; margin-bottom:22px; padding-bottom:20px; } .uc-page-actions { width:100%; } .uc-quick-actions { grid-template-columns:1fr; } .uc-quick-action+.uc-quick-action { padding-top:22px; border-top:1px solid #edf0f6; } .uc-home-subscription,.uc-home-support { padding:22px; } }
@media(max-width:479px) { .uc-main { padding:84px 16px 22px; } .uc-topbar { height:62px; padding:0 16px; gap:10px; } .uc-toolbar { gap:10px; } .uc-toolbar-docs { display:none; } .uc-preview-badge { font-size:10px; } .uc-page-header h1 { font-size:22px; } .uc-preview-notice { padding:10px 12px; font-size:11px; align-items:flex-start; margin-bottom:22px; } .uc-status-dot { margin-top:5px; } .uc-dialog-header { padding:16px 18px; } .uc-dialog-body { padding:18px; } .uc-subscription-actions { gap:9px; } .uc-subscription-actions .uc-button { padding-inline:8px; } .uc-subscription-empty { align-items:flex-start; } .uc-home-subscription,.uc-home-support { padding:19px; } .auth-preview-link { top:10px; right:12px; padding:7px 11px; } }
@media(prefers-reduced-motion:reduce) { .uc-sidebar,.uc-toast,.uc-button,.uc-nav-link { transition:none; } }

[data-fading="true"] { will-change: opacity; }

@media (max-width: 767px) {
  .uc-icon-button { min-width: 44px; min-height: 44px; }
  .uc-nav-link, .uc-button { min-height: 44px; }
  .uc-app button, .uc-dialog button { min-width: 44px; min-height: 44px; }
  .uc-extra-input, .uc-inv-input { min-height: 44px; }
}
.uc-toast { transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms; }
.uc-toast--visible { transition-delay: 0s; }
.uc-dialog[data-motion="opening"]::backdrop, .terms-dialog[data-motion="opening"]::backdrop { animation: uc-backdrop-enter 220ms cubic-bezier(.22,1,.36,1) both; }
.uc-dialog[data-motion="closing"]::backdrop, .terms-dialog[data-motion="closing"]::backdrop { animation: uc-backdrop-exit 150ms cubic-bezier(.22,1,.36,1) both; }
.uc-dialog[data-motion="closing"], .terms-dialog[data-motion="closing"] { pointer-events: none; }
@keyframes uc-backdrop-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes uc-backdrop-exit { from { opacity: 1; } to { opacity: 0; } }
@media(prefers-reduced-motion:reduce) {
  .uc-toast { transition: none; }
  .uc-dialog::backdrop,.terms-dialog::backdrop { animation: none !important; }
}
.uc-live-content, .uc-live-result { display:grid; gap:22px; min-width:0; }
.uc-live-pagination { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.uc-live-message { padding:16px 0; border-bottom:1px solid #e9edf3; }
.uc-live-message p { margin:10px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.uc-live-ticket-detail { display:grid; gap:16px; }
.uc-live-plan { padding:24px; display:grid; gap:14px; }
.uc-live-content .uc-extra-card p { margin-block:12px; }
.uc-live-content .uc-extra-card button { margin:7px 9px 0 0; }
.uc-home-subscription > .uc-button { margin:10px 8px 0 0; }
.uc-page-description, .uc-live-content p { overflow-wrap:anywhere; }
@media (max-width:1023px) { .uc-sidebar-close { display:grid; width:44px; height:44px; } .uc-sidebar .uc-brand { padding-right:60px; } }