.site-header[data-v-7dc1417d]{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid rgba(31,41,51,.08)}.header-inner[data-v-7dc1417d]{width:min(100%,1180px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 24px}.brand[data-v-7dc1417d]{display:flex;align-items:baseline;gap:6px;font-weight:700;letter-spacing:.02em}.brand-mark[data-v-7dc1417d]{font-size:18px;color:var(--brand-primary);background:#d726381a;padding:4px 10px;border-radius:12px}.brand-name[data-v-7dc1417d]{font-size:20px}.nav-links[data-v-7dc1417d]{display:flex;gap:28px;font-size:15px}.nav-links a[data-v-7dc1417d]{color:var(--text-muted);transition:color .2s,transform .2s}.nav-links a[data-v-7dc1417d]:hover{color:var(--brand-secondary);transform:translateY(-2px)}.header-actions[data-v-7dc1417d]{display:flex;align-items:center;gap:16px}.login-link[data-v-7dc1417d]{padding:10px 22px;border-radius:999px;background:linear-gradient(120deg,#3b82f6,#2563eb);color:#fff;font-weight:600;box-shadow:0 12px 24px #2563eb40}.cta[data-v-7dc1417d]{padding:10px 22px;border-radius:999px;background:linear-gradient(120deg,var(--brand-primary),#ff5f6d);color:#fff;font-weight:600;box-shadow:0 12px 24px #d7263840}.site-footer[data-v-7dc1417d]{background:#0f172a;color:#ffffffd1;padding:64px 24px 32px}.footer-inner[data-v-7dc1417d]{width:min(100%,1180px);margin:0 auto 40px;display:flex;flex-wrap:wrap;gap:48px}.footer-brand[data-v-7dc1417d]{flex:1 1 260px}.footer-brand p[data-v-7dc1417d]{color:#fff9;max-width:320px;margin-top:12px}.footer-links[data-v-7dc1417d]{display:flex;gap:40px;flex:1 1 400px;flex-wrap:wrap}.footer-links h4[data-v-7dc1417d]{margin:0 0 12px;font-size:16px;color:#fff}.footer-links a[data-v-7dc1417d],.footer-links p[data-v-7dc1417d]{display:block;margin:6px 0;color:#fff9;font-size:14px}.footer-bottom[data-v-7dc1417d]{width:min(100%,1180px);margin:0 auto;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:13px;color:#ffffff80}.beian-info[data-v-7dc1417d]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gaba-icon[data-v-7dc1417d]{width:16px;height:16px;vertical-align:middle;margin-right:2px}.gaba-link[data-v-7dc1417d]{color:#ffffff80;text-decoration:none;transition:color .2s}.gaba-link[data-v-7dc1417d]:hover{color:#fffc}.separator[data-v-7dc1417d]{margin:0 4px;color:#ffffff4d}.beian[data-v-7dc1417d]{color:#ffffff80;text-decoration:none;transition:color .2s}.beian[data-v-7dc1417d]:hover{color:#fffc}@media (max-width: 900px){.header-inner[data-v-7dc1417d]{flex-wrap:wrap;gap:12px 20px}.nav-links[data-v-7dc1417d]{order:3;width:100%;justify-content:space-between;border-top:1px solid rgba(31,41,51,.08);padding-top:12px}}.hero-section[data-v-d8411065]{background:radial-gradient(circle at top right,rgba(63,193,201,.12),transparent 55%);padding:120px 0 80px}.hero-content[data-v-d8411065]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:56px;align-items:center}.text-area[data-v-d8411065]{display:flex;flex-direction:column;gap:22px}.tagline[data-v-d8411065]{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-secondary);font-weight:600}h1[data-v-d8411065]{margin:0;font-size:clamp(38px,5vw,56px);line-height:1.1}h1 span[data-v-d8411065]{color:var(--brand-primary);display:block}.description[data-v-d8411065]{color:var(--text-muted);font-size:18px;line-height:1.8;margin:0}.actions[data-v-d8411065]{display:flex;gap:16px;flex-wrap:wrap}.actions a[data-v-d8411065]{padding:12px 26px;border-radius:999px;font-weight:600;font-size:15px}.actions .primary[data-v-d8411065]{background:linear-gradient(135deg,var(--brand-primary),#ff6f61);color:#fff;box-shadow:0 14px 30px #d7263842}.actions .secondary[data-v-d8411065]{border:1px solid rgba(54,79,107,.2);color:var(--brand-secondary);background:#fff9}.quick-stats[data-v-d8411065]{display:flex;gap:28px;padding:0;margin:12px 0 0;list-style:none;flex-wrap:wrap}.quick-stats li[data-v-d8411065]{min-width:120px}.quick-stats strong[data-v-d8411065]{font-size:24px;color:var(--brand-secondary);display:block}.quick-stats span[data-v-d8411065]{color:var(--text-muted);font-size:13px}.visual-area[data-v-d8411065]{display:flex;justify-content:center}.mockup[data-v-d8411065]{width:min(100%,420px);border-radius:28px;box-shadow:0 30px 60px #0f172a2e;background:#fff;overflow:hidden}.mockup-toolbar[data-v-d8411065]{display:flex;gap:8px;padding:16px;background:linear-gradient(120deg,#364f6be6,#364f6bb3)}.mockup-toolbar span[data-v-d8411065]{width:10px;height:10px;border-radius:50%;background:#ffffffb3}.mockup-preview[data-v-d8411065]{padding:28px}.preview-panel[data-v-d8411065]{display:grid;gap:18px;margin-bottom:24px}.page-thumb[data-v-d8411065]{background:linear-gradient(135deg,#3fc1c929,#ffffffe6);border-radius:20px;padding:20px;display:grid;grid-template-columns:70px 64px 1fr;gap:18px;align-items:center;position:relative;overflow:hidden}.page-number[data-v-d8411065]{font-weight:700;font-size:26px;letter-spacing:.18em;font-size:16px;color:var(--brand-secondary);text-transform:uppercase}.stamp-placeholder[data-v-d8411065]{position:relative;height:70px;background:#fff;border-radius:18px;border:1px dashed rgba(54,79,107,.2);display:flex;align-items:center;justify-content:center}.stamp-circle[data-v-d8411065]{width:44px;height:44px;border-radius:50%;background:#d726381f;border:2px solid rgba(215,38,56,.4);box-shadow:0 10px 18px #d726382e}.step-content[data-v-d8411065]{display:flex;flex-direction:column;gap:6px}.step-content h4[data-v-d8411065]{margin:0;font-size:18px;color:var(--text-dark);font-weight:700}.step-content p[data-v-d8411065]{margin:0;color:var(--text-muted);font-size:14px;line-height:1.6}.mockup-info h3[data-v-d8411065]{margin:0 0 6px;color:var(--brand-secondary)}.mockup-info p[data-v-d8411065]{margin:0;color:var(--text-muted);font-size:14px}@media (max-width: 1024px){.hero-section[data-v-d8411065]{padding:80px 0 60px}.page-thumb[data-v-d8411065]{grid-template-columns:56px 56px 1fr;gap:14px}}@media (max-width: 640px){.page-thumb[data-v-d8411065]{grid-template-columns:56px 1fr}.stamp-placeholder[data-v-d8411065]{display:none}}.download-section[data-v-efdb1479]{background:linear-gradient(135deg,#364f6b0d,#3fc1c914);padding:96px 0}.card[data-v-efdb1479]{background:#fff;border-radius:32px;padding:48px;display:flex;gap:48px;flex-wrap:wrap;align-items:center;box-shadow:var(--shadow-soft)}.info[data-v-efdb1479]{flex:1 1 420px}h2[data-v-efdb1479]{margin:0 0 12px;font-size:clamp(30px,4vw,38px)}p[data-v-efdb1479]{color:var(--text-muted);line-height:1.8;margin:0 0 24px}.buttons[data-v-efdb1479]{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px}.buttons a[data-v-efdb1479]{padding:12px 24px;border-radius:999px;font-weight:600}.primary[data-v-efdb1479]{background:linear-gradient(135deg,var(--brand-primary),#ff6f61);color:#fff;box-shadow:0 14px 30px #d7263842}.ghost[data-v-efdb1479]{border:1px solid rgba(54,79,107,.18);color:var(--brand-secondary)}.tips[data-v-efdb1479]{margin:0;padding-left:18px;color:var(--text-muted);line-height:1.7}.version[data-v-efdb1479]{flex:0 0 200px;text-align:center;background:linear-gradient(180deg,#3fc1c929,#364f6b1f);border-radius:24px;padding:32px 24px}.badge[data-v-efdb1479]{display:inline-block;padding:6px 14px;border-radius:999px;background:#364f6b2e;color:var(--brand-secondary);font-weight:600;font-size:13px}.number[data-v-efdb1479]{font-size:42px;font-weight:700;margin:16px 0 8px;color:var(--brand-secondary)}@media (max-width: 768px){.card[data-v-efdb1479]{padding:32px 24px}}ul[data-v-dca277a7],ul[data-v-b51db851],ul[data-v-8248bf15],ul[data-v-88262fe7],ul[data-v-fd4ae998],ul[data-v-d356b3fa],ul[data-v-a7472421],ul[data-v-229fa8f8],ul[data-v-d8bb64e4],ul[data-v-66e3dd7e]{margin:0;padding-left:18px;color:var(--text-muted);line-height:1.7}.features-page[data-v-5720cf65]{min-height:100vh;background:var(--bg-light);padding:40px 0}.page-header[data-v-5720cf65]{width:min(100%,var(--max-width));margin:0 auto;background:#fff;color:var(--text-dark);padding:48px 24px 36px;text-align:center;border-radius:var(--border-radius) var(--border-radius) 0 0;box-sizing:border-box;border:1px solid #e5e7eb;border-bottom:none}.page-header h1[data-v-5720cf65]{font-size:clamp(32px,5vw,42px);margin:0 0 12px;font-weight:700}.page-header p[data-v-5720cf65]{font-size:clamp(16px,2vw,18px);opacity:.7;color:var(--text-muted);margin:0}.content-wrapper[data-v-5720cf65]{width:min(100%,var(--max-width));margin:0 auto;padding:28px 24px 40px;background:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 20px 60px #00000026;box-sizing:border-box;border:1px solid #e5e7eb;border-top:none}.detail-grid[data-v-5720cf65]{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:48px}.future-section[data-v-5720cf65]{padding-top:32px;border-top:1px solid #e5e7eb}.section-title[data-v-5720cf65]{font-size:clamp(24px,3vw,32px);font-weight:700;margin:0 0 12px;color:var(--text-dark)}.section-subtitle[data-v-5720cf65]{color:var(--text-muted);font-size:clamp(15px,2vw,17px);margin:0;line-height:1.7}@media (max-width: 768px){.features-page[data-v-5720cf65]{padding:20px 0}.content-wrapper[data-v-5720cf65]{padding:28px 16px 24px}.page-header[data-v-5720cf65]{padding:32px 16px 24px}.detail-grid[data-v-5720cf65]{grid-template-columns:1fr}}.roadmap-page[data-v-5ab16653]{min-height:100vh;background:var(--bg-light);padding:40px 0}.page-header[data-v-5ab16653]{width:min(100%,var(--max-width));margin:0 auto;background:#fff;color:var(--text-dark);padding:48px 24px 36px;text-align:center;border-radius:var(--border-radius) var(--border-radius) 0 0;box-sizing:border-box;border:1px solid #e5e7eb;border-bottom:none}.page-header h1[data-v-5ab16653]{font-size:clamp(32px,5vw,42px);margin:0 0 12px;font-weight:700}.page-header p[data-v-5ab16653]{font-size:clamp(16px,2vw,18px);opacity:.7;color:var(--text-muted);margin:0}.content-wrapper[data-v-5ab16653]{width:min(100%,var(--max-width));margin:0 auto;padding:28px 24px 40px;background:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 20px 60px #00000026;box-sizing:border-box;border:1px solid #e5e7eb;border-top:none}.timeline[data-v-5ab16653]{display:grid;gap:32px}.milestone[data-v-5ab16653]{padding:32px;border-radius:var(--border-radius);background:var(--bg-light);border:1px solid #e5e7eb}.milestone h3[data-v-5ab16653]{margin:0 0 16px;color:var(--brand-secondary);font-size:20px;font-weight:600}.milestone ul[data-v-5ab16653]{margin:0;padding-left:20px;color:var(--text-muted);line-height:1.8}@media (max-width: 768px){.roadmap-page[data-v-5ab16653]{padding:20px 0}.content-wrapper[data-v-5ab16653]{padding:28px 16px 24px}.page-header[data-v-5ab16653]{padding:32px 16px 24px}.milestone[data-v-5ab16653]{padding:24px}}.support-page[data-v-0d9594c4]{min-height:100vh;background:var(--bg-light);padding:40px 0}.page-header[data-v-0d9594c4]{width:min(100%,var(--max-width));margin:0 auto;background:#fff;color:var(--text-dark);padding:48px 24px 36px;text-align:center;border-radius:var(--border-radius) var(--border-radius) 0 0;box-sizing:border-box;border:1px solid #e5e7eb;border-bottom:none}.page-header h1[data-v-0d9594c4]{font-size:clamp(32px,5vw,42px);margin:0 0 12px;font-weight:700}.page-header p[data-v-0d9594c4]{font-size:clamp(16px,2vw,18px);opacity:.7;color:var(--text-muted);margin:0}.content-wrapper[data-v-0d9594c4]{width:min(100%,var(--max-width));margin:0 auto;padding:28px 24px 40px;background:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 20px 60px #00000026;box-sizing:border-box;border:1px solid #e5e7eb;border-top:none}.faq-grid[data-v-0d9594c4]{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-card[data-v-0d9594c4]{padding:28px 24px;border-radius:12px;background:var(--bg-light);border:1px solid #e5e7eb}.faq-card h3[data-v-0d9594c4]{margin:0 0 12px;color:var(--brand-secondary);font-size:20px;font-weight:600}.faq-card p[data-v-0d9594c4]{margin:0 0 16px;color:var(--text-muted);line-height:1.7}.faq-card ul[data-v-0d9594c4]{margin:0;padding-left:20px;color:var(--text-muted);line-height:1.7}@media (max-width: 768px){.support-page[data-v-0d9594c4]{padding:20px 0}.content-wrapper[data-v-0d9594c4]{padding:28px 16px 24px}.page-header[data-v-0d9594c4]{padding:32px 16px 24px}.faq-grid[data-v-0d9594c4]{grid-template-columns:1fr}}.tutorials-page[data-v-999e2858]{min-height:100vh;background:var(--bg-light);padding:40px 0}.page-header[data-v-999e2858]{width:min(100%,var(--max-width));margin:0 auto;background:#fff;color:var(--text-dark);padding:48px 24px 36px;text-align:center;border-radius:var(--border-radius) var(--border-radius) 0 0;box-sizing:border-box;border:1px solid #e5e7eb;border-bottom:none}.page-header h1[data-v-999e2858]{font-size:clamp(32px,5vw,42px);margin:0 0 12px;font-weight:700}.page-header p[data-v-999e2858]{font-size:clamp(16px,2vw,18px);opacity:.7;color:var(--text-muted)}.content-wrapper[data-v-999e2858]{width:min(100%,var(--max-width));margin:0 auto;padding:28px 24px 40px;background:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 20px 60px #00000026;box-sizing:border-box;border:1px solid #e5e7eb;border-top:none}.filters[data-v-999e2858]{background:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow-soft);display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.filter-btn[data-v-999e2858]{padding:8px 20px;border:2px solid #e5e7eb;border-radius:999px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;color:var(--text-dark);font-weight:500}.filter-btn[data-v-999e2858]:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px)}.filter-btn.active[data-v-999e2858]{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.search-box[data-v-999e2858]{background:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow-soft);display:flex;gap:12px;margin-bottom:24px}.search-input[data-v-999e2858]{flex:1;padding:12px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;color:var(--text-dark);transition:all .3s ease}.search-input[data-v-999e2858]:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px #3fc1c91a}.search-btn[data-v-999e2858]{padding:12px 32px;background:var(--brand-primary);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #d7263840}.search-btn[data-v-999e2858]:hover{background:#a11d2b;transform:translateY(-2px);box-shadow:0 6px 16px #d726384d}.tutorials-list[data-v-999e2858]{display:grid;gap:24px}.tutorial-card[data-v-999e2858]{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-soft);overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex}.tutorial-card[data-v-999e2858]:hover{transform:translateY(-4px);box-shadow:0 20px 48px #1f293326}.tutorial-cover[data-v-999e2858]{width:200px;height:150px;flex-shrink:0}.tutorial-cover img[data-v-999e2858]{width:100%;height:100%;object-fit:cover}.tutorial-content[data-v-999e2858]{flex:1;padding:24px}.tutorial-content h3[data-v-999e2858]{margin:0 0 12px;font-size:20px;font-weight:600;color:var(--text-dark)}.tutorial-meta[data-v-999e2858]{display:flex;gap:16px;margin-bottom:12px;font-size:13px;color:var(--text-muted)}.category[data-v-999e2858]{color:var(--brand-secondary);font-weight:600}.tutorial-preview[data-v-999e2858]{color:var(--text-muted);line-height:1.7;margin-bottom:12px}.tags[data-v-999e2858]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-v-999e2858]{padding:4px 12px;background:#3fc1c91a;border-radius:999px;font-size:12px;font-weight:600;color:var(--brand-accent)}.pagination[data-v-999e2858]{background:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow-soft);display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.page-btn[data-v-999e2858]{padding:10px 24px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;color:var(--text-dark);font-weight:500}.page-btn[data-v-999e2858]:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-2px)}.page-btn[data-v-999e2858]:disabled{opacity:.4;cursor:not-allowed}.page-info[data-v-999e2858]{color:var(--text-muted);font-size:14px;font-weight:500}@media (max-width: 768px){.tutorials-page[data-v-999e2858]{padding:20px 0}.tutorial-card[data-v-999e2858]{flex-direction:column}.tutorial-cover[data-v-999e2858]{width:100%;height:180px}.content-wrapper[data-v-999e2858]{padding:0 16px 24px}.page-header[data-v-999e2858]{padding:32px 16px 24px}}.tutorial-detail-page[data-v-80da5136]{min-height:100vh;background:#f8f9fa;padding:40px 24px}.loading[data-v-80da5136],.error-message[data-v-80da5136]{text-align:center;padding:60px 24px;font-size:18px;color:#666}.content-wrapper[data-v-80da5136]{width:min(100%,900px);margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:40px}.tutorial-header[data-v-80da5136]{border-bottom:2px solid #f0f0f0;padding-bottom:24px;margin-bottom:32px}.tutorial-header h1[data-v-80da5136]{font-size:32px;margin:0 0 16px;color:#333}.tutorial-meta[data-v-80da5136]{display:flex;gap:16px;margin-bottom:16px;font-size:14px;color:#666}.category[data-v-80da5136]{color:var(--brand-secondary);font-weight:600}.tags[data-v-80da5136]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-v-80da5136]{padding:4px 12px;background:#f0f0f0;border-radius:12px;font-size:12px;color:#666}.video-section[data-v-80da5136]{margin-bottom:32px;padding:24px;background:#f8f9fa;border-radius:8px}.video-section h3[data-v-80da5136]{margin:0 0 16px;font-size:20px;color:#333}.video-container[data-v-80da5136]{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;border-radius:8px}.video-iframe[data-v-80da5136]{position:absolute;top:0;left:0;width:100%;height:100%}.tutorial-body[data-v-80da5136]{margin-bottom:32px}.markdown-content[data-v-80da5136]{font-size:16px;line-height:1.8;color:#333}.markdown-content[data-v-80da5136] h1,.markdown-content[data-v-80da5136] h2,.markdown-content[data-v-80da5136] h3{margin:24px 0 16px;font-weight:600}.markdown-content[data-v-80da5136] h1{font-size:28px}.markdown-content[data-v-80da5136] h2{font-size:24px}.markdown-content[data-v-80da5136] h3{font-size:20px}.markdown-content[data-v-80da5136] code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:14px}.markdown-content[data-v-80da5136] pre{background:#f5f5f5;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.markdown-content[data-v-80da5136] pre code{background:none;padding:0}.markdown-content[data-v-80da5136] a{color:var(--brand-primary);text-decoration:none}.markdown-content[data-v-80da5136] a:hover{text-decoration:underline}.tutorial-footer[data-v-80da5136]{border-top:2px solid #f0f0f0;padding-top:24px;text-align:center}.back-btn[data-v-80da5136]{padding:12px 32px;background:linear-gradient(135deg,var(--brand-primary),#ff6f61);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #d7263833}.back-btn[data-v-80da5136]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d726384d}.messages-page[data-v-9fce649d]{min-height:100vh;background:var(--bg-light);padding:40px 0}.page-header[data-v-9fce649d]{width:min(100%,var(--max-width));margin:0 auto;background:#fff;color:var(--text-dark);padding:48px 24px 36px;text-align:center;border-radius:var(--border-radius) var(--border-radius) 0 0;box-sizing:border-box;border:1px solid #e5e7eb;border-bottom:none}.page-header h1[data-v-9fce649d]{font-size:clamp(32px,5vw,42px);margin:0 0 12px;font-weight:700}.page-header p[data-v-9fce649d]{font-size:clamp(16px,2vw,18px);opacity:.7;color:var(--text-muted)}.content-wrapper[data-v-9fce649d]{width:min(100%,var(--max-width));margin:0 auto;padding:28px 24px 40px;background:#fff;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 20px 60px #00000026;box-sizing:border-box;border:1px solid #e5e7eb;border-top:none}.login-prompt[data-v-9fce649d]{background:#fff;padding:48px;border-radius:var(--border-radius);box-shadow:var(--shadow-soft);text-align:center;margin-bottom:24px}.login-prompt p[data-v-9fce649d]{margin:0 0 24px;font-size:16px;color:var(--text-muted)}.login-btn[data-v-9fce649d]{padding:12px 36px;background:var(--brand-primary);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;box-shadow:0 4px 14px #d726384d;transition:all .3s ease}.login-btn[data-v-9fce649d]:hover{background:#a11d2b;transform:translateY(-2px);box-shadow:0 6px 18px #d7263866}.post-area[data-v-9fce649d]{background:#fff;padding:28px;border-radius:var(--border-radius);box-shadow:var(--shadow-soft);margin-bottom:28px}.post-header[data-v-9fce649d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.post-header h3[data-v-9fce649d]{margin:0;font-size:20px;font-weight:600;color:var(--text-dark)}.user-actions[data-v-9fce649d]{display:flex;align-items:center;gap:16px}.current-user[data-v-9fce649d]{font-size:14px;color:var(--text-muted);font-weight:500}.logout-btn[data-v-9fce649d]{padding:8px 18px;background:#fff;border:2px solid #e5e7eb;color:var(--text-dark);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.logout-btn[data-v-9fce649d]:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px)}.message-input[data-v-9fce649d],.reply-input[data-v-9fce649d]{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;resize:vertical;font-family:inherit;color:var(--text-dark);line-height:1.6;transition:all .3s ease}.message-input[data-v-9fce649d]:focus,.reply-input[data-v-9fce649d]:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px #3fc1c91a}.post-actions[data-v-9fce649d],.reply-actions[data-v-9fce649d]{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.action-buttons[data-v-9fce649d]{display:flex;align-items:center;gap:12px}.upload-btn[data-v-9fce649d]{padding:10px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-dark);transition:all .3s ease;display:inline-block}.upload-btn[data-v-9fce649d]:hover{border-color:var(--brand-accent);color:var(--brand-accent);transform:translateY(-1px)}.tip-text[data-v-9fce649d]{font-size:13px;color:var(--text-muted)}.publish-btn[data-v-9fce649d],.submit-reply-btn[data-v-9fce649d]{padding:11px 28px;background:var(--brand-primary);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 4px 12px #d7263840;transition:all .3s ease}.publish-btn[data-v-9fce649d]:hover,.submit-reply-btn[data-v-9fce649d]:hover{background:#a11d2b;transform:translateY(-2px);box-shadow:0 6px 16px #d7263859}.cancel-btn[data-v-9fce649d]{padding:10px 24px;background:#fff;border:2px solid #e5e7eb;color:var(--text-dark);border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.cancel-btn[data-v-9fce649d]:hover{border-color:var(--text-muted);background:var(--bg-light)}.messages-list[data-v-9fce649d]{display:flex;flex-direction:column;gap:20px}.message-card[data-v-9fce649d]{background:#fff;padding:0;border-radius:var(--border-radius);box-shadow:var(--shadow-soft);overflow:hidden;transition:all .3s ease}.message-card[data-v-9fce649d]:hover{box-shadow:0 20px 48px #1f29331f}.floor-1[data-v-9fce649d]{padding:28px;position:relative}.message-header[data-v-9fce649d],.reply-header[data-v-9fce649d]{display:flex;align-items:center;gap:12px;margin-bottom:14px}.user-avatar[data-v-9fce649d]{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0}.user-avatar.small[data-v-9fce649d]{width:34px;height:34px;font-size:15px}.user-info-block[data-v-9fce649d]{flex:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.username[data-v-9fce649d]{font-weight:600;color:var(--text-dark);font-size:15px}.admin-badge[data-v-9fce649d]{display:inline-flex;padding:3px 10px;background:var(--brand-primary);color:#fff;border-radius:999px;font-size:11px;font-weight:600}.reply-to[data-v-9fce649d]{color:var(--text-muted);font-size:13px;font-weight:500}.time[data-v-9fce649d]{color:var(--text-muted);font-size:13px;margin-left:auto}.message-content[data-v-9fce649d],.reply-content[data-v-9fce649d]{color:var(--text-dark);line-height:1.7;margin-bottom:14px;font-size:15px;white-space:pre-wrap;word-break:break-word}.message-images[data-v-9fce649d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:16px 0}.message-image[data-v-9fce649d]{width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:12px;cursor:pointer;transition:all .3s ease;border:1px solid #e5e7eb}.message-image[data-v-9fce649d]:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000026}.image-preview-list[data-v-9fce649d]{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.image-preview-item[data-v-9fce649d]{position:relative;width:120px;height:120px;border-radius:10px;overflow:hidden;border:2px solid #e5e7eb}.image-preview-item img[data-v-9fce649d]{width:100%;height:100%;object-fit:cover}.remove-img-btn[data-v-9fce649d]{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-img-btn[data-v-9fce649d]:hover{background:var(--brand-primary);transform:scale(1.1)}.message-actions[data-v-9fce649d],.reply-actions-inline[data-v-9fce649d]{display:flex;gap:8px;margin-top:12px}.reply-btn-small[data-v-9fce649d],.delete-btn-small[data-v-9fce649d]{padding:6px 14px;border:1px solid #e5e7eb;background:#fff;color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s ease;font-weight:500}.reply-btn-small[data-v-9fce649d]:hover{border-color:var(--brand-accent);color:var(--brand-accent);background:#3fc1c90d}.delete-btn-small[data-v-9fce649d]:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#d726380d}.replies-floors[data-v-9fce649d]{background:var(--bg-light);border-top:1px solid #e5e7eb;padding:0}.reply-floor[data-v-9fce649d]{padding:20px 28px;border-bottom:1px solid #e5e7eb;transition:background .2s ease}.reply-floor[data-v-9fce649d]:last-child{border-bottom:none}.reply-floor[data-v-9fce649d]:hover{background:#fff}.reply-floor.admin-floor[data-v-9fce649d]{background:#d7263805}.reply-floor.admin-floor[data-v-9fce649d]:hover{background:#d726380a}.reply-input-area[data-v-9fce649d]{padding:20px 28px;background:var(--bg-light);border-top:1px solid #e5e7eb}.pagination[data-v-9fce649d]{background:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow-soft);display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px}.page-btn[data-v-9fce649d]{padding:10px 24px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease;color:var(--text-dark);font-weight:500;font-size:14px}.page-btn[data-v-9fce649d]:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-2px)}.page-btn[data-v-9fce649d]:disabled{opacity:.4;cursor:not-allowed}.page-info[data-v-9fce649d]{color:var(--text-muted);font-size:14px;font-weight:500}.dialog-overlay[data-v-9fce649d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-content[data-v-9fce649d]{background:#fff;padding:36px;border-radius:var(--border-radius);width:90%;max-width:420px;box-shadow:0 24px 64px #0003}.dialog-content h2[data-v-9fce649d]{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--text-dark)}.dialog-desc[data-v-9fce649d]{color:var(--text-muted);margin:0 0 28px;font-size:14px}.login-input[data-v-9fce649d],.captcha-input[data-v-9fce649d]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;margin-bottom:16px;transition:all .3s ease;color:var(--text-dark)}.login-input[data-v-9fce649d]:focus,.captcha-input[data-v-9fce649d]:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px #3fc1c91a}.captcha-row[data-v-9fce649d]{display:flex;gap:12px;margin-bottom:16px}.captcha-input[data-v-9fce649d]{flex:1;margin:0}.captcha-box[data-v-9fce649d]{width:120px;height:44px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease;background:var(--bg-light)}.captcha-box[data-v-9fce649d]:hover{border-color:var(--brand-accent)}.captcha-img[data-v-9fce649d]{width:100%;height:100%;object-fit:cover}.captcha-loading[data-v-9fce649d]{font-size:12px;color:var(--text-muted)}.error-message[data-v-9fce649d]{color:var(--brand-primary);font-size:13px;margin-bottom:16px;padding:10px 14px;background:#d7263814;border-radius:8px;border-left:3px solid var(--brand-primary)}.dialog-actions[data-v-9fce649d]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.confirm-btn[data-v-9fce649d]{padding:11px 28px;background:var(--brand-primary);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #d7263840}.confirm-btn[data-v-9fce649d]:hover{background:#a11d2b;transform:translateY(-2px);box-shadow:0 6px 16px #d7263859}@media (max-width: 768px){.messages-page[data-v-9fce649d]{padding:20px 0}.content-wrapper[data-v-9fce649d]{padding:0 16px 24px}.page-header[data-v-9fce649d]{padding:32px 16px 24px}.page-header h1[data-v-9fce649d]{font-size:32px}.post-header[data-v-9fce649d]{flex-direction:column;align-items:flex-start;gap:12px}.user-actions[data-v-9fce649d]{width:100%;justify-content:space-between}.message-images[data-v-9fce649d]{grid-template-columns:1fr}.floor-1[data-v-9fce649d],.reply-floor[data-v-9fce649d],.reply-input-area[data-v-9fce649d]{padding:20px 16px}.dialog-content[data-v-9fce649d]{padding:28px 24px}}.admin-login-page[data-v-d5c426e5]{min-height:100vh;background:var(--bg-light);display:flex;align-items:flex-start;justify-content:center;padding:60px 40px 40px}.login-container[data-v-d5c426e5]{width:100%;max-width:420px}.login-card[data-v-d5c426e5]{background:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 20px 60px #0000004d}.login-title[data-v-d5c426e5]{margin:0 0 8px;font-size:28px;font-weight:700;color:#333;text-align:center}.login-subtitle[data-v-d5c426e5]{margin:0 0 32px;color:#666;text-align:center;font-size:14px}.form-group[data-v-d5c426e5]{margin-bottom:20px}.form-group label[data-v-d5c426e5]{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-input[data-v-d5c426e5]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s;box-sizing:border-box}.form-input[data-v-d5c426e5]:focus{outline:none;border-color:#667eea}.error-message[data-v-d5c426e5]{padding:12px;background:#fee;color:#c33;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.login-btn[data-v-d5c426e5]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.login-btn[data-v-d5c426e5]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-btn[data-v-d5c426e5]:disabled{opacity:.6;cursor:not-allowed}.admin-layout[data-v-01471482]{display:flex;min-height:100vh;background:#f5f7fa}.admin-sidebar[data-v-01471482]{width:250px;background:#2c3e50;color:#fff;display:flex;flex-direction:column}.admin-brand[data-v-01471482]{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand h2[data-v-01471482]{margin:0;font-size:20px}.admin-nav[data-v-01471482]{flex:1;padding:16px 0}.nav-item[data-v-01471482]{display:block;padding:12px 24px;color:#fffc;text-decoration:none;transition:all .3s;cursor:pointer}.nav-item[data-v-01471482]:hover,.nav-item.active[data-v-01471482]{background:#ffffff1a;color:#fff}.nav-item.logout[data-v-01471482]{margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.admin-main[data-v-01471482]{flex:1;display:flex;flex-direction:column}.admin-header[data-v-01471482]{background:#fff;padding:20px 32px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.admin-header h1[data-v-01471482]{margin:0;font-size:24px}.admin-info[data-v-01471482]{color:#333;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;transition:background .3s}.admin-info[data-v-01471482]:hover{background:#f5f5f5}.dropdown-arrow[data-v-01471482]{font-size:10px;transition:transform .3s}.admin-info-dropdown[data-v-01471482]{position:relative}.dropdown-menu[data-v-01471482]{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:100;overflow:hidden}.dropdown-item[data-v-01471482]{display:block;padding:12px 20px;color:#333;text-decoration:none;cursor:pointer;transition:background .3s;border:none;background:none;width:100%;text-align:left;font-size:14px}.dropdown-item[data-v-01471482]:hover{background:#f5f5f5}.admin-content[data-v-01471482]{flex:1;padding:24px 32px}.toolbar[data-v-01471482]{margin-bottom:20px}.btn-primary[data-v-01471482]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-primary[data-v-01471482]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.data-table[data-v-01471482]{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.data-table th[data-v-01471482]{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.data-table td[data-v-01471482]{padding:16px;border-bottom:1px solid #f0f0f0}.status-badge[data-v-01471482]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-active[data-v-01471482]{background:#d4edda;color:#155724}.status-inactive[data-v-01471482]{background:#f8d7da;color:#721c24}.actions[data-v-01471482]{display:flex;gap:8px}.btn-edit[data-v-01471482],.btn-delete[data-v-01471482]{padding:6px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .3s}.btn-edit[data-v-01471482]{background:#3498db;color:#fff}.btn-edit[data-v-01471482]:hover{background:#2980b9}.btn-delete[data-v-01471482]{background:#e74c3c;color:#fff}.btn-delete[data-v-01471482]:hover{background:#c0392b}.modal-overlay[data-v-01471482]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-01471482]{background:#fff;padding:32px;border-radius:12px;width:min(90%,600px);max-height:80vh;overflow-y:auto}.modal-content h2[data-v-01471482]{margin:0 0 24px}.form-group[data-v-01471482]{margin-bottom:20px}.form-group label[data-v-01471482]{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-input[data-v-01471482],.form-textarea[data-v-01471482],.form-select[data-v-01471482]{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .3s;box-sizing:border-box}.form-input[data-v-01471482]:focus,.form-textarea[data-v-01471482]:focus,.form-select[data-v-01471482]:focus{outline:none;border-color:#667eea}.modal-actions[data-v-01471482]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel[data-v-01471482]{padding:10px 20px;background:#e0e0e0;color:#333;border:none;border-radius:6px;cursor:pointer}.btn-cancel[data-v-01471482]:hover{background:#d0d0d0}.error-message[data-v-01471482]{color:#e74c3c;font-size:13px;margin-bottom:16px;padding:8px 12px;background:#fee;border-radius:4px}.admin-layout[data-v-9c2e93c9]{display:flex;min-height:100vh;background:#f5f7fa}.admin-sidebar[data-v-9c2e93c9]{width:250px;background:#2c3e50;color:#fff;display:flex;flex-direction:column}.admin-brand[data-v-9c2e93c9]{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand h2[data-v-9c2e93c9]{margin:0;font-size:20px}.admin-nav[data-v-9c2e93c9]{flex:1;padding:16px 0}.nav-item[data-v-9c2e93c9]{display:block;padding:12px 24px;color:#fffc;text-decoration:none;transition:all .3s;cursor:pointer}.nav-item[data-v-9c2e93c9]:hover,.nav-item.active[data-v-9c2e93c9]{background:#ffffff1a;color:#fff}.nav-item.logout[data-v-9c2e93c9]{margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.admin-main[data-v-9c2e93c9]{flex:1;display:flex;flex-direction:column}.admin-header[data-v-9c2e93c9]{background:#fff;padding:20px 32px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.admin-header h1[data-v-9c2e93c9]{margin:0;font-size:24px}.filter-bar[data-v-9c2e93c9]{background:#fff;padding:20px 32px;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.filter-item[data-v-9c2e93c9]{display:flex;flex-direction:column;gap:4px}.filter-item label[data-v-9c2e93c9]{font-size:13px;color:#666;font-weight:500}.filter-input[data-v-9c2e93c9]{padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;min-width:160px;transition:all .3s}.filter-input[data-v-9c2e93c9]:focus{outline:none;border-color:#667eea}.filter-select[data-v-9c2e93c9]{padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;min-width:120px;background:#fff;cursor:pointer;transition:all .3s}.filter-select[data-v-9c2e93c9]:focus{outline:none;border-color:#667eea}.filter-actions[data-v-9c2e93c9]{display:flex;gap:8px;align-items:flex-end}.btn-filter[data-v-9c2e93c9],.btn-reset[data-v-9c2e93c9]{padding:8px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-filter[data-v-9c2e93c9]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-filter[data-v-9c2e93c9]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-reset[data-v-9c2e93c9]{background:#e0e0e0;color:#666}.btn-reset[data-v-9c2e93c9]:hover{background:#d0d0d0}.admin-info[data-v-9c2e93c9]{color:#333;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;transition:background .3s}.admin-info[data-v-9c2e93c9]:hover{background:#f5f5f5}.dropdown-arrow[data-v-9c2e93c9]{font-size:10px;transition:transform .3s}.admin-info-dropdown[data-v-9c2e93c9]{position:relative}.dropdown-menu[data-v-9c2e93c9]{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:100;overflow:hidden}.dropdown-item[data-v-9c2e93c9]{display:block;padding:12px 20px;color:#333;text-decoration:none;cursor:pointer;transition:background .3s;border:none;background:none;width:100%;text-align:left;font-size:14px}.dropdown-item[data-v-9c2e93c9]:hover{background:#f5f5f5}.admin-content[data-v-9c2e93c9]{flex:1;padding:24px 32px}.message-list[data-v-9c2e93c9]{display:flex;flex-direction:column;gap:16px}.message-item[data-v-9c2e93c9]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.message-header[data-v-9c2e93c9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.user-info[data-v-9c2e93c9]{display:flex;align-items:center;gap:12px}.username[data-v-9c2e93c9]{font-weight:600;color:#333}.time[data-v-9c2e93c9],.ip[data-v-9c2e93c9]{font-size:13px;color:#999}.ip-location[data-v-9c2e93c9]{color:#3498db;font-size:12px;padding:2px 8px;background:#e3f2fd;border-radius:4px;margin-left:4px}.ip-location-null[data-v-9c2e93c9]{color:#999;font-size:12px;font-style:italic;margin-left:4px}.message-actions[data-v-9c2e93c9]{display:flex;gap:8px}.message-content[data-v-9c2e93c9]{color:#333;line-height:1.6;margin-bottom:12px}.message-images[data-v-9c2e93c9]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.message-image[data-v-9c2e93c9]{max-width:200px;max-height:200px;border-radius:8px;cursor:pointer;object-fit:cover}.reply-form[data-v-9c2e93c9]{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.reply-textarea[data-v-9c2e93c9]{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;margin-bottom:12px;box-sizing:border-box;resize:vertical}.reply-textarea[data-v-9c2e93c9]:focus{outline:none;border-color:#667eea}.reply-actions[data-v-9c2e93c9]{display:flex;gap:12px;justify-content:flex-end}.replies-list[data-v-9c2e93c9]{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:12px}.reply-item[data-v-9c2e93c9]{background:#f8f9fa;padding:12px;border-radius:6px;position:relative}.reply-header[data-v-9c2e93c9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.reply-header .user-info[data-v-9c2e93c9]{display:flex;align-items:center;gap:8px}.reply-header .message-actions[data-v-9c2e93c9]{display:flex;gap:8px}.admin-badge[data-v-9c2e93c9]{padding:2px 8px;background:#d72638;color:#fff;border-radius:4px;font-size:12px}.reply-content[data-v-9c2e93c9]{color:#333;line-height:1.5;font-size:14px}.reply-action-buttons[data-v-9c2e93c9]{display:flex;gap:8px;margin-top:8px}.btn-edit-small[data-v-9c2e93c9]{padding:4px 12px;background:#fff;border:1px solid #3498db;color:#3498db;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s}.btn-edit-small[data-v-9c2e93c9]:hover{background:#3498db;color:#fff}.edit-reply-area[data-v-9c2e93c9]{margin-top:12px}.btn-reply[data-v-9c2e93c9],.btn-delete[data-v-9c2e93c9],.btn-primary[data-v-9c2e93c9],.btn-cancel[data-v-9c2e93c9]{padding:6px 16px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .3s}.btn-reply[data-v-9c2e93c9]{background:#3498db;color:#fff}.btn-reply[data-v-9c2e93c9]:hover{background:#2980b9}.btn-delete[data-v-9c2e93c9]{background:#e74c3c;color:#fff}.btn-delete[data-v-9c2e93c9]:hover{background:#c0392b}.btn-delete-small[data-v-9c2e93c9]{position:absolute;top:8px;right:8px;padding:4px 12px;background:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.btn-delete-small[data-v-9c2e93c9]:hover{background:#c0392b}.btn-primary[data-v-9c2e93c9]{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-9c2e93c9]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-cancel[data-v-9c2e93c9]{background:#e0e0e0;color:#333}.btn-cancel[data-v-9c2e93c9]:hover{background:#d0d0d0}.btn-load-replies[data-v-9c2e93c9]{padding:8px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:13px;margin-top:12px;transition:all .3s}.btn-load-replies[data-v-9c2e93c9]:hover{border-color:#667eea;color:#667eea}.pagination[data-v-9c2e93c9]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px}.page-btn[data-v-9c2e93c9]{padding:8px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .3s}.page-btn[data-v-9c2e93c9]:hover:not(:disabled){border-color:#667eea;color:#667eea}.page-btn[data-v-9c2e93c9]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-9c2e93c9]{color:#666;font-size:14px}.modal-overlay[data-v-9c2e93c9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-9c2e93c9]{background:#fff;padding:32px;border-radius:8px;width:90%;max-width:450px;box-shadow:0 4px 20px #00000026}.modal-content h2[data-v-9c2e93c9]{margin:0 0 24px;color:#333;font-size:20px}.form-group[data-v-9c2e93c9]{margin-bottom:20px}.form-group label[data-v-9c2e93c9]{display:block;margin-bottom:8px;color:#555;font-weight:500}.form-input[data-v-9c2e93c9]{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .3s}.form-input[data-v-9c2e93c9]:focus{outline:none;border-color:#667eea}.error-message[data-v-9c2e93c9]{color:#e74c3c;font-size:13px;margin-bottom:16px;padding:8px 12px;background:#fee;border-radius:4px}.modal-actions[data-v-9c2e93c9]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-actions button[data-v-9c2e93c9]{padding:10px 24px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.admin-layout[data-v-f4035dae]{display:flex;min-height:100vh;background:#f5f7fa}.admin-sidebar[data-v-f4035dae]{width:250px;background:#2c3e50;color:#fff;display:flex;flex-direction:column}.admin-brand[data-v-f4035dae]{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand h2[data-v-f4035dae]{margin:0;font-size:20px}.admin-nav[data-v-f4035dae]{flex:1;padding:16px 0}.nav-item[data-v-f4035dae]{display:block;padding:12px 24px;color:#fffc;text-decoration:none;transition:all .3s;cursor:pointer}.nav-item[data-v-f4035dae]:hover,.nav-item.active[data-v-f4035dae]{background:#ffffff1a;color:#fff}.nav-item.logout[data-v-f4035dae]{margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.admin-main[data-v-f4035dae]{flex:1;display:flex;flex-direction:column}.admin-header[data-v-f4035dae]{background:#fff;padding:20px 32px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.admin-header h1[data-v-f4035dae]{margin:0;font-size:24px}.admin-info[data-v-f4035dae]{color:#333;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;transition:background .3s}.admin-info[data-v-f4035dae]:hover{background:#f5f5f5}.dropdown-arrow[data-v-f4035dae]{font-size:10px;transition:transform .3s}.admin-info-dropdown[data-v-f4035dae]{position:relative}.dropdown-menu[data-v-f4035dae]{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:100;overflow:hidden}.dropdown-item[data-v-f4035dae]{display:block;padding:12px 20px;color:#333;text-decoration:none;cursor:pointer;transition:background .3s;border:none;background:none;width:100%;text-align:left;font-size:14px}.dropdown-item[data-v-f4035dae]:hover{background:#f5f5f5}.admin-content[data-v-f4035dae]{flex:1;padding:24px 32px}.tabs[data-v-f4035dae]{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #f0f0f0;padding-bottom:0}.tab-btn[data-v-f4035dae]{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;color:#666;transition:all .3s;position:relative;bottom:-2px}.tab-btn[data-v-f4035dae]:hover{color:#667eea}.tab-btn.active[data-v-f4035dae]{color:#667eea;font-weight:600;border-bottom-color:#667eea}.config-section[data-v-f4035dae]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.section-title[data-v-f4035dae]{margin:0 0 24px;font-size:18px;color:#333;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.config-form[data-v-f4035dae]{max-width:600px}.form-group[data-v-f4035dae]{margin-bottom:24px}.form-group label[data-v-f4035dae]{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-input[data-v-f4035dae]{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .3s;box-sizing:border-box}.form-input[data-v-f4035dae]:focus{outline:none;border-color:#667eea}.form-group small[data-v-f4035dae]{display:block;margin-top:6px;color:#999;font-size:12px}.checkbox-input[data-v-f4035dae]{margin-right:8px;width:16px;height:16px;cursor:pointer}.form-actions-bottom[data-v-f4035dae]{margin-top:32px;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center}.btn-large[data-v-f4035dae]{padding:14px 48px;font-size:16px}.form-actions[data-v-f4035dae]{margin-top:32px;padding-top:24px;border-top:1px solid #f0f0f0}.btn-primary[data-v-f4035dae]{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-primary[data-v-f4035dae]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary[data-v-f4035dae]:disabled{opacity:.6;cursor:not-allowed}.modal-overlay[data-v-f4035dae]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-f4035dae]{background:#fff;padding:32px;border-radius:8px;width:90%;max-width:450px;box-shadow:0 4px 20px #00000026}.modal-content h2[data-v-f4035dae]{margin:0 0 24px;color:#333;font-size:20px}.error-message[data-v-f4035dae]{color:#e74c3c;font-size:13px;margin-bottom:16px;padding:8px 12px;background:#fee;border-radius:4px}.modal-actions[data-v-f4035dae]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-actions button[data-v-f4035dae]{padding:10px 24px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.btn-cancel[data-v-f4035dae]{background:#e0e0e0;color:#333}.btn-cancel[data-v-f4035dae]:hover{background:#d0d0d0}:root{--brand-primary: #d72638;--brand-secondary: #364f6b;--brand-accent: #3fc1c9;--text-dark: #1f2933;--text-muted: #6b7280;--bg-light: #f7fafc;--border-radius: 18px;--shadow-soft: 0 18px 40px rgba(31, 41, 51, .08);--max-width: 1200px;font-family:Segoe UI,Microsoft YaHei,sans-serif;color:var(--text-dark);background-color:#fff}*{box-sizing:border-box}body{margin:0;background:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit}.page-wrapper{width:min(100%,var(--max-width));margin:0 auto;padding:0 24px 120px}.section-title{font-size:clamp(28px,3vw,38px);font-weight:700;margin:0 0 16px;color:var(--text-dark)}.section-subtitle{color:var(--text-muted);font-size:clamp(16px,2vw,18px);margin:0 0 48px}.feature-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.feature-card{background:#fff;border-radius:var(--border-radius);padding:32px 28px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:16px}.feature-card h3{margin:0;font-size:22px}.feature-card p{margin:0;color:var(--text-muted);line-height:1.7}.feature-more-link{display:flex;width:fit-content;align-items:center;gap:6px;margin-top:32px;margin-left:auto;font-weight:600;color:var(--brand-primary);transition:color .2s ease}.feature-more-link:hover{color:#a11d2b}.tag{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;background:#37b24d1f;color:#169c37}.coming-soon{background:#d726381f;color:var(--brand-primary)}@media (max-width: 768px){.page-wrapper{padding:0 16px 80px}}