From 80aecab58632c9e38e27413c86d17e61998ed0a2 Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 30 Oct 2026 23:56:59 +0800 Subject: [PATCH] feat(frontend): upgrade report dialog experience Replace manual report links with automatic target association, improve validation and evidence uploads, and remove retired report UI code. Co-Authored-By: Claude Fable 5 --- assets/css/build/public.css | 47 +- assets/css/build/public.min.css | 2 +- assets/css/frontend/modal-runtime.css | 47 +- assets/css/frontend/report.css | 328 ++++++++++ assets/js/report.js | 612 ++++++++---------- inc/helpers/comments/item.php | 7 +- src/Core/ScriptsPart1b.php | 7 + templates/parts/user/author-hero.php | 8 +- .../report-ban-contract.test.cjs | 43 +- .../report-modal-runtime.test.cjs | 482 ++++++++++++++ 10 files changed, 1121 insertions(+), 462 deletions(-) create mode 100644 assets/css/frontend/report.css create mode 100644 tests/widget-system/report-modal-runtime.test.cjs diff --git a/assets/css/build/public.css b/assets/css/build/public.css index 5ca5af16..4e7f0be5 100644 --- a/assets/css/build/public.css +++ b/assets/css/build/public.css @@ -5697,41 +5697,6 @@ body.aksrt-modal-runtime-open { transition: opacity 0.15s ease; } -/* ---- 举报弹窗（参考主题报告弹窗几何 1:1）---- - 宽度对齐参考主题 Bootstrap 默认模态（>=768px 600px），圆角/底色走 - --main-radius / --main-bg-color；移动端仍由 --bottom 底部抽屉接管。 */ -.aksrt-report-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog { - width: min(600px, calc(100vw - 32px)); - border-radius: var(--main-radius, 8px); - background: var(--main-bg-color, #fff); -} - -/* edit-header：参考主题弹窗头（关闭钮靠右，红色警示徽标 + 标题居左）。 */ -.aksrt-report-modal .edit-header { - position: relative; - padding-right: 32px; -} - -.aksrt-report-modal .edit-header .close { - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); - float: none; - font-size: 20px; - line-height: 1; - cursor: pointer; - background: none; - border: 0; - padding: 2px 6px; -} - -/* 原因徽章行：与参考主题一致，徽章可换行且间距走 mr6/mb6 工具类。 */ -.aksrt-report-modal .form-but-radio .badg { - cursor: pointer; - user-select: none; -} - /* ---- 禁封用户弹窗（参考主题 set_user_ban 模态框几何 1:1）---- 参考主题 zib_get_edit_user_ban_link 未传 data-class → 走 Bootstrap 默认 .modal-dialog（>=768px 宽 600px）；data-height=360 → .modal-content 初始 @@ -5973,14 +5938,14 @@ body.aksrt-modal-runtime-open { color: var(--color-ink, #111); } -:is(.order-comment-from, .aksrt-report-modal) .form-upload .preview { +.order-comment-from .form-upload .preview { display: flex; flex-wrap: wrap; gap: 8px; } -:is(.order-comment-from, .aksrt-report-modal) .form-upload .preview .add, -:is(.order-comment-from, .aksrt-report-modal) .form-upload .preview .preview-item { +.order-comment-from .form-upload .preview .add, +.order-comment-from .form-upload .preview .preview-item { width: 80px; height: 80px; border-radius: 10px; @@ -5996,14 +5961,14 @@ body.aksrt-modal-runtime-open { 此前这里的 left/top:50% + translate 版本与该规则叠加导致过约束， 加号被推到 75%/75% 只剩“L”形，故整体删除、统一走主样式包。 */ -:is(.order-comment-from, .aksrt-report-modal) .form-upload .preview .preview-item img { +.order-comment-from .form-upload .preview .preview-item img { width: 100%; height: 100%; object-fit: cover; display: block; } -:is(.order-comment-from, .aksrt-report-modal) .form-upload .preview .preview-item .remove { +.order-comment-from .form-upload .preview .preview-item .remove { position: absolute; top: 2px; right: 2px; @@ -6018,7 +5983,7 @@ body.aksrt-modal-runtime-open { cursor: pointer; } -:is(.order-comment-from, .aksrt-report-modal) .form-upload .hide { +.order-comment-from .form-upload .hide { display: none !important; } diff --git a/assets/css/build/public.min.css b/assets/css/build/public.min.css index 04a4d566..e0b18a63 100644 --- a/assets/css/build/public.min.css +++ b/assets/css/build/public.min.css @@ -1 +1 @@ -:root{--color-primary: #f04494;--color-primary-hover: #e0307e;--color-primary-active: #c9206d;--color-primary-soft: rgba(240, 68, 148, .1);--color-primary-softer: rgba(240, 68, 148, .05);--color-on-primary: #FFFFFF;--color-ink: #333333;--color-ink-2: #4e5358;--color-ink-3: #777777;--color-ink-4: #999999;--surface-page: #f5f6f7;--surface-1: #FFFFFF;--surface-2: #eeeeee;--surface-3: #e9ecef;--surface-4: #f8f8f8;--color-line: rgba(50, 50, 50, .06);--color-line-soft: rgba(0, 0, 0, .03);--color-line-stronger: rgba(50, 50, 50, .12);--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-accent: #18a058;--color-accent-soft: rgba(24, 160, 88, .12);--color-accent-shadow: rgba(24, 160, 88, .28);--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: .875rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--radius-xs: 3px;--radius-sm: 4px;--radius: 8px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-pill: 100px;--radius-avatar: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 0 10px rgba(116, 116, 116, .08);--shadow: 0 0 10px rgba(116, 116, 116, .12);--shadow-lg: 0 12px 32px rgba(18, 18, 18, .1);--shadow-drawer: 0 18px 60px rgba(0, 0, 0, .2);--nav-height: 60px;--container: 1200px;--container-wide: 1440px;--container-read: 760px;--container-page: 880px;--sidebar-width: 311px;--content-gap: 24px;--section-gap: 24px;--sidebar-bp: 992px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur: .25s;--dur-slow: .4s;--focus-ring: 0 0 2px 3px rgba(253, 83, 161, .4);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-toast: 700;--z-tooltip: 800;--radius-btn: 4px;--btn-sm-h: 28px;--btn-md-h: 34px;--btn-lg-h: 44px;--card-padding: 15px;--card-padding-sm: 10px;--card-gap: 16px;--card-gap-lg: 20px;--color-primary-light: var(--color-primary-soft);--color-surface: var(--surface-1);--color-line-strong: var(--color-line);--color-bg-hover: var(--surface-2);--color-border-light: var(--color-line-soft);--color-fill: var(--surface-2);--color-warning-bg: #fffbe6;--color-warning-text: #ad6800;--text-secondary: var(--color-ink-3);--text-tertiary: var(--color-ink-4);--surface-active: var(--surface-2);--surface-card: var(--surface-1);--surface-hover: var(--surface-2);--surface-secondary: var(--surface-2);--radius-code: var(--radius);--radius-full: 100px;--shadow-xl: 0 0 10px rgba(116, 116, 116, .12);--space-16: 64px;--z-floating: 900;--transition-fast: .15s ease;--transition-base: .25s ease;--header-bg: var(--blur-bg);--header-color: var(--color-ink-2);--footer-bg: var(--surface-1);--footer-color: var(--color-ink-4);--blur-bg: rgba(255, 255, 255, .8);--float-btn-bg: rgba(200, 200, 200, .4);--font-heading: var(--font-ui);--radius-card: var(--radius);--radius-md: var(--radius);--color-primary-50: var(--color-primary-soft);--color-primary-dark: var(--color-primary-active);--shadow-md: var(--shadow);--mini-radius: calc(var(--radius) / 1.4);--aksrt-avatar-size-xs: 24px;--aksrt-avatar-size-sm: 32px;--aksrt-avatar-size: 40px;--aksrt-avatar-size-lg: 56px;--aksrt-avatar-size-xl: 80px;--aksrt-card-thumb-scale: 56.25%;--aksrt-rose: #f43f5e;--aksrt-rose-soft: rgba(244, 63, 94, .12);--aksrt-blue: #3b82f6;--aksrt-blue-soft: rgba(59, 130, 246, .12);--aksrt-green: #10b981;--aksrt-green-soft: rgba(16, 185, 129, .12);--aksrt-orange: #f97316;--aksrt-orange-soft:rgba(249, 115, 22, .12);--aksrt-purple: #8b5cf6;--aksrt-purple-soft:rgba(139, 92, 246, .12);--aksrt-cyan: #06b6d4;--aksrt-cyan-soft: rgba(6, 182, 212, .12);--aksrt-yellow: #eab308;--aksrt-yellow-soft:rgba(234, 179, 8, .12);--aksrt-red: #ef4444;--aksrt-red-soft: rgba(239, 68, 68, .12);--aksrt-teal: #14b8a6;--aksrt-teal-soft: rgba(20, 184, 166, .12);--aksrt-indigo: #6366f1;--aksrt-indigo-soft:rgba(99, 102, 241, .12);--aksrt-pink: #ec4899;--aksrt-pink-soft: rgba(236, 72, 153, .12);--aksrt-vip-gold-1: #f6d365;--aksrt-vip-gold-2: #fda085;--aksrt-grad-sunset-1: #f093fb;--aksrt-grad-sunset-2: #f5576c;--aksrt-grad-ocean-1: #4facfe;--aksrt-grad-ocean-2: #00f2fe;--aksrt-grad-forest-1: #43e97b;--aksrt-grad-forest-2: #38f9d7;--aksrt-grad-night-1: #a18cd1;--aksrt-grad-night-2: #fbc2eb;--aksrt-grad-fire-1: #f83600;--aksrt-grad-fire-2: #f9d423;--aksrt-toggle-w: 44px;--aksrt-toggle-h: 24px;--aksrt-stepper-h: 36px;--aksrt-badge-h: 22px;--text-1: var(--color-ink);--text-2: var(--color-ink-2);--text-3: var(--color-ink-3);--border: var(--color-line);--color-text-1: var(--color-ink);--color-text-2: var(--color-ink-2);--color-text-3: var(--color-ink-3);--color-primary-bg: var(--color-primary-softer);--color-danger: var(--color-error)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){:root{--blur-bg: var(--surface-1);--header-bg: var(--surface-1)}}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){html.dark,body.dark-theme{--blur-bg: #37383a;--header-bg: #37383a}}body.modal-open,body.dialog-open{--blur-bg: var(--surface-1);--header-bg: var(--surface-1)}body.modal-open .site-nav,body.modal-open .footer-tabbar,body.modal-open .float-right .float-btn,body.dialog-open .site-nav,body.dialog-open .footer-tabbar,body.dialog-open .float-right .float-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.dark body.modal-open,html.dark body.dialog-open,body.dark-theme.modal-open,body.dark-theme.dialog-open{--blur-bg: #37383a;--header-bg: #37383a}@media(min-width:992px){:root{--container: 960px}}@media(min-width:1200px){:root{--container: 1140px}}@media(min-width:1400px){:root{--container: 1200px}}html.dark,body.dark-theme{--color-ink: #f8fafc;--color-ink-2: #e5eef7;--color-ink-3: #b4b6bb;--color-ink-4: #888a8f;--surface-page: #292a2d;--surface-1: #323335;--surface-2: #2d2e31;--surface-3: #3a3c42;--surface-4: #26282d;--color-line: rgba(114, 114, 114, .1);--color-line-soft: rgba(184, 184, 184, .02);--color-line-stronger: rgba(255, 255, 255, .12);--color-primary-soft: rgba(240, 68, 148, .16);--color-primary-softer: rgba(240, 68, 148, .08);--color-primary-light: var(--color-primary-soft);--color-surface: var(--surface-1);--color-line-strong: var(--color-line);--color-bg-hover: var(--surface-2);--color-border-light: var(--color-line-soft);--color-fill: var(--surface-2);--text-secondary: var(--color-ink-3);--text-tertiary: var(--color-ink-4);--surface-active: var(--surface-2);--surface-card: var(--surface-1);--surface-hover: var(--surface-2);--surface-secondary: var(--surface-2);--shadow-xl: 0 0 10px rgba(24, 24, 24, .18);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .18);--shadow-sm: 0 0 10px rgba(24, 24, 24, .1);--shadow: 0 0 10px rgba(24, 24, 24, .14);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .32);--shadow-drawer: 0 20px 60px rgba(0, 0, 0, .6);--blur-bg: rgba(50, 51, 53, .8);--float-btn-bg: rgba(70, 70, 70, .4);--header-bg: var(--blur-bg);--footer-bg: var(--surface-1);--footer-color: var(--color-ink-4);--shadow-md: var(--shadow);--aksrt-rose-soft: rgba(244, 63, 94, .18);--aksrt-blue-soft: rgba(59, 130, 246, .18);--aksrt-green-soft: rgba(16, 185, 129, .18);--aksrt-orange-soft:rgba(249, 115, 22, .18);--aksrt-purple-soft:rgba(139, 92, 246, .18);--aksrt-cyan-soft: rgba(6, 182, 212, .18);--aksrt-yellow-soft:rgba(234, 179, 8, .18);--aksrt-red-soft: rgba(239, 68, 68, .18);--aksrt-teal-soft: rgba(20, 184, 166, .18);--aksrt-indigo-soft:rgba(99, 102, 241, .18);--aksrt-pink-soft: rgba(236, 72, 153, .18)}html.dark .site-nav,body.dark-theme .site-nav{border-bottom-color:var(--color-line);box-shadow:none}html.dark .footer-tabbar,body.dark-theme .footer-tabbar{background:#323335cc;box-shadow:0 -1px 3px #0003}html.dark .n-drawer,html.dark .n-modal,html.dark .n-dialog,body.dark-theme .n-drawer,body.dark-theme .n-modal,body.dark-theme .n-dialog{background:var(--surface-1)}html.dark .post-card,html.dark .widget,html.dark .aksrt-theme-box,html.dark .theme-box,body.dark-theme .post-card,body.dark-theme .widget,body.dark-theme .aksrt-theme-box,body.dark-theme .theme-box{border-color:transparent}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);background-color:var(--surface-page);color:var(--color-ink-2);transition:background-color .25s ease,color .25s ease;overflow-x:hidden}img,picture,video,canvas{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--color-primary)}:focus{outline:none}::selection{background:var(--color-primary-soft);color:var(--color-ink)}.screen-reader-text,.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus,.sr-only:focus{position:fixed!important;top:16px;left:16px;width:auto;height:auto;padding:8px 16px;background:var(--surface-1);color:var(--color-ink);z-index:100000;clip:auto;box-shadow:var(--shadow-lg);border-radius:var(--radius)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{font-weight:700;margin:20px 0 10px;color:var(--key-color, #333)}h1{font-size:22px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:15px}h6{font-size:14px}.wp-posts-content,.entry-content,.prose{font-size:16px;line-height:2;color:var(--main-color, #4e5358);min-height:90px}.wp-posts-content h1,.wp-posts-content h2,.wp-posts-content h3,.wp-posts-content h4,.wp-posts-content h5,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.prose h1,.prose h2,.prose h3,.prose h4,.prose h5{font-weight:700;margin:20px 0 10px;color:var(--key-color, #333)}.wp-posts-content h1,.entry-content h1,.prose h1{font-size:22px}.wp-posts-content h2,.entry-content h2,.prose h2{font-size:20px}.wp-posts-content h3,.entry-content h3,.prose h3{font-size:18px}.wp-posts-content h4,.entry-content h4,.prose h4{font-size:16px}.wp-posts-content p,.entry-content p,.prose p{margin:0 0 20px;word-wrap:break-word}.wp-posts-content a,.entry-content a,.prose a{color:var(--focus-color, #f04494);text-decoration:none}.wp-posts-content a:hover,.entry-content a:hover,.prose a:hover{color:var(--focus-color, #f04494)}.wp-posts-content img,.entry-content img,.prose img{max-width:100%;height:auto;display:block;margin:auto}.wp-posts-content code:not(pre code),.entry-content code:not(pre code),.prose code:not(pre code){color:#ff3c98;background:#fd999933;font-family:var(--font-mono, monospace);font-size:.9em}.wp-posts-content pre,.entry-content pre,.prose pre{position:relative;background:#282c34;color:#abb2bf;padding:15px;border-radius:var(--main-radius, 8px);overflow-x:auto;font-size:14px;line-height:1.5;margin:0 0 20px}.wp-posts-content pre code,.entry-content pre code,.prose pre code{color:inherit;background:none;padding:0;font-size:inherit}.wp-posts-content table,.entry-content table,.prose table{font-size:14px;width:100%;border-collapse:collapse;margin:0 0 20px}.wp-posts-content th,.wp-posts-content td,.entry-content th,.entry-content td,.prose th,.prose td{border:1px solid var(--main-border-color, rgba(50, 50, 50, .06));padding:8px}.wp-posts-content th,.entry-content th,.prose th{background:var(--muted-border-color, rgba(0, 0, 0, .03));font-weight:700}.wp-posts-content tr:hover,.entry-content tr:hover,.prose tr:hover{background-color:#f044940d}.wp-posts-content ul,.wp-posts-content ol,.entry-content ul,.entry-content ol,.prose ul,.prose ol{margin:10px 0 20px 15px;padding-left:15px}.wp-posts-content li,.entry-content li,.prose li{margin-bottom:10px}.wp-posts-content blockquote,.entry-content blockquote,.prose blockquote{padding:15px 20px;margin:0 0 20px;border-left:4px solid var(--main-border-color, rgba(50, 50, 50, .06));background:var(--muted-border-color, rgba(0, 0, 0, .03));font-size:16px;color:var(--muted-color, #777);border-radius:0}.wp-posts-content blockquote p:last-child,.entry-content blockquote p:last-child,.prose blockquote p:last-child{margin-bottom:0}hr{border-color:var(--main-border-color, rgba(50, 50, 50, .06))}strong,b{font-weight:700}.btn,.btn-primary,.btn-outline,.btn-ghost,.btn-danger{--btn-h: 34px;--btn-px: 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--btn-h);padding:0 var(--btn-px);font-size:var(--text-sm);font-weight:400;line-height:1.44;border:1px solid transparent;border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;user-select:none;text-decoration:none;box-shadow:none;transition:opacity .15s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn-sm{--btn-h: 28px;--btn-px: 8px;font-size:var(--text-xs)}.btn-lg{--btn-h: 44px;--btn-px: 18px;font-size:var(--text-md)}.btn{background:#8888881a;color:#888;border-color:transparent}.btn:hover{opacity:.8;color:#888}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:none}.btn-primary:hover{opacity:.8;color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary);transform:none;box-shadow:none}.btn-primary:active{opacity:1;box-shadow:inset 0 2px 3px #00000014}.btn-outline{background:transparent;color:var(--color-ink-2);border-color:var(--color-ink-2)}.btn-outline:hover{opacity:.8;background:transparent;border-color:var(--color-ink-2);color:var(--color-ink-2)}.btn-ghost{background:transparent;color:var(--color-ink-2);border-color:transparent}.btn-ghost:hover{background:#8888881a;opacity:.8}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover{opacity:.8;color:#fff}.btn:disabled,.btn-primary:disabled,.btn-outline:disabled,.btn-ghost:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-icon{width:var(--btn-h);padding:0;justify-content:center}.btn-icon.btn-sm{width:28px}.btn-icon.btn-lg{width:44px}.btn-block{display:block;width:100%}.but,.badg{display:inline-block;vertical-align:middle;padding:.3em .6em;text-align:center;font-weight:400;line-height:1.44;border-radius:4px;border:1px solid var(--this-border);box-shadow:var(--this-shadow);background:var(--this-bg);color:var(--this-color);--main-color: var(--this-color);--this-bg: rgba(136, 136, 136, .1);--this-border: transparent;--this-shadow: none;--this-color: #888;text-shadow:0 0 0;transition:.15s;cursor:pointer}.but a{color:inherit}.but .icon,.but>.fa:not(.fa-angle-right),.but>i[class*=fa-]:not(.fa-angle-right){margin-right:.25em}.but.block{display:block}.but:focus,.but:hover{opacity:.8;color:var(--this-color)}.but:active{--this-shadow: inset 0 2px 3px rgba(0, 0, 0, .08)}.but.radius,.badg.radius,.radius>.but{border-radius:50px;padding:.3em 1em}.but.main-radius,.badg.main-radius{border-radius:var(--main-radius)}.but.mini-radius,.badg.mini-radius{border-radius:var(--mini-radius)}.but.hollow,.badg.hollow{background:transparent;--this-border: var(--this-color)}.but.hollow:hover{background:var(--this-bg)}.badg.hollow[class*=b-],.but.hollow[class*=b-]{background:0 0;--this-border: var(--this-bg);--this-color: var(--this-bg)}.but.hollow[class*=b-]:hover{color:#fff}.but.hollow.c-white:hover{background:0 0;--this-color: var(--focus-color);color:var(--focus-color)}.circular,.badg.cir,.but.cir{padding:0;border-radius:5em;--this-size: 1.8em;display:inline-flex;justify-content:center;align-items:center;height:var(--this-size);min-width:var(--this-size)}.circular.radius4,.badg.cir.radius4,.but.cir.radius4{border-radius:4px}.but.cir svg.icon,.but.cir>.fa,.but.cir>.fa:not(.fa-angle-right),.but.cir>i[class*=fa-]:not(.fa-angle-right){margin:0}.but-group{display:inline-flex}.but-group>.but{border-radius:0;margin:0}.but-group>.but:first-of-type{border-radius:4px 0 0 4px}.but-group>.but:last-of-type{border-radius:0 4px 4px 0}.but-average{display:flex;border-radius:4px;overflow:hidden}.but-average.inline{display:inline-flex}.but-average.radius{border-radius:100px}.but-average.main-radius{border-radius:var(--main-radius)}.but-average.mini-radius{border-radius:var(--mini-radius)}.but-average>.but{margin:0!important;border-radius:0;flex:auto}.but-average>.but.active{--this-bg: var(--focus-color-opacity1);--this-color: var(--focus-color)}.but.but-sm{font-size:.9em;padding:.1em .4em;vertical-align:.05em}.but.badg-sm,.badg.badg-sm{font-size:.8em;padding:0 .2em;vertical-align:.1em;min-width:1.6em}.badg.badg-sm.cir{--this-size: 1.6em}.padding-lg,.badg.badg-lg,.but.padding-lg{padding:.5em 2em}.active.badg,.active>.badg:not(.vip-tag){--this-bg: var(--focus-color);--this-color: #fff}.active.badg.hollow,.active>.hollow:not(.vip-tag){--this-color: var(--focus-color)}.toggle-radius{background:var(--this-bg);width:29px;height:29px;display:inline-block;text-align:center;border-radius:100%;position:relative;vertical-align:text-top;--this-bg: var(--main-border-color)}.toggle-radius .fa,.toggle-radius .icon,.toggle-radius>i{position:absolute;top:50%;right:0!important;left:0!important;margin:auto;transform:translateY(-50%);line-height:1;width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center;text-align:center}.b-gray,.b-theme,.b-red,.b-yellow,.b-blue,.b-blue-2,.b-black,.b-cyan,.b-green,.b-purple,.jb-red,.jb-pink,.jb-yellow,.jb-blue,.jb-green,.jb-purple,.jb-vip1,.jb-vip2{color:var(--this-color);background:var(--this-bg);--this-color: #fff}.jb-red,.jb-pink,.jb-yellow,.jb-blue,.jb-green,.jb-purple,.jb-vip1,.jb-vip2{border:none}.b-theme{--this-bg: var(--focus-color)}.b-gray{--this-bg: #818b95}.b-red{--this-bg: #ff5473}.b-yellow{--this-bg: #ff6f06}.b-cyan{--this-bg: #08c4c1}.b-blue{--this-bg: #2997f7}.b-blue-2{--this-bg: #5c7cff}.b-green{--this-bg: #12b928}.b-purple{--this-bg: #d448f5}.b-black{--this-bg: #121517}.jb-red{--this-bg: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)}.jb-yellow{--this-bg: linear-gradient(135deg, #f59f54 10%, #ff6922 100%)}.jb-blue{--this-bg: linear-gradient(135deg, #59c3fb 10%, #268df7 100%)}.jb-green{--this-bg: linear-gradient(135deg, #60e464 10%, #5cb85b 100%)}.jb-purple{--this-bg: linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)}.jb-pink{--this-bg: linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%)}.jb-vip1{--this-bg: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);--this-color: #866127}.jb-vip2{--this-bg: linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);--this-color: #ddd}.c-theme,.c-gray,.c-white,.c-red,.c-red-2,.c-yellow,.c-blue,.c-blue-2,.c-green,.c-cyan,.c-purple{color:var(--this-color)}.c-theme{--this-color: var(--focus-color);--this-bg: var(--focus-color-opacity1)}.c-gray{--this-color: #888;--this-bg: rgba(136, 136, 136, .1)}.c-white{--this-color: #fff;--this-bg: rgba(255, 255, 255, .1)}.c-red{--this-color: #ff5473;--this-bg: rgba(255, 84, 115, .1)}.c-red-2{--this-color: #d6064c;--this-bg: rgba(194, 41, 46, .1)}.c-yellow{--this-color: #ff6f06;--this-bg: rgba(255, 111, 6, .1)}.c-blue{--this-color: #2997f7;--this-bg: rgba(41, 151, 247, .1)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.field-label{font-size:var(--text-sm);font-weight:600;color:var(--color-ink)}.field-help{font-size:var(--text-xs);color:var(--color-ink-3)}.field-error{font-size:var(--text-xs);color:var(--color-error)}.input,.textarea,.select,input[type=text].form-input,input[type=email].form-input,input[type=password].form-input,input[type=search].form-input,input[type=url].form-input,input[type=tel].form-input,textarea.form-textarea,select.form-select{width:100%;height:34px;padding:6px 12px;font-size:14px;color:var(--color-ink);background:var(--surface-page);border:1px solid transparent;border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.textarea,textarea.form-textarea{height:auto;min-height:120px;padding:12px;line-height:var(--leading-snug);resize:vertical}.input:hover,.textarea:hover,.select:hover{border-color:var(--color-primary)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 2px 3px #fd53a166}.input::placeholder,.textarea::placeholder{color:var(--color-ink-4)}.select,select.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23777' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.checkbox,.radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--text-sm);color:var(--color-ink-2)}.checkbox input,.radio input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.input-group{display:flex;align-items:stretch}.input-group .input{border-radius:var(--radius) 0 0 var(--radius)}.input-group .btn{border-radius:0 var(--radius) var(--radius) 0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-snug);border-radius:var(--radius);border:1px solid transparent}.alert>svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.alert--error{color:#b91c1c;background:#ef444414;border-color:#ef44444d}.alert--warning{color:#b45309;background:#f59e0b14;border-color:#f59e0b4d}.alert--success{color:#047857;background:#10b98114;border-color:#10b9814d}.alert--info{color:#1d4ed8;background:#3b82f614;border-color:#3b82f64d}html.dark .alert--error{color:#fca5a5}html.dark .alert--warning{color:#fcd34d}html.dark .alert--success{color:#6ee7b7}html.dark .alert--info{color:#93c5fd}@keyframes aksrtFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes aksrtFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}@keyframes aksrtFadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}@keyframes aksrtFadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes aksrtZoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes aksrtZoomInUp{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:none}}@keyframes aksrtBounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:none}}@keyframes aksrtBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-6px)}}@keyframes aksrtPulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes aksrtFlash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes aksrtRubberBand{0%{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}to{transform:scale(1)}}@keyframes aksrtShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes aksrtSwing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:none}}@keyframes aksrtTada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes aksrtWobble{0%{transform:none}15%{transform:translate(-25%) rotate(-5deg)}30%{transform:translate(20%) rotate(3deg)}45%{transform:translate(-15%) rotate(-3deg)}60%{transform:translate(10%) rotate(2deg)}75%{transform:translate(-5%) rotate(-1deg)}to{transform:none}}@keyframes aksrtSlideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes aksrtSlideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes aksrtSlideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:none}}@keyframes aksrtSlideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:none}}@keyframes aksrtHeartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes aksrtJello{0%,to{transform:none}11%{transform:skew(-12.5deg) skewY(-12.5deg)}22%{transform:skew(6.25deg) skewY(6.25deg)}33%{transform:skew(-6.25deg) skewY(-6.25deg)}44%{transform:skew(3.125deg) skewY(3.125deg)}55%{transform:skew(-3.125deg) skewY(-3.125deg)}66%{transform:skew(1.5625deg) skewY(1.5625deg)}77%{transform:skew(-1.5625deg) skewY(-1.5625deg)}88%{transform:skew(.78125deg) skewY(.78125deg)}}@keyframes aksrtHeadShake{0%{transform:translate(0)}6.5%{transform:translate(-6px) rotateY(-9deg)}18.5%{transform:translate(5px) rotateY(7deg)}31.5%{transform:translate(-3px) rotateY(-5deg)}43.5%{transform:translate(2px) rotateY(3deg)}50%{transform:translate(0)}to{transform:translate(0)}}@keyframes aksrtBounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{transform:scale(1.1)}75%{transform:scale(.97)}to{transform:scale(1);opacity:0}}@keyframes aksrtZoomOut{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.85)}}@keyframes aksrtBackInUp{0%{opacity:0;transform:translateY(30px) scale(.7)}80%{opacity:.8;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:none}}@keyframes aksrtBackInDown{0%{opacity:0;transform:translateY(-30px) scale(.7)}80%{opacity:.8;transform:translateY(5px) scale(1.02)}to{opacity:1;transform:none}}@keyframes aksrtFlip{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes aksrtFlipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{transform:perspective(400px) rotateX(0);opacity:1}}.aksrt-anim-fade-in{animation:aksrtFadeIn var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-fade-up{animation:aksrtFadeInUp var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-fade-down{animation:aksrtFadeInDown var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-fade-left{animation:aksrtFadeInLeft var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-fade-right{animation:aksrtFadeInRight var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-zoom-in{animation:aksrtZoomIn var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-zoom-in-up{animation:aksrtZoomInUp var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-bounce-in{animation:aksrtBounceIn .6s var(--ease-out, ease) both}.aksrt-anim-bounce{animation:aksrtBounce 1s ease both}.aksrt-anim-pulse{animation:aksrtPulse 1s ease infinite}.aksrt-anim-flash{animation:aksrtFlash 1s ease both}.aksrt-anim-rubber-band{animation:aksrtRubberBand .8s ease both}.aksrt-anim-shake{animation:aksrtShake .5s ease both}.aksrt-anim-swing{animation:aksrtSwing .6s var(--ease-out, ease) both}.aksrt-anim-tada{animation:aksrtTada 1s ease both}.aksrt-anim-wobble{animation:aksrtWobble .8s ease both}.aksrt-anim-heart-beat{animation:aksrtHeartBeat 1.3s ease both}.aksrt-anim-jello{animation:aksrtJello .8s ease both}.aksrt-anim-head-shake{animation:aksrtHeadShake .8s ease both}.aksrt-anim-bounce-out{animation:aksrtBounceOut .5s ease both}.aksrt-anim-zoom-out{animation:aksrtZoomOut .3s ease both}.aksrt-anim-back-in-up{animation:aksrtBackInUp .5s var(--ease-out, ease) both}.aksrt-anim-back-in-down{animation:aksrtBackInDown .5s var(--ease-out, ease) both}.aksrt-anim-slide-up{animation:aksrtSlideInUp .5s var(--ease-out, ease) both}.aksrt-anim-slide-down{animation:aksrtSlideInDown .5s var(--ease-out, ease) both}.aksrt-anim-slide-left{animation:aksrtSlideInLeft .5s var(--ease-out, ease) both}.aksrt-anim-slide-right{animation:aksrtSlideInRight .5s var(--ease-out, ease) both}.aksrt-anim-flip{animation:aksrtFlip .6s var(--ease-out, ease) both}.aksrt-anim-flip-x{animation:aksrtFlipInX .6s var(--ease-out, ease) both}.aksrt-anim-fast{--dur-base: .2s}.aksrt-anim-slow{--dur-base: .6s}.aksrt-anim-delay-1{animation-delay:.1s}.aksrt-anim-delay-2{animation-delay:.2s}.aksrt-anim-delay-3{animation-delay:.3s}.aksrt-anim-delay-4{animation-delay:.4s}.aksrt-anim-delay-5{animation-delay:.5s}.aksrt-anim-delay-6{animation-delay:.6s}.aksrt-anim-delay-7{animation-delay:.7s}.aksrt-anim-delay-8{animation-delay:.8s}.aksrt-anim-infinite{animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.aksrt-anim-fade-in,.aksrt-anim-fade-up,.aksrt-anim-fade-down,.aksrt-anim-fade-left,.aksrt-anim-fade-right,.aksrt-anim-zoom-in,.aksrt-anim-zoom-in-up,.aksrt-anim-bounce-in,.aksrt-anim-bounce,.aksrt-anim-pulse,.aksrt-anim-flash,.aksrt-anim-rubber-band,.aksrt-anim-shake,.aksrt-anim-swing,.aksrt-anim-tada,.aksrt-anim-wobble,.aksrt-anim-heart-beat,.aksrt-anim-jello,.aksrt-anim-head-shake,.aksrt-anim-bounce-out,.aksrt-anim-zoom-out,.aksrt-anim-back-in-up,.aksrt-anim-back-in-down,.aksrt-anim-slide-up,.aksrt-anim-slide-down,.aksrt-anim-slide-left,.aksrt-anim-slide-right,.aksrt-anim-flip,.aksrt-anim-flip-x{animation:none!important}}.aksrt-timeline{position:relative;padding-left:28px;margin:0;list-style:none}.aksrt-timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:var(--color-line, rgba(50, 50, 50, .1));border-radius:1px}.aksrt-timeline__item{position:relative;padding-bottom:24px}.aksrt-timeline__item:last-child{padding-bottom:0}.aksrt-timeline__dot{position:absolute;left:-24px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--color-primary);border:2px solid var(--surface-1, #fff);box-shadow:0 0 0 2px var(--color-primary-soft, rgba(240, 68, 148, .12));z-index:1}.aksrt-timeline__dot--outline{background:var(--surface-1, #fff);border:2px solid var(--color-primary);box-shadow:none}.aksrt-timeline__dot--muted{background:var(--color-ink-4, #999);box-shadow:0 0 0 2px var(--surface-2, #eee)}.aksrt-timeline__time{display:block;font-size:12px;color:var(--color-ink-4, #999);margin-bottom:4px}.aksrt-timeline__title{font-weight:600;color:var(--color-ink, #333);margin-bottom:4px}.aksrt-timeline__content{font-size:14px;color:var(--color-ink-3, #777);line-height:1.6}.aksrt-steps{display:flex;align-items:flex-start;gap:0;margin:0;padding:0;list-style:none;counter-reset:aksrt-step}.aksrt-steps__item{flex:1;position:relative;text-align:center;counter-increment:aksrt-step}.aksrt-steps__item:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:var(--color-line, rgba(50, 50, 50, .1))}.aksrt-steps__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--surface-2, #eee);color:var(--color-ink-3, #777);font-size:14px;font-weight:700;margin:0 auto 8px;position:relative;z-index:1}.aksrt-steps__item--active .aksrt-steps__icon{background:var(--color-primary);color:var(--color-on-primary, #fff)}.aksrt-steps__item--done .aksrt-steps__icon{background:var(--color-success);color:#fff}.aksrt-steps__item--done:not(:last-child):after{background:var(--color-success)}.aksrt-steps__label{font-size:13px;font-weight:600;color:var(--color-ink-3, #777)}.aksrt-steps__item--active .aksrt-steps__label{color:var(--color-primary)}.aksrt-steps__item--done .aksrt-steps__label{color:var(--color-success)}.aksrt-steps--vertical{flex-direction:column;gap:0;padding-left:20px}.aksrt-steps--vertical .aksrt-steps__item{text-align:left;padding-left:28px;padding-bottom:20px}.aksrt-steps--vertical .aksrt-steps__item:not(:last-child):after{top:34px;left:36px;right:auto;width:2px;height:calc(100% - 34px)}.aksrt-steps--vertical .aksrt-steps__icon{position:absolute;left:0;margin:0}.aksrt-img-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:var(--radius, 8px);overflow:hidden}.aksrt-img-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block;cursor:pointer;transition:transform .2s ease}.aksrt-img-grid img:hover{transform:scale(1.03)}.aksrt-img-grid--2{grid-template-columns:repeat(2,1fr)}.aksrt-img-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:480px){.aksrt-img-grid--4{grid-template-columns:repeat(3,1fr)}}.aksrt-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;user-select:none;gap:8px}.aksrt-toggle__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.aksrt-toggle__track{position:relative;width:var(--aksrt-toggle-w, 44px);height:var(--aksrt-toggle-h, 24px);background:var(--surface-3, #e8e8e8);border-radius:var(--aksrt-toggle-h, 24px);transition:background .2s ease;flex-shrink:0}.aksrt-toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:calc(var(--aksrt-toggle-h, 24px) - 4px);height:calc(var(--aksrt-toggle-h, 24px) - 4px);background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s ease}.aksrt-toggle__input:checked+.aksrt-toggle__track{background:var(--color-primary)}.aksrt-toggle__input:checked+.aksrt-toggle__track:after{transform:translate(calc(var(--aksrt-toggle-w, 44px) - var(--aksrt-toggle-h, 24px)))}.aksrt-toggle__input:focus-visible+.aksrt-toggle__track{box-shadow:var(--focus-ring, 0 0 2px 3px rgba(253, 83, 161, .4))}.aksrt-toggle__input:disabled+.aksrt-toggle__track{opacity:.5;cursor:not-allowed}.aksrt-toggle__label{font-size:14px;color:var(--color-ink-2, #4e5358)}.aksrt-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.aksrt-checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.aksrt-checkbox__box{position:relative;width:18px;height:18px;border:2px solid var(--color-line, rgba(50, 50, 50, .15));border-radius:4px;background:var(--surface-1, #fff);transition:background .15s ease,border-color .15s ease;flex-shrink:0}.aksrt-checkbox__box:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) scale(0);transition:transform .15s ease}.aksrt-checkbox__input:checked+.aksrt-checkbox__box{background:var(--color-primary);border-color:var(--color-primary)}.aksrt-checkbox__input:checked+.aksrt-checkbox__box:after{transform:rotate(45deg) scale(1)}.aksrt-checkbox__input:focus-visible+.aksrt-checkbox__box{box-shadow:var(--focus-ring, 0 0 2px 3px rgba(253, 83, 161, .4))}.aksrt-checkbox__input:disabled+.aksrt-checkbox__box{opacity:.5;cursor:not-allowed}.aksrt-checkbox__label{font-size:14px;color:var(--color-ink-2, #4e5358)}.aksrt-stepper{display:inline-flex;align-items:center;border:1px solid var(--color-line, rgba(50, 50, 50, .1));border-radius:var(--radius, 8px);overflow:hidden;height:var(--aksrt-stepper-h, 36px)}.aksrt-stepper__btn{display:flex;align-items:center;justify-content:center;width:var(--aksrt-stepper-h, 36px);height:100%;background:var(--surface-2, #eee);color:var(--color-ink-2, #4e5358);border:none;cursor:pointer;font-size:16px;font-weight:600;transition:background .15s ease,color .15s ease;user-select:none}.aksrt-stepper__btn:hover{background:var(--surface-3, #e8e8e8);color:var(--color-ink, #333)}.aksrt-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.aksrt-stepper__input{width:48px;height:100%;border:none;text-align:center;font-size:14px;font-weight:600;color:var(--color-ink, #333);background:var(--surface-1, #fff);-moz-appearance:textfield}.aksrt-stepper__input::-webkit-outer-spin-button,.aksrt-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.aksrt-stepper__input:focus{outline:none;background:var(--color-primary-softer, rgba(240, 68, 148, .05))}.aksrt-avatar--xs{width:var(--aksrt-avatar-size-xs);height:var(--aksrt-avatar-size-xs)}.aksrt-avatar--sm{width:var(--aksrt-avatar-size-sm);height:var(--aksrt-avatar-size-sm)}.aksrt-avatar{width:var(--aksrt-avatar-size);height:var(--aksrt-avatar-size)}.aksrt-avatar--lg{width:var(--aksrt-avatar-size-lg);height:var(--aksrt-avatar-size-lg)}.aksrt-avatar--xl{width:var(--aksrt-avatar-size-xl);height:var(--aksrt-avatar-size-xl)}img.avatar,img.avatar-mini,img.avatar-md,img.avatar-lg,.avatar-img img{border-radius:var(--radius-avatar, 50%);object-fit:cover}.aksrt-ripple{position:relative;overflow:hidden}.aksrt-ripple__wave{position:absolute;border-radius:50%;background:#ffffff59;transform:scale(0);animation:aksrtRippleWave .6s ease-out forwards;pointer-events:none}@keyframes aksrtRippleWave{to{transform:scale(4);opacity:0}}.aksrt-wave{position:absolute!important;border-radius:50%;background:#ffffff59;pointer-events:none!important;z-index:1;transform:scale(0);animation:aksrtWaveRipple .6s ease-out forwards}@keyframes aksrtWaveRipple{to{transform:scale(1);opacity:0}}.modal-stacked .modal-dialog{transition:transform .25s var(--ease, ease),filter .25s ease}.modal-stacked .modal-dialog.modal-behind{transform:scale(.92);filter:brightness(.85);pointer-events:none}.aksrt-btn--rose{background:var(--aksrt-rose);color:#fff}.aksrt-btn--rose:hover,.aksrt-btn--rose:focus-visible{background:#e11d48}.aksrt-btn--blue{background:var(--aksrt-blue);color:#fff}.aksrt-btn--blue:hover,.aksrt-btn--blue:focus-visible{background:#2563eb}.aksrt-btn--green{background:var(--aksrt-green);color:#fff}.aksrt-btn--green:hover,.aksrt-btn--green:focus-visible{background:#059669}.aksrt-btn--orange{background:var(--aksrt-orange);color:#fff}.aksrt-btn--orange:hover,.aksrt-btn--orange:focus-visible{background:#ea580c}.aksrt-btn--purple{background:var(--aksrt-purple);color:#fff}.aksrt-btn--purple:hover,.aksrt-btn--purple:focus-visible{background:#7c3aed}.aksrt-btn--cyan{background:var(--aksrt-cyan);color:#fff}.aksrt-btn--cyan:hover,.aksrt-btn--cyan:focus-visible{background:#0891b2}.aksrt-btn--yellow{background:var(--aksrt-yellow);color:#422006}.aksrt-btn--yellow:hover,.aksrt-btn--yellow:focus-visible{background:#ca8a04;color:#fff}.aksrt-btn--red{background:var(--aksrt-red);color:#fff}.aksrt-btn--red:hover,.aksrt-btn--red:focus-visible{background:#dc2626}.aksrt-btn--teal{background:var(--aksrt-teal);color:#fff}.aksrt-btn--teal:hover,.aksrt-btn--teal:focus-visible{background:#0d9488}.aksrt-btn--indigo{background:var(--aksrt-indigo);color:#fff}.aksrt-btn--indigo:hover,.aksrt-btn--indigo:focus-visible{background:#4f46e5}.aksrt-btn--pink{background:var(--aksrt-pink);color:#fff}.aksrt-btn--pink:hover,.aksrt-btn--pink:focus-visible{background:#db2777}.aksrt-btn--rose-soft{background:var(--aksrt-rose-soft);color:var(--aksrt-rose)}.aksrt-btn--blue-soft{background:var(--aksrt-blue-soft);color:var(--aksrt-blue)}.aksrt-btn--green-soft{background:var(--aksrt-green-soft);color:var(--aksrt-green)}.aksrt-btn--orange-soft{background:var(--aksrt-orange-soft);color:var(--aksrt-orange)}.aksrt-btn--purple-soft{background:var(--aksrt-purple-soft);color:var(--aksrt-purple)}.aksrt-btn--cyan-soft{background:var(--aksrt-cyan-soft);color:var(--aksrt-cyan)}.aksrt-btn--yellow-soft{background:var(--aksrt-yellow-soft);color:#92400e}.aksrt-btn--red-soft{background:var(--aksrt-red-soft);color:var(--aksrt-red)}.aksrt-btn--teal-soft{background:var(--aksrt-teal-soft);color:var(--aksrt-teal)}.aksrt-btn--indigo-soft{background:var(--aksrt-indigo-soft);color:var(--aksrt-indigo)}.aksrt-btn--pink-soft{background:var(--aksrt-pink-soft);color:var(--aksrt-pink)}.aksrt-btn--grad-vip{background:linear-gradient(135deg,var(--aksrt-vip-gold-1),var(--aksrt-vip-gold-2));color:#5a3d00;border:none}.aksrt-btn--grad-sunset{background:linear-gradient(135deg,var(--aksrt-grad-sunset-1),var(--aksrt-grad-sunset-2));color:#fff;border:none}.aksrt-btn--grad-ocean{background:linear-gradient(135deg,var(--aksrt-grad-ocean-1),var(--aksrt-grad-ocean-2));color:#fff;border:none}.aksrt-btn--grad-forest{background:linear-gradient(135deg,var(--aksrt-grad-forest-1),var(--aksrt-grad-forest-2));color:#064e3b;border:none}.aksrt-btn--grad-night{background:linear-gradient(135deg,var(--aksrt-grad-night-1),var(--aksrt-grad-night-2));color:#4c1d95;border:none}.aksrt-btn--grad-fire{background:linear-gradient(135deg,var(--aksrt-grad-fire-1),var(--aksrt-grad-fire-2));color:#fff;border:none}.aksrt-btn--grad-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-active));color:var(--color-on-primary);border:none}.aksrt-btn--grad-vip:hover,.aksrt-btn--grad-sunset:hover,.aksrt-btn--grad-ocean:hover,.aksrt-btn--grad-forest:hover,.aksrt-btn--grad-night:hover,.aksrt-btn--grad-fire:hover,.aksrt-btn--grad-primary:hover{filter:brightness(1.08);box-shadow:0 4px 16px #00000026}.aksrt-text-grad-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-active));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-text-grad-vip{background:linear-gradient(135deg,var(--aksrt-vip-gold-1),var(--aksrt-vip-gold-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-text-grad-sunset{background:linear-gradient(135deg,var(--aksrt-grad-sunset-1),var(--aksrt-grad-sunset-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-text-grad-ocean{background:linear-gradient(135deg,var(--aksrt-grad-ocean-1),var(--aksrt-grad-ocean-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-text-grad-forest{background:linear-gradient(135deg,var(--aksrt-grad-forest-1),var(--aksrt-grad-forest-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-text-grad-night{background:linear-gradient(135deg,var(--aksrt-grad-night-1),var(--aksrt-grad-night-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-text-grad-fire{background:linear-gradient(135deg,var(--aksrt-grad-fire-1),var(--aksrt-grad-fire-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-badge{display:inline-flex;align-items:center;justify-content:center;height:var(--aksrt-badge-h, 22px);padding:0 8px;border-radius:var(--radius-pill, 100px);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;vertical-align:middle}.aksrt-badge--primary{background:var(--color-primary-soft);color:var(--color-primary)}.aksrt-badge--success{background:#10b9811f;color:var(--color-success)}.aksrt-badge--warning{background:#f59e0b1f;color:var(--color-warning)}.aksrt-badge--error{background:#ef44441f;color:var(--color-error)}.aksrt-badge--info{background:#3b82f61f;color:var(--color-info)}.aksrt-badge--rose{background:var(--aksrt-rose-soft);color:var(--aksrt-rose)}.aksrt-badge--blue{background:var(--aksrt-blue-soft);color:var(--aksrt-blue)}.aksrt-badge--green{background:var(--aksrt-green-soft);color:var(--aksrt-green)}.aksrt-badge--orange{background:var(--aksrt-orange-soft);color:var(--aksrt-orange)}.aksrt-badge--purple{background:var(--aksrt-purple-soft);color:var(--aksrt-purple)}.aksrt-badge--cyan{background:var(--aksrt-cyan-soft);color:var(--aksrt-cyan)}.aksrt-badge--yellow{background:var(--aksrt-yellow-soft);color:#92400e}.aksrt-badge--red{background:var(--aksrt-red-soft);color:var(--aksrt-red)}.aksrt-badge--teal{background:var(--aksrt-teal-soft);color:var(--aksrt-teal)}.aksrt-badge--indigo{background:var(--aksrt-indigo-soft);color:var(--aksrt-indigo)}.aksrt-badge--pink{background:var(--aksrt-pink-soft);color:var(--aksrt-pink)}.aksrt-badge--grad-vip{background:linear-gradient(135deg,var(--aksrt-vip-gold-1),var(--aksrt-vip-gold-2));color:#5a3d00}.aksrt-badge--grad-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-active));color:var(--color-on-primary)}.aksrt-badge--solid-primary{background:var(--color-primary);color:#fff}.aksrt-badge--solid-success{background:var(--color-success);color:#fff}.aksrt-badge--solid-warning{background:var(--color-warning);color:#fff}.aksrt-badge--solid-error{background:var(--color-error);color:#fff}.aksrt-badge--solid-info{background:var(--color-info);color:#fff}.aksrt-badge--solid-rose{background:var(--aksrt-rose);color:#fff}.aksrt-badge--solid-blue{background:var(--aksrt-blue);color:#fff}.aksrt-badge--solid-green{background:var(--aksrt-green);color:#fff}.aksrt-badge--solid-orange{background:var(--aksrt-orange);color:#fff}.aksrt-badge--solid-purple{background:var(--aksrt-purple);color:#fff}.aksrt-badge--solid-cyan{background:var(--aksrt-cyan);color:#fff}.aksrt-badge--solid-yellow{background:var(--aksrt-yellow);color:#422006}.aksrt-badge--solid-red{background:var(--aksrt-red);color:#fff}.aksrt-badge--solid-teal{background:var(--aksrt-teal);color:#fff}.aksrt-badge--solid-indigo{background:var(--aksrt-indigo);color:#fff}.aksrt-badge--solid-pink{background:var(--aksrt-pink);color:#fff}.aksrt-badge--sm{height:18px;padding:0 6px;font-size:11px}.aksrt-badge--lg{height:28px;padding:0 12px;font-size:13px}.aksrt-bg-rose{background-color:var(--aksrt-rose-soft)}.aksrt-bg-blue{background-color:var(--aksrt-blue-soft)}.aksrt-bg-green{background-color:var(--aksrt-green-soft)}.aksrt-bg-orange{background-color:var(--aksrt-orange-soft)}.aksrt-bg-purple{background-color:var(--aksrt-purple-soft)}.aksrt-bg-cyan{background-color:var(--aksrt-cyan-soft)}.aksrt-bg-yellow{background-color:var(--aksrt-yellow-soft)}.aksrt-bg-red{background-color:var(--aksrt-red-soft)}.aksrt-bg-teal{background-color:var(--aksrt-teal-soft)}.aksrt-bg-indigo{background-color:var(--aksrt-indigo-soft)}.aksrt-bg-pink{background-color:var(--aksrt-pink-soft)}.aksrt-text-rose{color:var(--aksrt-rose)}.aksrt-text-blue{color:var(--aksrt-blue)}.aksrt-text-green{color:var(--aksrt-green)}.aksrt-text-orange{color:var(--aksrt-orange)}.aksrt-text-purple{color:var(--aksrt-purple)}.aksrt-text-cyan{color:var(--aksrt-cyan)}.aksrt-text-yellow{color:var(--aksrt-yellow)}.aksrt-text-red{color:var(--aksrt-red)}.aksrt-text-teal{color:var(--aksrt-teal)}.aksrt-text-indigo{color:var(--aksrt-indigo)}.aksrt-text-pink{color:var(--aksrt-pink)}html,body{overflow-x:clip}@supports not (overflow-x: clip){html,body{overflow-x:hidden}}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;z-index:9999;pointer-events:none;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transition:width .1s ease-out}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-ink-2);background-color:var(--surface-page)}a[href]{transition:color .2s,background .3s,opacity .3s,box-shadow .3s,transform .3s}.fa.fab{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.far{font-family:"Font Awesome 5 Free";font-weight:400}.skip-link{position:absolute;left:16px;top:12px;z-index:1100;padding:10px 14px;border-radius:999px;background:var(--color-primary);color:#fff;transform:translateY(-140%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}.site-wrapper{min-height:100vh;display:flex;flex-direction:column;font-size:var(--text-base);line-height:var(--leading-normal)}.site-main{flex:1}.container,main.container,.site-main.container{width:100%;max-width:var(--container, var(--mian-max-width, 1200px));margin-right:auto;margin-left:auto;padding-right:0;padding-left:0;--bs-gutter-x: 0;--bs-gutter-y: 0}.header-slider-search .line-form-input:focus,.header-slider-search .line-form-input:focus-visible{border:0;outline:0;box-shadow:none}.header-slider-search .line-form .abs-right{position:absolute;right:.7em;top:50%;transform:translateY(-50%);margin-top:0}@media(min-width:576px){.container,main.container{max-width:var(--container, var(--mian-max-width, 1200px))}}@media(min-width:768px){.container,main.container{max-width:var(--container, var(--mian-max-width, 1200px))}}@media(min-width:992px){.container,main.container{max-width:var(--container, var(--mian-max-width, 1200px))}}@media(min-width:1200px){.container,main.container{max-width:var(--container, var(--mian-max-width, 1200px))}}@media(min-width:1240px){.container,main.container,.fluid-widget-wrap .widget-container{width:auto;max-width:var(--container, var(--mian-max-width, 1200px))}}@media(min-width:1400px){.container,main.container{max-width:var(--container, var(--mian-max-width, 1200px))}}@media(max-width:991.98px){.container,main.container{padding-right:15px;padding-left:15px}}@media(max-width:767px){.container,main.container{width:100%;max-width:100%;padding-right:15px;padding-left:15px}}.aksrt-user-level-badge,.aksrt-user-level-icon,.aksrt-identity-medal,.aksrt-identity-certification-icon,.aksrt-header-user-medal{display:inline-flex;align-items:center;justify-content:center;width:auto;height:1.1em;max-width:6em;object-fit:contain;vertical-align:-.15em;flex:0 0 auto;box-sizing:border-box}.aksrt-user-level-badge{padding:0 .35em;font-size:.78em;line-height:1.1;white-space:nowrap}.aksrt-identity-medal--comment,.aksrt-user-level-icon--comment,.aksrt-header-user-medal--comment{height:1em;vertical-align:-.12em}.article-avatar name,.article-avatar .name,.user-name,.aksrt-author-hero__name,.uc-header__name,.aksrt-header-badges{flex-wrap:nowrap;white-space:nowrap}.user-card.author .user-name>name{overflow:visible}.user-card.author .user-name>name>.display-name,.user-card.widget .user-name>name>.display-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.user-card.author .user-name>name>.follow{flex-shrink:0}.aksrt-author-hero__name,.uc-header__name{display:inline-flex;align-items:center;gap:4px}.aksrt-author-hero__name-inner{display:inline-flex;align-items:center;gap:4px;min-width:0}.aksrt-ip-geo-badge{display:inline-flex;align-items:center;min-width:0;margin:2px 0;padding:.3em .6em;border:1px solid var(--color-line-soft, var(--main-border-color, rgba(136, 136, 136, .18)));border-radius:var(--mini-radius, 4px);background:var(--surface-2, rgba(136, 136, 136, .1));box-shadow:var(--shadow-xs, 0 1px 3px rgba(0, 0, 0, .08));color:var(--color-ink-3, #666);font-size:.92em;line-height:1.44;vertical-align:middle;box-sizing:border-box}.no-results{padding:48px 20px;text-align:center;color:var(--color-ink-3)}.header,.mobile-header,.navbar-search{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.42857143;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:auto}.navbar-logo>img{display:inline}.navbar-top .aksrt-nav-icon{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;border:1px solid transparent;border-radius:4px;user-select:none}.navbar-search .line-form-input:focus,.navbar-search .line-form-input:focus-visible{outline:0;box-shadow:none}.aksrt-header-userbox{color:var(--color-ink-2);line-height:1.42857143}.aksrt-header-userbox .muted-box.padding-6{background-color:var(--this-bg, var(--color-line-soft));border-radius:4px;padding:6px}.payvip-icon{background:linear-gradient(300deg,#4c4d51,#2a2a31 15%,#85858a 40%,#393a3c,#393838,#5e5f62);color:#ece0e0;--this-color: #ece0e0;border:none;text-shadow:none}.aksrt-header-userbox>.mt6.em09>.but.block{display:block;box-sizing:border-box;width:100%}.aksrt-nav-notification .aksrt-notification-badge{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border:2px solid var(--surface-1);border-radius:999px;background:#e74c3c;color:#fff;font-size:9px;font-weight:700;line-height:1}.navbar-top .aksrt-header-userbox .header-user-href>a,.aksrt-header-userbox .header-user-href>a{max-height:none}.mobile-navbar .aksrt-header-userbox{width:auto;max-width:400px;margin:auto}.aksrt-theme-box{border:none;border-radius:var(--radius, 8px);background:var(--surface-1);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.aksrt-theme-box:hover{box-shadow:var(--shadow)}.aksrt-box-bg{background-color:var(--surface-1);box-shadow:var(--shadow-sm)}.aksrt-box-body,.aksrt-box-header{padding:var(--card-padding)}.aksrt-box-header{border-bottom:1px solid var(--color-line-soft)}.aksrt-box-header+.aksrt-box-body{padding-top:0}.aksrt-box-body.notop,.aksrt-box-header.notop{padding-top:0}.aksrt-box-body.nobottom,.aksrt-box-header.nobottom{padding-bottom:0}.aksrt-muted-box{background-color:var(--surface-2);border-radius:var(--radius);padding:var(--card-padding)}.aksrt-noshadow{box-shadow:none!important}.theme-box,.mb20{margin-bottom:20px}.box-bg{background-color:var(--main-bg-color, var(--surface-1));box-shadow:0 0 10px var(--main-shadow, rgba(116, 116, 116, .08))}.box-body{padding:var(--card-padding)}.box-header{padding:var(--card-padding);border-bottom:1px solid var(--color-line-soft)}.box-header+.box-body{padding-top:0}.radius8{border-radius:var(--radius)}.main-shadow{box-shadow:0 0 10px var(--main-shadow, rgba(116, 116, 116, .08))}.main-bg{background:var(--main-bg-color, var(--surface-1))}.muted-box{background-color:var(--surface-2);border-radius:var(--radius);padding:var(--card-padding)}html.dark .aksrt-theme-box,body.dark-theme .aksrt-theme-box,html.dark .box-bg,body.dark-theme .box-bg{border-color:transparent;box-shadow:0 0 10px var(--main-shadow, rgba(0, 0, 0, .2))}html.dark .aksrt-theme-box:hover,body.dark-theme .aksrt-theme-box:hover{box-shadow:0 0 10px var(--main-shadow, rgba(0, 0, 0, .28))}.aksrt-theme-box{transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.aksrt-card-hover:hover,.aksrt-card-hover:focus-within{box-shadow:none;transform:none}.aksrt-card-hover-lg:hover,.aksrt-card-hover-lg:focus-within{box-shadow:var(--shadow-lg);transform:none}.aksrt-noshadow:hover{box-shadow:none!important;transform:none!important}.aksrt-panel{clear:both;background-color:var(--surface-1);padding:var(--card-padding);box-shadow:var(--shadow-sm);border-radius:var(--radius, 8px);margin-bottom:20px}.aksrt-blur-bg{-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);background:var(--blur-bg)}.site-nav--glass{-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);background:var(--blur-bg);border-bottom-color:transparent}.site-nav--glass.is-scrolled{box-shadow:var(--shadow-sm);border-bottom-color:var(--color-line-soft)}html.dark .site-nav--glass.is-scrolled{box-shadow:var(--shadow-sm)}.footer-tabbar--glass{-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);background:var(--blur-bg);box-shadow:0 -8px 24px #141c3014}html.dark .footer-tabbar--glass{box-shadow:0 -10px 28px #00000052}body.has-scrolled .site-nav--glass{box-shadow:0 4px 10px #141c300f}html.dark body.has-scrolled .site-nav--glass{box-shadow:0 4px 10px #00000040}.content-main{width:100%}.content-main--single{max-width:100%}.content-shell{width:100%;margin:0 auto;padding:32px 16px 48px;max-width:var(--container)}.site-main.content-shell.aksrt-profile{max-width:100%;box-sizing:border-box}.site-main.content-shell.aksrt-user-home{max-width:var(--container, 1440px);padding-top:0;box-sizing:border-box}@media(min-width:768px){.content-shell{padding:40px 24px 56px}}.content-shell--page{max-width:var(--container-page, 860px)}.content-shell--cms{max-width:100%;padding:0}.entry-page .entry-thumb{margin:0 0 var(--space-6, 24px);border-radius:var(--radius-lg, 12px);overflow:hidden}.entry-page .page-links{margin-top:var(--space-6, 24px);font-size:var(--text-sm, .875rem);color:var(--color-ink-3, var(--color-ink-3))}.entry-page .page-links-title{margin-right:8px;font-weight:600}main.container,main.content-shell,.site-main.container{position:relative}main.container.content-shell,main.content-shell.container,.site-main.container.content-shell{padding-left:0;padding-right:0;max-width:var(--container, var(--mian-max-width, 1200px));width:100%;box-sizing:border-box}main.container:after,main.content-shell:after,.site-main.container:after{content:"";display:table;clear:both}.content-wrap{float:left;width:100%;min-width:0;display:block;box-sizing:border-box}.content-layout{display:block;width:auto;min-width:0;max-width:none;margin-right:0;margin-left:0;box-sizing:border-box}.content-layout__primary{min-width:0;max-width:100%}.sidebar{float:left;width:311px;width:var(--sidebar-width, 311px);min-width:0;position:relative;box-sizing:border-box;display:block}.content-layout__aside{min-width:0}body.site-layout-1 .sidebar,.site-layout-1 .sidebar{display:none}body.site-layout-1 .content-layout,body.site-layout-1 .content-layout--no-sidebar,.site-layout-1 .content-layout{margin-left:0;margin-right:0}.content-layout--no-sidebar{margin-left:0!important;margin-right:0!important}body.site-layout-2 .content-layout,.site-layout-2 .content-layout{margin-right:326px;margin-right:calc(var(--sidebar-width, 311px) + 15px);margin-left:0;width:auto}body.site-layout-2 .sidebar,.site-layout-2 .sidebar{float:left;width:311px;width:var(--sidebar-width, 311px);margin-left:-311px;margin-left:calc(0px - var(--sidebar-width, 311px));position:unset}body.site-layout-3 .content-layout,.site-layout-3 .content-layout{margin-left:326px;margin-left:calc(var(--sidebar-width, 311px) + 15px);margin-right:unset;width:auto}body.site-layout-3 .sidebar,.site-layout-3 .sidebar{float:left;width:311px;width:var(--sidebar-width, 311px);margin-left:-100%;position:unset}@media(min-width:992px){.sidebar .content-layout__aside,.content-layout__aside{position:sticky;top:calc(var(--nav-height, 60px) + 16px)}.has-static-nav .content-layout__aside{top:16px}}@media(max-width:991.98px){body.site-layout-2 .content-layout,body.site-layout-3 .content-layout,.site-layout-2 .content-layout,.site-layout-3 .content-layout{margin-left:auto;margin-right:auto}body.site-layout-2 .sidebar,body.site-layout-3 .sidebar,.site-layout-2 .sidebar,.site-layout-3 .sidebar,.sidebar{display:none}}.page-header{margin-bottom:28px}.page-header .entry-title{margin-bottom:8px}.page-header p{color:var(--color-ink-3);margin:0;max-width:720px}body.category .site-main{line-height:1.42857143}.page-cover.aksrt-panel{padding:0 0 calc(25% + 80px)}.aksrt-admin-quicklink{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--color-line);border-radius:var(--radius-pill, 999px);background:var(--surface-2);color:var(--color-ink-2);text-decoration:none;white-space:nowrap;font-size:.875rem;font-weight:600}.aksrt-admin-quicklink:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft, rgba(59, 130, 246, .08))}.content-stream{display:block}.content-main--archive,.content-main--tag,.content-main--search,.content-main--single{display:grid;gap:20px}.content-stream__empty{padding:28px 24px;border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--color-line-soft, rgba(15, 23, 42, .08))}.article-shell{overflow:hidden}@media(max-width:767px){.aksrt-admin-quicklink{width:fit-content}}.aksrt-pagination-ajax{display:flex;flex-direction:column;align-items:center;gap:16px;margin:40px 0 8px}.aksrt-load-more-btn{min-width:180px;height:44px;padding:0 32px;border-radius:var(--radius-btn);border:1px solid var(--color-line);background:var(--surface-page);color:var(--color-ink);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.aksrt-load-more-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.aksrt-load-more-btn:disabled{opacity:.5;pointer-events:none}.aksrt-loading-indicator{display:none;align-items:center;gap:8px;font-size:14px;color:var(--color-ink-4)}.aksrt-loading-indicator i{font-size:16px}.aksrt-scroll-sentinel{width:100%;height:1px;pointer-events:none}@media(max-width:991px){.content-layout__aside{display:none}}.content-layout__primary--cms{min-width:0}.content-layout__aside .widget a{transition:color var(--dur-fast, .15s) var(--ease)}.content-layout__aside .widget a:hover{color:var(--color-primary)}.comments-card{overflow:hidden}:root{--aksrt-footer-tabbar-height: 49px}@media(max-width:767px){.hide-on-mobile,.hidden-xs{display:none!important}}@media(min-width:768px){.hide-on-desktop,.hide-on-pc{display:none!important}}.footer-tabbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1035;min-height:var(--aksrt-footer-tabbar-height);background:var(--blur-bg);border-top:1px solid var(--color-line-soft);padding:0 0 env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;box-shadow:0 -4px 5px var(--main-shadow, rgba(0, 0, 0, .06));-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);--tabbar-active-color: #f04494;--tabbar-icon-size: 24px;--tabbar-text-size: 10px}.footer-tabbar.no-border{border-top:none}.footer-tabbar.no-shadow{box-shadow:none}.footer-tabbar.hide-text .tabbar-item span{display:none}.footer-tabbar.has-animation .tabbar-item{transition:color .15s ease,transform .15s ease}.footer-tabbar.has-animation .tabbar-item:active{transform:scale(.9)}.footer-tabbar-placeholder{display:none;height:calc(var(--aksrt-footer-tabbar-height) + env(safe-area-inset-bottom,0px))}@media(max-width:767px){.footer-tabbar{display:flex}.footer-tabbar-placeholder{display:block}.footer,.site-footer{padding-bottom:calc(var(--aksrt-footer-tabbar-height) + env(safe-area-inset-bottom,0px))}}.tabbar-item{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:49px;padding:4px 0 3px;color:var(--muted-color, var(--color-ink-3));font-size:13px;text-decoration:none;border:none;background:none;cursor:pointer;transition:color .15s ease;-webkit-tap-highlight-color:transparent;position:relative}.tabbar-item i{font-size:var(--tabbar-icon-size, 24px);line-height:1}.tabbar-item span{display:block;font-size:var(--tabbar-text-size, 10px);font-weight:500;line-height:1;transform:scale(.8);transform-origin:center top}.tabbar-item:hover,.tabbar-item.active{color:var(--tabbar-active-color, var(--color-primary));text-decoration:none}.tabbar-item.active i{font-weight:900}.tabbar-badge{position:absolute;top:2px;right:8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--color-error);color:#fff;font-size:10px;line-height:16px;font-style:normal;font-weight:700;text-align:center;box-shadow:0 2px 8px #ef444433}.tabbar-badge--dot{min-width:0;width:8px;height:8px;padding:0;top:4px;right:10px;font-size:0;line-height:1;box-shadow:0 0 0 2px var(--blur-bg)}.tabbar-item--add{margin-top:-22px;width:62px;height:62px;min-height:62px;border-radius:50%;background:var(--color-accent);color:#fff;box-shadow:0 12px 24px var(--color-accent-shadow);flex:0 0 62px;z-index:1}.tabbar-item--add i{font-size:22px}.tabbar-item--add span{font-size:11px}.tabbar-item--add:hover,.tabbar-item--add.active{color:#fff}.tabbar-add-backdrop{position:fixed;inset:0;z-index:951;background:#0f172a61}.tabbar-add-panel{position:fixed;left:0;right:0;bottom:0;z-index:952;padding:0 12px calc(84px + env(safe-area-inset-bottom,0px))}.tabbar-add-panel__sheet{border-radius:20px;background:var(--surface-1);border:none;box-shadow:var(--shadow-drawer);overflow:hidden}.tabbar-add-panel__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--color-line)}.tabbar-add-panel__close{width:32px;height:32px;border:0;border-radius:50%;background:var(--surface-2);color:var(--color-ink-3)}.tabbar-add-panel__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.tabbar-add-panel__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;border-radius:18px;background:var(--surface-2);color:var(--color-ink-3);text-decoration:none}.tabbar-add-panel__item i{font-size:22px;color:var(--color-accent)}.tabbar-add-panel__item span{font-size:13px;font-weight:600}.tabbar-search-overlay{position:fixed;inset:0;z-index:953;background:#0f172a94;display:flex;align-items:stretch;justify-content:center}.tabbar-search-overlay__dialog{width:100%;min-height:100%;background:var(--surface-1);padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px))}.tabbar-search-overlay__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tabbar-search-overlay__close{width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-2);color:var(--color-ink-3)}.tabbar-search-overlay__form{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:14px 14px 14px 12px;border-radius:18px;border:none;box-shadow:var(--shadow-sm);background:var(--surface-4)}.tabbar-search-overlay__icon{color:var(--color-ink-4)}.tabbar-search-overlay__form input{min-width:0;border:0;background:transparent;color:var(--color-ink);font-size:15px;outline:none}.tabbar-search-overlay__submit{border:0;border-radius:12px;padding:10px 14px;background:var(--color-accent);color:#fff;font-weight:700}.tabbar-search-overlay__types{display:flex;gap:8px;margin-top:14px}.tabbar-search-overlay__type{border:0;border-radius:999px;padding:9px 14px;background:var(--surface-2);color:var(--color-ink-3);font-size:13px;font-weight:600}.tabbar-search-overlay__type.is-active{background:var(--color-accent-soft);color:var(--color-accent)}.tabbar-search-overlay__section{margin-top:20px}.tabbar-search-overlay__section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tabbar-search-overlay__label{color:var(--color-ink-3);font-size:13px;font-weight:700}.tabbar-search-overlay__clear{border:0;background:transparent;color:var(--color-accent);font-size:12px;font-weight:700}.tabbar-search-overlay__history,.tabbar-search-overlay__suggestions{display:flex;flex-direction:column;gap:10px}.tabbar-search-overlay__history-item,.tabbar-search-overlay__suggestion-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:none;border-radius:16px;padding:12px 14px;background:var(--surface-4);box-shadow:var(--shadow-sm);color:var(--color-ink-3);text-decoration:none;text-align:left}.tabbar-search-overlay__history-item i{color:var(--color-accent)}.tabbar-search-overlay__history-item span,.tabbar-search-overlay__suggestion-item span{flex:1;min-width:0;font-size:14px;font-weight:600}.tabbar-search-overlay__suggestion-item small{color:var(--color-ink-4);font-size:12px}.tabbar-search-overlay__empty{padding:14px;border-radius:16px;background:var(--surface-2);color:var(--color-ink-4);font-size:13px;text-align:center}.tabbar-search-overlay__tags{display:flex;flex-wrap:wrap;gap:10px}.tabbar-search-overlay__tag{padding:10px 14px;border-radius:999px;background:var(--surface-2);color:var(--color-ink-3);text-decoration:none;font-size:13px}body.tabbar-search-open,body.tabbar-add-open{overflow:hidden}.footer-tabbar.scrolling-hide{transform:translateY(100%);transition:transform .3s ease}.footer-tabbar.scroll-down-hide{transition:transform .3s ease}.footer-tabbar.scroll-down-hide.is-hidden{transform:translateY(120%)}.tabbar-ontop-wrap{position:relative}.tabbar-ontop-wrap .tabbar-ontop-btn{display:none;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 12px;color:var(--color-primary);font-size:13px;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.tabbar-ontop-wrap .tabbar-ontop-btn i{font-size:18px;line-height:1}.tabbar-ontop-wrap .tabbar-ontop-btn span{font-weight:500;line-height:1;transform:scale(.8);transform-origin:center top}.tabbar-ontop-wrap.is-scrolled .tabbar-ontop-btn{display:flex}.tabbar-ontop-wrap.is-scrolled>.tabbar-item:not(.tabbar-ontop-btn){opacity:0;pointer-events:none}.theme-dark .site-footer,html.dark .site-footer{background:var(--surface-1)}.theme-dark .footer-tabbar,html.dark .footer-tabbar{background:var(--blur-bg);box-shadow:0 -1px 3px #0003}.back-to-top{display:none!important}.site-footer--compact .site-footer__grid{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.site-footer--compact .site-footer__brand{flex:1 1 100%}.tabbar-search-overlay[hidden]{display:none!important}.tabbar-search-overlay.is-open,.tabbar-search-overlay.show:not([hidden]){display:flex}.tabbar-search-overlay__dialog{max-width:720px;margin:0 auto}@media(min-width:768px){.tabbar-search-overlay{align-items:flex-start;padding-top:8vh;background:#0f172a73}.tabbar-search-overlay__dialog{min-height:auto;max-height:min(84vh,860px);overflow:auto;border-radius:20px;box-shadow:var(--shadow-lg, 0 20px 50px rgba(15, 23, 42, .22))}.nav-searchbox--desktop{display:none}.main-search-btn.nav-search-toggle{display:inline-flex;align-items:center;justify-content:center}}@media(max-width:767.98px){.main-search-btn.nav-search-toggle{display:none}}.site-footer--compact .site-footer__brand .site-footer__desc,.site-footer--compact .site-footer__brand .social-row,.site-footer--compact .site-footer__brand .site-footer__friends{display:none}.site-footer--compact .site-footer__col{flex:0 0 auto}.site-footer--compact .site-footer__col ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0}.site-footer--compact .site-footer__bottom{border-top:1px solid var(--color-line);padding-top:12px;margin-top:12px}.site-footer--centered .site-footer__grid{text-align:center}.site-footer--centered .site-footer__brand{flex:1 1 100%;display:flex;flex-direction:column;align-items:center}.site-footer--centered .site-footer__col{flex:1 1 auto}.site-footer--centered .site-footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.footer{color:var(--footer-color, var(--color-ink-4));background:var(--footer-bg, var(--surface-1));padding:30px;font-size:13px;margin-top:auto}.footer a:not(.but):not(.focus-color){color:var(--footer-color, var(--color-ink-4))}.footer a:hover{color:var(--focus-color, var(--color-primary))}.footer .container-footer{max-width:calc(var(--mian-max-width, var(--container, 1200px)) + 180px);margin:0 auto;width:100%}.footer .list-inline{display:flex;align-items:center;gap:20px;list-style:none;margin:0 0 12px;padding:0}.footer .list-inline>li{flex:1;margin:5px 15px}.footer .list-inline>li+li+li{float:right;display:flex;align-items:flex-end;flex-direction:column;gap:10px}.footer a.footer-logo img,.footer .footer-logo img{height:40px;width:auto;max-width:180px;vertical-align:middle;display:inline-block}.footer .title-h-left{position:relative;margin:8px 0 10px;padding-bottom:8px;font-size:15px;font-weight:700;color:var(--color-ink, #333)}.footer .title-h-left:before{transition:.4s;transform-origin:left;position:absolute;content:"";width:40px;height:3px;background:var(--theme-color, var(--color-primary));left:0;bottom:3px;border-radius:5px;box-shadow:1px 1px 3px -1px var(--theme-color, var(--color-primary))}.footer .footer-muted,.footer .em09{font-size:.92em;color:var(--muted-2-color, var(--color-ink-4));line-height:1.7}.footer .opacity8{opacity:.8}.footer .fcode-links{margin:0 0 8px;line-height:1.9}.footer .fcode-links>a+a:before{content:"";width:4px;height:4px;margin:0 .5em;border-radius:50%;display:inline-block;vertical-align:middle;background:var(--main-color, var(--color-ink-2));opacity:.3;vertical-align:.2em}.footer .toggle-radius{background:var(--this-bg, var(--main-border-color, var(--surface-2, #f0f0f0)));width:29px;height:29px;display:inline-block;text-align:center;border-radius:100%;position:relative;vertical-align:text-top;line-height:29px;color:var(--footer-color, var(--color-ink-3));text-decoration:none}.footer .footer-contact{margin-top:10px}.footer .footer-contact>a{font-size:20px;margin:5px;width:35px;height:35px;line-height:35px;display:inline-block;text-align:center;border-radius:100%;background:var(--this-bg, var(--main-border-color, var(--surface-2, #f0f0f0)));color:var(--footer-color, var(--color-ink-3));text-decoration:none;vertical-align:text-top;position:relative;transition:color .15s ease,background .15s ease}.footer .footer-contact>a:hover{color:#fff;background:var(--focus-color, var(--color-primary))}.footer .footer-contact>a i{vertical-align:middle}.footer .footer-wechat-img{display:none;position:absolute;width:140px;bottom:90%;left:-55px;padding-bottom:20px;z-index:5}.footer .hover-show{position:relative}.footer .hover-show:hover .footer-wechat-img,.footer .hover-show:focus .footer-wechat-img{display:block}.footer .footer-wechat-img img{box-shadow:0 5px 10px #0003;border-radius:4px;width:100%;height:auto;background:#fff}.footer .footer-miniimg img{width:90px;margin:0 6px;height:auto;max-width:100%;display:block;border-radius:4px}.footer .footer-miniimg-2{justify-content:flex-end}.footer .footer-miniimg-2 img{height:36px;border-radius:var(--main-radius)}.footer .footer-miniimg-2 .opacity8{display:none}.footer .footer-conter{margin:8px 0 0;line-height:1.8;color:var(--footer-color, var(--color-ink-4));font-size:13px}.footer .mt10{margin-top:10px}@media(max-width:767px){.footer .hidden-xs,.hidden-xs{display:none!important}.footer{padding:10px 0}.footer .container-footer{text-align:center;padding:0 16px}.footer .list-inline{gap:10px;flex-direction:column;align-items:center;justify-content:center}.footer .list-inline>li+li+li{float:none;align-items:center}.footer .list-inline>li{margin:12px 0;max-width:none!important}.footer .footer-miniimg-2{justify-content:center}.footer .title-h-left:before{left:50%;transform:translate(-50%)}}.float-right{position:fixed;bottom:60px;right:20px;z-index:1030;text-align:center;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);transition:.3s}.float-right .admin-set-page .admin-set-info{position:absolute;top:50%;right:.7em;transform:translateY(-50%);white-space:nowrap;line-height:1.5;margin:0;box-shadow:none;text-align:center;z-index:1}body:has(.modal.in) .float-right,.modal-open .float-right,.imgbox-show .float-right,.scroll-down .scroll-down-hide.float-right,.scroll-ing .scrolling-hide.float-right{transform:translate(200%)}body:has(.modal.in) .float-right.position-center,.modal-open .float-right.position-center,.imgbox-show .float-right.position-center,.scroll-down .scroll-down-hide.float-right.position-center,.scroll-ing .scrolling-hide.float-right.position-center{transform:translate(200%,-50%)}.float-right.position-center{bottom:auto;top:50%;transform:translateY(-50%)}.float-right .float-btn{width:40px;min-height:40px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:7px 0;font-size:1.4em;--this-color: var(--muted-2-color);--this-bg: var(--float-btn-bg);background:var(--this-bg);position:relative;color:var(--this-color)!important}.float-right .float-btn text{font-size:12px;line-height:1;margin-top:5px}.float-right badge{transform:translate(-11px,-5px) scale(.85);margin-right:-50px;right:auto;left:35px;font-size:12px;position:absolute}.filter .float-btn{-webkit-backdrop-filter:saturate(2) blur(10px);backdrop-filter:saturate(2) blur(10px)}.float-right.square .float-btn+.float-btn{border-top:1px solid var(--main-shadow)}.float-right.round .float-btn{margin-top:6px;border-radius:8px}.float-btn.ontop{opacity:0;transition:.5s;transform:translateY(10px);visibility:hidden}.ontop.show{opacity:1;transform:translateY(0);visibility:unset;display:flex!important}.float-btn .hover-show-con{right:35px;left:auto;width:200px;margin-right:15px;top:0;font-size:14px;line-height:1.4;color:var(--main-color);padding:10px;margin-top:0;border-radius:var(--main-radius);cursor:auto}.float-btn .dropdown-menu:before{left:auto;top:15px;right:-5px}.float-btn.service-wechat .hover-show-con{width:120px;top:-40px;padding:0}.float-btn.service-wechat .dropdown-menu:before{top:53px}.float-btn.qrcode-btn .hover-show-con{width:150px;top:-60px;padding:16px 5px 12px;text-align:center}.float-btn.qrcode-btn .qrcode{background:#fff;display:inline-flex;padding:5px}.float-btn.qrcode-btn .dropdown-menu:before{top:73px}.float-btn.newadd-btns .drop-newadd{width:137px;top:-74px}.float-btn.newadd-btns .drop-newadd:before{left:auto;top:88px;right:-5px}@media(max-width:767px){.float-btn .hover-show-con{max-width:240px}}.float-right.position-top{bottom:auto;top:80px}.float-btn.wait-pay-btn .hover-show-con{animation:float-wait-pay 2s;animation-delay:.3s}body.modal-open .float-btn.wait-pay-btn .hover-show-con{opacity:0!important}.float-btn .order-thumb{width:48px;height:48px}.float-btn .order-item{color:inherit}@keyframes float-wait-pay{0%{opacity:0;visibility:unset;box-shadow:0 0 10px #ff49791a}10%{opacity:1;box-shadow:0 0 10px #ff4979f2}30%{box-shadow:0 0 10px #ff49791a}50%{box-shadow:0 0 10px #ff4979f2}70%{box-shadow:0 0 10px #ff49791a}80%{visibility:unset;opacity:1}}@media(max-width:640px){.float-right{right:10px}.float-right.position-top{top:56px}}@keyframes aksrt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aksrt-hover-zoom{transition:transform .3s ease}.aksrt-hover-zoom:hover{transform:scale(1.02)}.aksrt-hover-zoom-sm{transition:transform .3s ease}.aksrt-hover-zoom-sm:hover{transform:scale(1.02)}.aksrt-hover-show{position:relative}.aksrt-hover-show__content{position:absolute;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s,transform .3s,visibility .3s;z-index:10}.aksrt-hover-show:hover .aksrt-hover-show__content{opacity:1;visibility:visible;transform:translateY(0)}.aksrt-ic-close{transition:transform .3s;cursor:pointer}.aksrt-ic-close:hover{transform:rotate(270deg)}.aksrt-hover-zoom-img img{transition:transform .3s ease}.aksrt-hover-zoom-img:hover img{transform:scale(1.02)}.aksrt-hover-zoom-img-sm img{transition:transform .3s ease}.aksrt-hover-zoom-img-sm:hover img{transform:scale(1.02)}.aksrt-hover-lift{transition:transform .2s ease,box-shadow .2s ease}.aksrt-hover-lift:hover{transform:none;box-shadow:0 4px 12px #0000001a}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.dark::view-transition-old(root),body.dark-theme::view-transition-old(root){z-index:1}.dark::view-transition-new(root),body.dark-theme::view-transition-new(root){z-index:2147483646}::view-transition-old(root){z-index:2147483646}::view-transition-new(root){z-index:1}@supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))){:root{--aksrt-blur-bg: #ffffff}.dark{--aksrt-blur-bg: var(--surface-1)}}body.aksrt-scroll-down .site-nav.nav-scroll-hide{transform:translateY(-100%);transition:transform .3s ease}body.aksrt-scroll-up .site-nav.nav-scroll-hide{transform:translateY(0);transition:transform .3s ease}body.aksrt-scrolling .aksrt-floating-right.scrolling-hide{opacity:0;pointer-events:none;transition:opacity .2s}body.aksrt-body-scroll .aksrt-show-on-scroll{opacity:1;visibility:visible}.aksrt-show-on-scroll{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.aksrt-cursor-zoom-in{cursor:zoom-in}.aksrt-announcement{position:relative;overflow:hidden;padding:10px 12px;background:var(--surface-2, #F4F5F7);border-radius:var(--radius, 10px)}.aksrt-announcement__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-primary, var(--color-primary));font-size:14px;z-index:1}.aksrt-announcement__track{margin-left:24px;overflow:hidden;height:20px}.aksrt-announcement__list{margin:0;padding:0;list-style:none;animation:aksrt-marquee 10s linear infinite}.aksrt-announcement__item{height:20px;line-height:20px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aksrt-announcement__item a{color:var(--color-ink-2);text-decoration:none}.aksrt-announcement__item a:hover{color:var(--color-primary, var(--color-primary))}@keyframes aksrt-marquee{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.aksrt-announcement:hover .aksrt-announcement__list{animation-play-state:paused}[data-aksrt-animate]{will-change:opacity,transform}[data-aksrt-sticky]{will-change:transform}.aksrt-user-ranking{margin:0;padding:0;list-style:none}.aksrt-user-ranking__item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-line-soft, #F0F1F3)}.aksrt-user-ranking__item:last-child{border-bottom:none}.aksrt-user-ranking__rank{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--surface-2, #F4F5F7);color:var(--color-ink-3);font-size:12px;font-weight:600;flex-shrink:0}.aksrt-user-ranking__item--top:nth-child(1) .aksrt-user-ranking__rank{background:gold;color:#fff}.aksrt-user-ranking__item--top:nth-child(2) .aksrt-user-ranking__rank{background:silver;color:#fff}.aksrt-user-ranking__item--top:nth-child(3) .aksrt-user-ranking__rank{background:#cd7f32;color:#fff}.aksrt-user-ranking__avatar{flex-shrink:0}.aksrt-user-ranking__avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}.aksrt-user-ranking__name{flex:1;min-width:0;font-size:14px;color:var(--color-ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aksrt-user-ranking__name:hover{color:var(--color-primary, var(--color-primary))}.aksrt-user-ranking__value{font-size:12px;color:var(--color-ink-4, #8A8F98);white-space:nowrap}.aksrt-cover-cards{display:grid;grid-template-columns:repeat(var(--cols, 2),1fr);gap:12px}.aksrt-cover-card{position:relative;border-radius:var(--radius-lg, 8px);overflow:hidden;min-height:160px;display:flex;align-items:flex-end;transition:transform .3s,box-shadow .3s}.aksrt-cover-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.aksrt-cover-card__bg{position:absolute;inset:0}.aksrt-cover-card__bg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.aksrt-cover-card:hover .aksrt-cover-card__bg img{transform:scale(1.02)}.aksrt-cover-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#0009)}.aksrt-cover-card__content{position:relative;z-index:1;padding:16px;width:100%}.aksrt-cover-card__link{text-decoration:none;color:inherit;display:block}.aksrt-cover-card__title{margin:0 0 4px;font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.aksrt-cover-card__desc{margin:0;font-size:13px;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aksrt-video-widget{position:relative;width:100%;overflow:hidden;border-radius:var(--radius, 10px);background:#000}.aksrt-video-widget iframe,.aksrt-video-widget video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.aksrt-float-label{position:relative}.aksrt-float-label__input{width:100%;padding:14px 12px 6px;font-size:14px;border:1px solid var(--color-line);border-radius:var(--radius, 10px);background:var(--surface-1, #fff);color:var(--color-ink);transition:border-color .2s}.aksrt-float-label__input:focus{outline:none;border-color:var(--color-primary, var(--color-primary))}.aksrt-float-label__label{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-ink-4, #8A8F98);pointer-events:none;transition:all .2s ease}.aksrt-float-label__input:focus+.aksrt-float-label__label,.aksrt-float-label__input:not(:placeholder-shown)+.aksrt-float-label__label{top:8px;transform:translateY(0);font-size:11px;color:var(--color-primary, var(--color-primary))}[data-aksrt-parallax]{will-change:transform;transition:transform .1s linear}.aksrt-level-bar{position:relative;height:8px;background:var(--surface-2, #F4F5F7);border-radius:4px;overflow:hidden}.aksrt-level-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-primary, var(--color-primary)),var(--color-primary-active, #5A85BD));border-radius:4px;transition:width .5s ease}.aksrt-level-bar__label{position:absolute;right:0;top:-18px;font-size:11px;color:var(--color-ink-4, #8A8F98)}.aksrt-null>.aksrt-null__img{display:block;margin-right:auto;margin-left:auto}.empty-state{text-align:center;padding:60px 20px;color:var(--color-ink-3, #777)}.empty-state__icon{font-size:56px;color:var(--surface-3, #e8e8e8);margin-bottom:16px;line-height:1}.empty-state__icon i{display:inline-block}.empty-state__title{font-size:16px;font-weight:500;color:var(--color-ink-2, #4e5358);margin-bottom:8px}.empty-state__desc{font-size:13px;color:var(--color-ink-4, #999);margin-bottom:20px;max-width:320px;margin-left:auto;margin-right:auto;line-height:1.6}.empty-state__action{display:inline-flex;align-items:center;gap:6px}.empty-state--sm{padding:30px 16px}.empty-state--sm .empty-state__icon{font-size:40px}.empty-state--sm .empty-state__title{font-size:14px}.empty-state--sm .empty-state__desc{font-size:12px}.search-empty{text-align:center;padding:80px 20px}.search-empty__icon{font-size:64px;color:var(--surface-3, #e8e8e8);margin-bottom:16px}.search-empty__title{font-size:18px;font-weight:500;color:var(--color-ink-2, #4e5358);margin-bottom:8px}.search-empty__suggestions{font-size:13px;color:var(--color-ink-4, #999)}.search-empty__suggestions a{color:var(--color-primary, #f04494);text-decoration:none}.search-empty__suggestions a:hover{text-decoration:underline}@media(max-width:767px){.empty-state{padding:40px 16px}.empty-state__icon{font-size:44px}}.pagination,.aksrt-pagination,.navigation.pagination .nav-links,.pagenav.ajax-pag{display:flex;align-items:center;justify-content:center;gap:6px;padding:24px 0;flex-wrap:wrap}.pagination a,.pagination span,.aksrt-pagination a,.aksrt-pagination span,.navigation.pagination a,.navigation.pagination span,.pagenav.ajax-pag a,.pagenav.ajax-pag span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:6px 10px;font-size:13px;line-height:1.4;color:var(--muted-color, var(--color-ink-3));background:var(--surface-4, var(--main-border-color, rgba(50, 50, 50, .06)));border:1px solid transparent;border-radius:var(--radius-xs, 3px);text-decoration:none;transition:all .2s;user-select:none}.pagination a:hover,.aksrt-pagination a:hover,.navigation.pagination a:hover,.pagenav.ajax-pag a:hover{opacity:1;color:var(--color-primary);background:var(--color-primary-soft)}.pagination .current,.aksrt-pagination .current,.navigation.pagination .current,.pagenav.ajax-pag .current{color:var(--color-on-primary, #fff);background:var(--color-primary, #f04494);border-color:var(--color-primary, #f04494);font-weight:500}.pagination .dots,.aksrt-pagination .dots,.navigation.pagination .dots,.pagenav.ajax-pag .dots{border:none;background:none;color:var(--color-ink-4, #999);cursor:default;min-width:auto;padding-left:4px;padding-right:4px}.pagination .prev,.pagination .next,.aksrt-pagination .prev,.aksrt-pagination .next,.navigation.pagination .prev,.navigation.pagination .next,.pagenav.ajax-pag .prev,.pagenav.ajax-pag .next{font-size:12px}.pagination .prev i,.pagination .next i,.aksrt-pagination .prev i,.aksrt-pagination .next i,.navigation.pagination .prev i,.navigation.pagination .next i,.pagenav.ajax-pag .prev i,.pagenav.ajax-pag .next i{font-size:11px}.pagenav.ajax-pag .pag-jump,.aksrt-pagination .pag-jump,.navigation.pagination .pag-jump{display:inline-flex;align-items:center;gap:6px;margin-left:6px}.pagenav.ajax-pag .jump-input,.aksrt-pagination .jump-input,.navigation.pagination .jump-input{width:64px;min-width:64px;padding:6px 8px 5px;font-size:13px;line-height:1.4;color:var(--muted-color, var(--color-ink-3));background:var(--main-bg-color, #fff);border:1px solid var(--main-border-color, rgba(50, 50, 50, .06));border-radius:3px;box-shadow:none}.pagenav.ajax-pag .jump-input:focus,.aksrt-pagination .jump-input:focus,.navigation.pagination .jump-input:focus{outline:none;border-color:var(--focus-color, var(--color-primary, #f04494))}.pagenav.ajax-pag .pag-jump .ajax-next,.aksrt-pagination .pag-jump .ajax-next,.navigation.pagination .pag-jump .ajax-next{min-width:auto;cursor:pointer}.pagination__nav{display:flex;gap:8px;justify-content:center;margin-top:8px}.pagination__nav a{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:13px;color:var(--color-ink-2, #4e5358);background:var(--surface-1, #fff);border:1px solid var(--color-line, rgba(50, 50, 50, .06));border-radius:6px;text-decoration:none;transition:all .2s}.pagination__nav a:hover{color:var(--color-primary, #f04494);border-color:var(--color-primary, #f04494)}@media(max-width:767px){.pagination a,.pagination span,.aksrt-pagination a,.aksrt-pagination span,.navigation.pagination a,.navigation.pagination span,.pagenav.ajax-pag a,.pagenav.ajax-pag span{min-width:28px;font-size:12px;margin:2px}.pagenav.ajax-pag .pag-jump,.aksrt-pagination .pag-jump,.navigation.pagination .pag-jump{width:100%;justify-content:center;margin-left:0;margin-top:6px}.pagenav.ajax-pag .jump-input,.aksrt-pagination .jump-input,.navigation.pagination .jump-input{width:58px;min-width:58px;font-size:12px}}.aksrt-modal-runtime{--modal-ink: var(--color-ink, #333333);--modal-ink-2: var(--color-ink-2, #4e5358);--modal-muted: var(--color-ink-3, #777777);--modal-line: var(--color-line-stronger, rgba(50, 50, 50, .12));--modal-line-soft: var(--color-line, rgba(50, 50, 50, .06));--modal-surface: var(--surface-1, #ffffff);--modal-surface-2: var(--surface-2, #eeeeee);--modal-surface-3: var(--surface-4, #f8f8f8);--modal-primary: var(--color-primary, #f04494);--modal-on-primary: var(--color-on-primary, #ffffff);--modal-warning: var(--color-warning, #f59e0b);--modal-success: var(--color-success, #10b981);--modal-danger: var(--color-danger, #ef4444)}html.aksrt-modal-runtime-open,body.aksrt-modal-runtime-open{overflow:hidden}.aksrt-modal-runtime.modal-mini,.aksrt-modal-runtime.full-sm{width:auto;max-width:none;margin:0}.aksrt-modal-runtime{position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.aksrt-modal-runtime.is-open{opacity:1;visibility:visible;pointer-events:auto}.aksrt-modal-runtime.is-open.aksrt-modal-runtime--parent{pointer-events:none}.aksrt-modal-runtime.is-open.aksrt-modal-runtime--parent .aksrt-modal-runtime__dialog{transform:scale(.98)}.aksrt-modal-runtime--child .aksrt-modal-runtime__overlay{background:#0003}.aksrt-modal-runtime__overlay{position:absolute;inset:0;background:#00000080}.aksrt-modal-runtime__dialog{position:relative;z-index:1;width:min(440px,calc(100vw - 32px));max-height:min(88vh,720px);overflow:auto;background:var(--surface-1, #fff);border-radius:16px;box-shadow:0 18px 48px #0f121c38;transform:translateY(12px) scale(.98);transition:transform .22s cubic-bezier(.22,1,.36,1);color:var(--color-ink, #1f2937)}.aksrt-modal-runtime.is-open .aksrt-modal-runtime__dialog{transform:translateY(0) scale(1)}.aksrt-modal-runtime--bottom{align-items:flex-end}.aksrt-modal-runtime--bottom .aksrt-modal-runtime__dialog{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh;transform:translateY(24px)}.aksrt-modal-runtime--bottom.is-open .aksrt-modal-runtime__dialog{transform:translateY(0)}.aksrt-modal-runtime__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 0}.aksrt-modal-runtime__title{margin:0;font-size:17px;line-height:1.35}.aksrt-modal-runtime__content{padding:18px 18px 16px}.aksrt-modal-runtime__loading,.aksrt-modal-runtime__error-body{padding:28px 8px;text-align:center;color:var(--color-ink-2, #6b7280);font-size:14px}.aksrt-modal-runtime__skeleton{display:grid;gap:12px;padding:8px 2px}.aksrt-modal-runtime__skeleton-line,.aksrt-modal-runtime__skeleton-block{display:block;border-radius:8px;background:linear-gradient(90deg,#94a3b829,#94a3b84d,#94a3b829);background-size:200% 100%;animation:aksrt-modal-skeleton 1.2s ease-in-out infinite}.aksrt-modal-runtime__skeleton-line{width:72%;height:12px}.aksrt-modal-runtime__skeleton-line.is-wide{width:92%;height:18px}.aksrt-modal-runtime__skeleton-line.is-short{width:44%}.aksrt-modal-runtime__skeleton-block{width:100%;min-height:84px}.aksrt-modal-runtime__retry{cursor:pointer}@keyframes aksrt-modal-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.aksrt-modal-runtime .touch.border-title,.aksrt-modal-runtime .border-title{font-size:16px;font-weight:700;margin:0 0 14px;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.aksrt-modal-runtime .aksrt-modal-runtime__close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:999px;background:transparent;color:var(--color-ink-3, #9ca3af);cursor:pointer;font-size:18px;line-height:1}.aksrt-modal-runtime .but-average.modal-buts,.aksrt-modal-runtime .modal-buts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.aksrt-modal-runtime .but-average.modal-buts .but,.aksrt-modal-runtime .modal-buts .but,.aksrt-modal-runtime .modal-buts button{min-height:40px;border-radius:10px;border:1px solid var(--color-line, #e5e7eb);background:var(--surface-4, #f3f4f6);color:var(--color-ink, #111);font-weight:600;cursor:pointer}.aksrt-modal-runtime .modal-buts .but.c-blue,.aksrt-modal-runtime .modal-buts button.c-blue,.aksrt-modal-runtime .modal-buts .btn-primary{background:var(--color-primary, #f04494);border-color:color-mix(in srgb,var(--color-primary, #f04494) 70%,#000 0%);color:var(--color-on-primary, #fff)}.aksrt-modal-runtime.aksrt-checkin-details-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog{width:min(400px,calc(100vw - 32px));border-radius:var(--main-radius, 8px);background:var(--main-bg-color, #fff)}.aksrt-modal-runtime.aksrt-checkin-details-modal .aksrt-modal-runtime__content{padding:0}.aksrt-modal-runtime.aksrt-checkin-details-modal .aksrt-modal-runtime__skeleton{padding:24px 18px}.ajaxpager.is-ajax-loading{position:relative;min-height:80px}.post_ajax_loader{display:none}.post_ajax_loader.is-loading{display:block;animation:aksrtFadeIn .2s ease both}.ajax-item.is-fading{opacity:.35;transition:opacity .15s ease}.aksrt-report-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog{width:min(600px,calc(100vw - 32px));border-radius:var(--main-radius, 8px);background:var(--main-bg-color, #fff)}.aksrt-report-modal .edit-header{position:relative;padding-right:32px}.aksrt-report-modal .edit-header .close{position:absolute;right:0;top:50%;transform:translateY(-50%);float:none;font-size:20px;line-height:1;cursor:pointer;background:none;border:0;padding:2px 6px}.aksrt-report-modal .form-but-radio .badg{cursor:pointer;user-select:none}.aksrt-user-ban-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog{width:min(600px,calc(100vw - 32px));border-radius:var(--main-radius, 8px);background:var(--main-bg-color, #fff)}.aksrt-user-ban-info-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog,.aksrt-user-ban-appeal-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog,.aksrt-user-ban-log-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog{width:min(400px,calc(100vw - 32px));border-radius:var(--main-radius, 8px);background:var(--main-bg-color, #fff)}.aksrt-user-ban-info-modal .aksrt-modal-runtime__skeleton,.aksrt-user-ban-appeal-modal .aksrt-modal-runtime__skeleton,.aksrt-user-ban-log-modal .aksrt-modal-runtime__skeleton,.aksrt-user-ban-modal .aksrt-modal-runtime__skeleton{padding:24px 18px}.aksrt-user-ban-modal .edit-header,.aksrt-user-ban-appeal-modal .edit-header{position:relative;padding-right:32px}.aksrt-user-ban-modal .edit-header .close,.aksrt-user-ban-appeal-modal .edit-header .close{position:absolute;right:0;top:50%;transform:translateY(-50%);float:none;font-size:20px;line-height:1;cursor:pointer;background:none;border:0;padding:2px 6px}.aksrt-user-ban-modal .modal-colorful-header,.aksrt-user-ban-modal .colorful-bg,.aksrt-user-ban-info-modal .modal-colorful-header,.aksrt-user-ban-info-modal .colorful-bg,.aksrt-user-ban-log-modal .modal-colorful-header,.aksrt-user-ban-log-modal .colorful-bg{position:relative;overflow:hidden;color:var(--this-color);background:var(--this-bg);background-size:120%}.aksrt-user-ban-modal .modal-colorful-header,.aksrt-user-ban-info-modal .modal-colorful-header,.aksrt-user-ban-log-modal .modal-colorful-header{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;justify-content:center;height:120px;border-radius:var(--main-radius, 8px) var(--main-radius, 8px) 0 0}.aksrt-user-ban-modal .modal-colorful-header+*,.aksrt-user-ban-info-modal .modal-colorful-header+*,.aksrt-user-ban-log-modal .modal-colorful-header+*{margin-top:120px}.aksrt-user-ban-modal .modal-colorful-header>.close,.aksrt-user-ban-info-modal .modal-colorful-header>.close,.aksrt-user-ban-log-modal .modal-colorful-header>.close{position:absolute;top:10px;right:10px;z-index:9;color:var(--this-color);font-size:18px;opacity:.6}.aksrt-user-ban-modal .colorful-bg>.colorful-make,.aksrt-user-ban-modal .colorful-bg>.colorful-make:before,.aksrt-user-ban-modal .colorful-bg>.colorful-make:after,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make:before,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make:after,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make:before,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make:after{position:absolute;color:var(--this-color);background:var(--this-bg);border-radius:100%;content:""}.aksrt-user-ban-modal .colorful-bg>.colorful-make,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make{top:60%;bottom:0;width:323px;height:290px;animation:aksrt-ban-colorful 120s linear infinite}.aksrt-user-ban-modal .colorful-bg>.colorful-make:before,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make:before,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make:before{top:-325px;right:-558px;bottom:0;width:677px;height:300px;opacity:.6;transform:rotate(341deg)}.aksrt-user-ban-modal .colorful-bg>.colorful-make:after,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make:after,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make:after{top:-170px;bottom:0;left:-262px;width:402px;height:214px;opacity:.4;transform:rotate(326deg)}.aksrt-user-ban-modal .colorful-bg>.colorful-make+*,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make+*,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make+*{position:relative}.aksrt-user-ban-modal .form-but-radio label{cursor:pointer}.aksrt-user-ban-modal .form-but-radio .but-radio,.aksrt-user-ban-modal .aksrt-user-ban-form label{user-select:none}@keyframes aksrt-ban-colorful{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.order-comment-from .shop-score-box{display:flex;align-items:center;gap:8px;min-height:36px}.order-comment-from .score-title{width:4.5em;flex:0 0 auto;font-size:13px;color:var(--color-ink-2, #6b7280)}.order-comment-from .score-icon{display:inline-flex;gap:4px;align-items:center;height:30px}.order-comment-from .icon-star{display:inline-flex;width:22px;height:22px;color:#d1d5db;cursor:pointer;transition:color .12s ease,transform .12s ease}.order-comment-from .icon-star svg{width:22px;height:22px;fill:currentColor}.order-comment-from .icon-star.active,.order-comment-from .icon-star.hover{color:#fc7049}.order-comment-from .icon-star.hover{transform:scale(1.08)}.order-comment-from .score-text{min-width:3em;font-size:13px;color:var(--color-ink-2, #6b7280)}.order-comment-from textarea.form-control{width:100%;border:1px solid var(--color-line, #e5e7eb);border-radius:10px;padding:10px 12px;font-size:14px;resize:vertical;min-height:96px;background:var(--surface-1, #fff);color:var(--color-ink, #111)}:is(.order-comment-from,.aksrt-report-modal) .form-upload .preview{display:flex;flex-wrap:wrap;gap:8px}:is(.order-comment-from,.aksrt-report-modal) .form-upload .preview .add,:is(.order-comment-from,.aksrt-report-modal) .form-upload .preview .preview-item{width:80px;height:80px;border-radius:10px;border:1px dashed var(--color-line, #d1d5db);background:var(--surface-4, #f9fafb);position:relative;overflow:hidden;cursor:pointer}:is(.order-comment-from,.aksrt-report-modal) .form-upload .preview .preview-item img{width:100%;height:100%;object-fit:cover;display:block}:is(.order-comment-from,.aksrt-report-modal) .form-upload .preview .preview-item .remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border:0;border-radius:999px;background:#0000008c;color:#fff;font-size:12px;line-height:1;cursor:pointer}:is(.order-comment-from,.aksrt-report-modal) .form-upload .hide{display:none!important}.order-comment-from .review-error{color:#ef4444;font-size:13px;margin-top:8px}@media(max-width:768px){.aksrt-modal-runtime:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog{width:calc(100vw - 20px)}}.notyn{position:fixed;bottom:6em;right:0;max-width:320px;z-index:10000000}.notyf{position:relative;margin-bottom:.6em;color:#fff;font-size:14px;line-height:1.42857143;float:right;min-width:200px;padding:1em 3em 1em 3.4em;box-shadow:-3px 3px 6px #0000001a;transform:translate(1.5em);transition:.3s;-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);-webkit-animation:notyf .4s cubic-bezier(.35,.71,.46,1.08);animation:notyf .4s cubic-bezier(.35,.71,.46,1.08)}.notyn-out .notyf{transform:translate(110%);opacity:.5;transition:.5s}@-webkit-keyframes notyf{0%{transform:translate(110%);opacity:0}to{transform:translate(1.5em);opacity:1}}@keyframes notyf{0%{transform:translate(110%);opacity:0}to{transform:translate(1.5em);opacity:1}}.notyf:before{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;line-height:1;left:.8em;font-size:1.5em;position:absolute;top:0;bottom:0;margin:auto;height:20px}.notyf.success{background:linear-gradient(90deg,#0f93f9b3,#3dbdf9cc)}.notyf.success:before{content:""}.notyf.info{background:linear-gradient(90deg,#3aa236cc,#59f783cc)}.notyf.info:before{content:""}.notyf.warning,.notyf.load{background:linear-gradient(90deg,#fdaa47b3,#f79a0dcc)}.notyf.warning:before{content:""}.notyf.danger{background:linear-gradient(90deg,#fd451cb3,#fb6e4bcc)}.notyf.danger:before{content:""}.notyf .fa-close{float:right;padding:.6em;margin:-.4em}.notyf.load:before{content:"";width:.7em;height:.7em;display:inline-block;border:.08em solid transparent;border-width:calc(1px + .03em);border-radius:50%;border-top-color:var(--this-color);border-bottom-color:var(--this-color);-webkit-animation:huan-rotate 1s cubic-bezier(.7,.1,.31,.9) infinite;animation:huan-rotate 1s cubic-bezier(.7,.1,.31,.9) infinite}@-webkit-keyframes huan-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes huan-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aksrt-captcha-box{display:none}.aksrt-captcha-wrap{text-align:center}.aksrt-captcha-modal-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}.aksrt-captcha-modal-backdrop{position:absolute;inset:0;background:#0000008c;animation:aksrtFadeIn .2s ease}.aksrt-captcha-modal-box{position:relative;background:var(--surface-page,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:380px;animation:aksrtSlideUp .25s ease;overflow:hidden}.aksrt-captcha-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-line,#e5e7eb)}.aksrt-captcha-modal-title{font-size:15px;font-weight:600;color:var(--color-ink,#1f2937)}.aksrt-captcha-modal-close{background:none;border:none;font-size:22px;color:var(--color-ink-4,#9ca3af);cursor:pointer;padding:0;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px}.aksrt-captcha-modal-close:hover{background:var(--color-bg-hover,#f3f4f6);color:var(--color-ink,#1f2937)}.aksrt-captcha-modal-body{padding:20px}.aksrt-captcha-modal-hint{font-size:13px;color:var(--color-ink-4,#9ca3af);margin:0 0 16px;text-align:center}.aksrt-captcha-modal-widget{display:flex;justify-content:center}@keyframes aksrtFadeIn{0%{opacity:0}to{opacity:1}}@keyframes aksrtSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.aksrt-modal-runtime.aksrt-reward-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog{width:min(400px,calc(100vw - 32px));border-radius:var(--main-radius, 8px);background:var(--main-bg-color, #fff)}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-modal-runtime__content{padding:0}.aksrt-reward-modal .modal-colorful-header+.aksrt-reward__body{margin-top:0;padding:135px 15px 15px;color:var(--main-color, var(--color-ink, #333))}.aksrt-reward__desc{margin:0 0 16px;text-align:center}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount{display:inline-flex;width:100%;min-width:0;min-height:46px;align-items:center;justify-content:center;gap:4px;margin:0;padding:8px 6px;border:1px solid var(--color-line-stronger, rgba(50, 50, 50, .12));border-radius:var(--radius, 8px);background:var(--surface-2, #f5f6f7);color:var(--color-ink-2, #4e5358);cursor:pointer;font-size:16px;font-weight:700;line-height:1.2;box-shadow:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount:hover{border-color:var(--focus-color, var(--color-primary, #f04494));background:var(--color-primary-soft, rgba(240, 68, 148, .1));color:var(--focus-color, var(--color-primary, #f04494));opacity:1;transform:translateY(-1px)}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount:focus-visible{outline:0;box-shadow:0 0 0 3px var(--color-primary-soft, rgba(240, 68, 148, .2))}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount.is-active,.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount.is-active:hover{border-color:var(--focus-color, var(--color-primary, #f04494));background:var(--focus-color, var(--color-primary, #f04494));color:#fff;box-shadow:0 3px 10px var(--color-primary-soft, rgba(240, 68, 148, .2));opacity:1;transform:none}.aksrt-reward__currency{font-size:13px;font-weight:400}.aksrt-reward__value{font-size:15px}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__custom{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;color:var(--color-ink-2, #4e5358);font-size:14px;font-weight:600}.aksrt-reward__custom-label{flex:0 0 auto}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__input-wrap{display:flex;width:min(190px,62%);min-height:44px;align-items:center;padding:0 10px 0 12px;border:1px solid var(--color-line-stronger, rgba(50, 50, 50, .12));border-radius:var(--radius, 8px);background:var(--surface-1, #fff);transition:border-color .2s ease,box-shadow .2s ease}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__input-wrap:focus-within{border-color:var(--focus-color, var(--color-primary, #f04494));box-shadow:0 0 0 3px var(--color-primary-soft, rgba(240, 68, 148, .1))}.aksrt-reward__input-currency{flex:0 0 auto;margin-right:6px;color:var(--muted-color, var(--color-ink-3, #777));font-size:14px;font-weight:600}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__input{width:100%;min-width:0;min-height:42px;padding:0;border:0;outline:0;background:transparent;color:var(--color-ink, #333);font-size:15px;font-weight:600;text-align:right;-moz-appearance:textfield;box-shadow:none}.aksrt-reward__input::-webkit-inner-spin-button,.aksrt-reward__input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.aksrt-reward__input::placeholder{color:var(--muted-color, var(--color-ink-4, #999));opacity:1}.aksrt-reward__input:disabled,.aksrt-reward__amount:disabled{cursor:wait;opacity:.6}.aksrt-reward__submit{min-height:42px}.aksrt-reward__submit:disabled{cursor:wait;opacity:.7}.aksrt-reward__message{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.aksrt-reward__captcha{margin:0 0 14px}.aksrt-modal-runtime--bottom.aksrt-reward-modal .aksrt-modal-runtime__dialog,.aksrt-modal-runtime--bottom.aksrt-reward-modal .modal-colorful-header{border-radius:16px 16px 0 0} +:root{--color-primary: #f04494;--color-primary-hover: #e0307e;--color-primary-active: #c9206d;--color-primary-soft: rgba(240, 68, 148, .1);--color-primary-softer: rgba(240, 68, 148, .05);--color-on-primary: #FFFFFF;--color-ink: #333333;--color-ink-2: #4e5358;--color-ink-3: #777777;--color-ink-4: #999999;--surface-page: #f5f6f7;--surface-1: #FFFFFF;--surface-2: #eeeeee;--surface-3: #e9ecef;--surface-4: #f8f8f8;--color-line: rgba(50, 50, 50, .06);--color-line-soft: rgba(0, 0, 0, .03);--color-line-stronger: rgba(50, 50, 50, .12);--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-accent: #18a058;--color-accent-soft: rgba(24, 160, 88, .12);--color-accent-shadow: rgba(24, 160, 88, .28);--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: .875rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--radius-xs: 3px;--radius-sm: 4px;--radius: 8px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-pill: 100px;--radius-avatar: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 0 10px rgba(116, 116, 116, .08);--shadow: 0 0 10px rgba(116, 116, 116, .12);--shadow-lg: 0 12px 32px rgba(18, 18, 18, .1);--shadow-drawer: 0 18px 60px rgba(0, 0, 0, .2);--nav-height: 60px;--container: 1200px;--container-wide: 1440px;--container-read: 760px;--container-page: 880px;--sidebar-width: 311px;--content-gap: 24px;--section-gap: 24px;--sidebar-bp: 992px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur: .25s;--dur-slow: .4s;--focus-ring: 0 0 2px 3px rgba(253, 83, 161, .4);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-toast: 700;--z-tooltip: 800;--radius-btn: 4px;--btn-sm-h: 28px;--btn-md-h: 34px;--btn-lg-h: 44px;--card-padding: 15px;--card-padding-sm: 10px;--card-gap: 16px;--card-gap-lg: 20px;--color-primary-light: var(--color-primary-soft);--color-surface: var(--surface-1);--color-line-strong: var(--color-line);--color-bg-hover: var(--surface-2);--color-border-light: var(--color-line-soft);--color-fill: var(--surface-2);--color-warning-bg: #fffbe6;--color-warning-text: #ad6800;--text-secondary: var(--color-ink-3);--text-tertiary: var(--color-ink-4);--surface-active: var(--surface-2);--surface-card: var(--surface-1);--surface-hover: var(--surface-2);--surface-secondary: var(--surface-2);--radius-code: var(--radius);--radius-full: 100px;--shadow-xl: 0 0 10px rgba(116, 116, 116, .12);--space-16: 64px;--z-floating: 900;--transition-fast: .15s ease;--transition-base: .25s ease;--header-bg: var(--blur-bg);--header-color: var(--color-ink-2);--footer-bg: var(--surface-1);--footer-color: var(--color-ink-4);--blur-bg: rgba(255, 255, 255, .8);--float-btn-bg: rgba(200, 200, 200, .4);--font-heading: var(--font-ui);--radius-card: var(--radius);--radius-md: var(--radius);--color-primary-50: var(--color-primary-soft);--color-primary-dark: var(--color-primary-active);--shadow-md: var(--shadow);--mini-radius: calc(var(--radius) / 1.4);--aksrt-avatar-size-xs: 24px;--aksrt-avatar-size-sm: 32px;--aksrt-avatar-size: 40px;--aksrt-avatar-size-lg: 56px;--aksrt-avatar-size-xl: 80px;--aksrt-card-thumb-scale: 56.25%;--aksrt-rose: #f43f5e;--aksrt-rose-soft: rgba(244, 63, 94, .12);--aksrt-blue: #3b82f6;--aksrt-blue-soft: rgba(59, 130, 246, .12);--aksrt-green: #10b981;--aksrt-green-soft: rgba(16, 185, 129, .12);--aksrt-orange: #f97316;--aksrt-orange-soft:rgba(249, 115, 22, .12);--aksrt-purple: #8b5cf6;--aksrt-purple-soft:rgba(139, 92, 246, .12);--aksrt-cyan: #06b6d4;--aksrt-cyan-soft: rgba(6, 182, 212, .12);--aksrt-yellow: #eab308;--aksrt-yellow-soft:rgba(234, 179, 8, .12);--aksrt-red: #ef4444;--aksrt-red-soft: rgba(239, 68, 68, .12);--aksrt-teal: #14b8a6;--aksrt-teal-soft: rgba(20, 184, 166, .12);--aksrt-indigo: #6366f1;--aksrt-indigo-soft:rgba(99, 102, 241, .12);--aksrt-pink: #ec4899;--aksrt-pink-soft: rgba(236, 72, 153, .12);--aksrt-vip-gold-1: #f6d365;--aksrt-vip-gold-2: #fda085;--aksrt-grad-sunset-1: #f093fb;--aksrt-grad-sunset-2: #f5576c;--aksrt-grad-ocean-1: #4facfe;--aksrt-grad-ocean-2: #00f2fe;--aksrt-grad-forest-1: #43e97b;--aksrt-grad-forest-2: #38f9d7;--aksrt-grad-night-1: #a18cd1;--aksrt-grad-night-2: #fbc2eb;--aksrt-grad-fire-1: #f83600;--aksrt-grad-fire-2: #f9d423;--aksrt-toggle-w: 44px;--aksrt-toggle-h: 24px;--aksrt-stepper-h: 36px;--aksrt-badge-h: 22px;--text-1: var(--color-ink);--text-2: var(--color-ink-2);--text-3: var(--color-ink-3);--border: var(--color-line);--color-text-1: var(--color-ink);--color-text-2: var(--color-ink-2);--color-text-3: var(--color-ink-3);--color-primary-bg: var(--color-primary-softer);--color-danger: var(--color-error)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){:root{--blur-bg: var(--surface-1);--header-bg: var(--surface-1)}}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){html.dark,body.dark-theme{--blur-bg: #37383a;--header-bg: #37383a}}body.modal-open,body.dialog-open{--blur-bg: var(--surface-1);--header-bg: var(--surface-1)}body.modal-open .site-nav,body.modal-open .footer-tabbar,body.modal-open .float-right .float-btn,body.dialog-open .site-nav,body.dialog-open .footer-tabbar,body.dialog-open .float-right .float-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.dark body.modal-open,html.dark body.dialog-open,body.dark-theme.modal-open,body.dark-theme.dialog-open{--blur-bg: #37383a;--header-bg: #37383a}@media(min-width:992px){:root{--container: 960px}}@media(min-width:1200px){:root{--container: 1140px}}@media(min-width:1400px){:root{--container: 1200px}}html.dark,body.dark-theme{--color-ink: #f8fafc;--color-ink-2: #e5eef7;--color-ink-3: #b4b6bb;--color-ink-4: #888a8f;--surface-page: #292a2d;--surface-1: #323335;--surface-2: #2d2e31;--surface-3: #3a3c42;--surface-4: #26282d;--color-line: rgba(114, 114, 114, .1);--color-line-soft: rgba(184, 184, 184, .02);--color-line-stronger: rgba(255, 255, 255, .12);--color-primary-soft: rgba(240, 68, 148, .16);--color-primary-softer: rgba(240, 68, 148, .08);--color-primary-light: var(--color-primary-soft);--color-surface: var(--surface-1);--color-line-strong: var(--color-line);--color-bg-hover: var(--surface-2);--color-border-light: var(--color-line-soft);--color-fill: var(--surface-2);--text-secondary: var(--color-ink-3);--text-tertiary: var(--color-ink-4);--surface-active: var(--surface-2);--surface-card: var(--surface-1);--surface-hover: var(--surface-2);--surface-secondary: var(--surface-2);--shadow-xl: 0 0 10px rgba(24, 24, 24, .18);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .18);--shadow-sm: 0 0 10px rgba(24, 24, 24, .1);--shadow: 0 0 10px rgba(24, 24, 24, .14);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .32);--shadow-drawer: 0 20px 60px rgba(0, 0, 0, .6);--blur-bg: rgba(50, 51, 53, .8);--float-btn-bg: rgba(70, 70, 70, .4);--header-bg: var(--blur-bg);--footer-bg: var(--surface-1);--footer-color: var(--color-ink-4);--shadow-md: var(--shadow);--aksrt-rose-soft: rgba(244, 63, 94, .18);--aksrt-blue-soft: rgba(59, 130, 246, .18);--aksrt-green-soft: rgba(16, 185, 129, .18);--aksrt-orange-soft:rgba(249, 115, 22, .18);--aksrt-purple-soft:rgba(139, 92, 246, .18);--aksrt-cyan-soft: rgba(6, 182, 212, .18);--aksrt-yellow-soft:rgba(234, 179, 8, .18);--aksrt-red-soft: rgba(239, 68, 68, .18);--aksrt-teal-soft: rgba(20, 184, 166, .18);--aksrt-indigo-soft:rgba(99, 102, 241, .18);--aksrt-pink-soft: rgba(236, 72, 153, .18)}html.dark .site-nav,body.dark-theme .site-nav{border-bottom-color:var(--color-line);box-shadow:none}html.dark .footer-tabbar,body.dark-theme .footer-tabbar{background:#323335cc;box-shadow:0 -1px 3px #0003}html.dark .n-drawer,html.dark .n-modal,html.dark .n-dialog,body.dark-theme .n-drawer,body.dark-theme .n-modal,body.dark-theme .n-dialog{background:var(--surface-1)}html.dark .post-card,html.dark .widget,html.dark .aksrt-theme-box,html.dark .theme-box,body.dark-theme .post-card,body.dark-theme .widget,body.dark-theme .aksrt-theme-box,body.dark-theme .theme-box{border-color:transparent}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);background-color:var(--surface-page);color:var(--color-ink-2);transition:background-color .25s ease,color .25s ease;overflow-x:hidden}img,picture,video,canvas{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--color-primary)}:focus{outline:none}::selection{background:var(--color-primary-soft);color:var(--color-ink)}.screen-reader-text,.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus,.sr-only:focus{position:fixed!important;top:16px;left:16px;width:auto;height:auto;padding:8px 16px;background:var(--surface-1);color:var(--color-ink);z-index:100000;clip:auto;box-shadow:var(--shadow-lg);border-radius:var(--radius)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{font-weight:700;margin:20px 0 10px;color:var(--key-color, #333)}h1{font-size:22px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:15px}h6{font-size:14px}.wp-posts-content,.entry-content,.prose{font-size:16px;line-height:2;color:var(--main-color, #4e5358);min-height:90px}.wp-posts-content h1,.wp-posts-content h2,.wp-posts-content h3,.wp-posts-content h4,.wp-posts-content h5,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.prose h1,.prose h2,.prose h3,.prose h4,.prose h5{font-weight:700;margin:20px 0 10px;color:var(--key-color, #333)}.wp-posts-content h1,.entry-content h1,.prose h1{font-size:22px}.wp-posts-content h2,.entry-content h2,.prose h2{font-size:20px}.wp-posts-content h3,.entry-content h3,.prose h3{font-size:18px}.wp-posts-content h4,.entry-content h4,.prose h4{font-size:16px}.wp-posts-content p,.entry-content p,.prose p{margin:0 0 20px;word-wrap:break-word}.wp-posts-content a,.entry-content a,.prose a{color:var(--focus-color, #f04494);text-decoration:none}.wp-posts-content a:hover,.entry-content a:hover,.prose a:hover{color:var(--focus-color, #f04494)}.wp-posts-content img,.entry-content img,.prose img{max-width:100%;height:auto;display:block;margin:auto}.wp-posts-content code:not(pre code),.entry-content code:not(pre code),.prose code:not(pre code){color:#ff3c98;background:#fd999933;font-family:var(--font-mono, monospace);font-size:.9em}.wp-posts-content pre,.entry-content pre,.prose pre{position:relative;background:#282c34;color:#abb2bf;padding:15px;border-radius:var(--main-radius, 8px);overflow-x:auto;font-size:14px;line-height:1.5;margin:0 0 20px}.wp-posts-content pre code,.entry-content pre code,.prose pre code{color:inherit;background:none;padding:0;font-size:inherit}.wp-posts-content table,.entry-content table,.prose table{font-size:14px;width:100%;border-collapse:collapse;margin:0 0 20px}.wp-posts-content th,.wp-posts-content td,.entry-content th,.entry-content td,.prose th,.prose td{border:1px solid var(--main-border-color, rgba(50, 50, 50, .06));padding:8px}.wp-posts-content th,.entry-content th,.prose th{background:var(--muted-border-color, rgba(0, 0, 0, .03));font-weight:700}.wp-posts-content tr:hover,.entry-content tr:hover,.prose tr:hover{background-color:#f044940d}.wp-posts-content ul,.wp-posts-content ol,.entry-content ul,.entry-content ol,.prose ul,.prose ol{margin:10px 0 20px 15px;padding-left:15px}.wp-posts-content li,.entry-content li,.prose li{margin-bottom:10px}.wp-posts-content blockquote,.entry-content blockquote,.prose blockquote{padding:15px 20px;margin:0 0 20px;border-left:4px solid var(--main-border-color, rgba(50, 50, 50, .06));background:var(--muted-border-color, rgba(0, 0, 0, .03));font-size:16px;color:var(--muted-color, #777);border-radius:0}.wp-posts-content blockquote p:last-child,.entry-content blockquote p:last-child,.prose blockquote p:last-child{margin-bottom:0}hr{border-color:var(--main-border-color, rgba(50, 50, 50, .06))}strong,b{font-weight:700}.btn,.btn-primary,.btn-outline,.btn-ghost,.btn-danger{--btn-h: 34px;--btn-px: 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--btn-h);padding:0 var(--btn-px);font-size:var(--text-sm);font-weight:400;line-height:1.44;border:1px solid transparent;border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;user-select:none;text-decoration:none;box-shadow:none;transition:opacity .15s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn-sm{--btn-h: 28px;--btn-px: 8px;font-size:var(--text-xs)}.btn-lg{--btn-h: 44px;--btn-px: 18px;font-size:var(--text-md)}.btn{background:#8888881a;color:#888;border-color:transparent}.btn:hover{opacity:.8;color:#888}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:none}.btn-primary:hover{opacity:.8;color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary);transform:none;box-shadow:none}.btn-primary:active{opacity:1;box-shadow:inset 0 2px 3px #00000014}.btn-outline{background:transparent;color:var(--color-ink-2);border-color:var(--color-ink-2)}.btn-outline:hover{opacity:.8;background:transparent;border-color:var(--color-ink-2);color:var(--color-ink-2)}.btn-ghost{background:transparent;color:var(--color-ink-2);border-color:transparent}.btn-ghost:hover{background:#8888881a;opacity:.8}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover{opacity:.8;color:#fff}.btn:disabled,.btn-primary:disabled,.btn-outline:disabled,.btn-ghost:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-icon{width:var(--btn-h);padding:0;justify-content:center}.btn-icon.btn-sm{width:28px}.btn-icon.btn-lg{width:44px}.btn-block{display:block;width:100%}.but,.badg{display:inline-block;vertical-align:middle;padding:.3em .6em;text-align:center;font-weight:400;line-height:1.44;border-radius:4px;border:1px solid var(--this-border);box-shadow:var(--this-shadow);background:var(--this-bg);color:var(--this-color);--main-color: var(--this-color);--this-bg: rgba(136, 136, 136, .1);--this-border: transparent;--this-shadow: none;--this-color: #888;text-shadow:0 0 0;transition:.15s;cursor:pointer}.but a{color:inherit}.but .icon,.but>.fa:not(.fa-angle-right),.but>i[class*=fa-]:not(.fa-angle-right){margin-right:.25em}.but.block{display:block}.but:focus,.but:hover{opacity:.8;color:var(--this-color)}.but:active{--this-shadow: inset 0 2px 3px rgba(0, 0, 0, .08)}.but.radius,.badg.radius,.radius>.but{border-radius:50px;padding:.3em 1em}.but.main-radius,.badg.main-radius{border-radius:var(--main-radius)}.but.mini-radius,.badg.mini-radius{border-radius:var(--mini-radius)}.but.hollow,.badg.hollow{background:transparent;--this-border: var(--this-color)}.but.hollow:hover{background:var(--this-bg)}.badg.hollow[class*=b-],.but.hollow[class*=b-]{background:0 0;--this-border: var(--this-bg);--this-color: var(--this-bg)}.but.hollow[class*=b-]:hover{color:#fff}.but.hollow.c-white:hover{background:0 0;--this-color: var(--focus-color);color:var(--focus-color)}.circular,.badg.cir,.but.cir{padding:0;border-radius:5em;--this-size: 1.8em;display:inline-flex;justify-content:center;align-items:center;height:var(--this-size);min-width:var(--this-size)}.circular.radius4,.badg.cir.radius4,.but.cir.radius4{border-radius:4px}.but.cir svg.icon,.but.cir>.fa,.but.cir>.fa:not(.fa-angle-right),.but.cir>i[class*=fa-]:not(.fa-angle-right){margin:0}.but-group{display:inline-flex}.but-group>.but{border-radius:0;margin:0}.but-group>.but:first-of-type{border-radius:4px 0 0 4px}.but-group>.but:last-of-type{border-radius:0 4px 4px 0}.but-average{display:flex;border-radius:4px;overflow:hidden}.but-average.inline{display:inline-flex}.but-average.radius{border-radius:100px}.but-average.main-radius{border-radius:var(--main-radius)}.but-average.mini-radius{border-radius:var(--mini-radius)}.but-average>.but{margin:0!important;border-radius:0;flex:auto}.but-average>.but.active{--this-bg: var(--focus-color-opacity1);--this-color: var(--focus-color)}.but.but-sm{font-size:.9em;padding:.1em .4em;vertical-align:.05em}.but.badg-sm,.badg.badg-sm{font-size:.8em;padding:0 .2em;vertical-align:.1em;min-width:1.6em}.badg.badg-sm.cir{--this-size: 1.6em}.padding-lg,.badg.badg-lg,.but.padding-lg{padding:.5em 2em}.active.badg,.active>.badg:not(.vip-tag){--this-bg: var(--focus-color);--this-color: #fff}.active.badg.hollow,.active>.hollow:not(.vip-tag){--this-color: var(--focus-color)}.toggle-radius{background:var(--this-bg);width:29px;height:29px;display:inline-block;text-align:center;border-radius:100%;position:relative;vertical-align:text-top;--this-bg: var(--main-border-color)}.toggle-radius .fa,.toggle-radius .icon,.toggle-radius>i{position:absolute;top:50%;right:0!important;left:0!important;margin:auto;transform:translateY(-50%);line-height:1;width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center;text-align:center}.b-gray,.b-theme,.b-red,.b-yellow,.b-blue,.b-blue-2,.b-black,.b-cyan,.b-green,.b-purple,.jb-red,.jb-pink,.jb-yellow,.jb-blue,.jb-green,.jb-purple,.jb-vip1,.jb-vip2{color:var(--this-color);background:var(--this-bg);--this-color: #fff}.jb-red,.jb-pink,.jb-yellow,.jb-blue,.jb-green,.jb-purple,.jb-vip1,.jb-vip2{border:none}.b-theme{--this-bg: var(--focus-color)}.b-gray{--this-bg: #818b95}.b-red{--this-bg: #ff5473}.b-yellow{--this-bg: #ff6f06}.b-cyan{--this-bg: #08c4c1}.b-blue{--this-bg: #2997f7}.b-blue-2{--this-bg: #5c7cff}.b-green{--this-bg: #12b928}.b-purple{--this-bg: #d448f5}.b-black{--this-bg: #121517}.jb-red{--this-bg: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)}.jb-yellow{--this-bg: linear-gradient(135deg, #f59f54 10%, #ff6922 100%)}.jb-blue{--this-bg: linear-gradient(135deg, #59c3fb 10%, #268df7 100%)}.jb-green{--this-bg: linear-gradient(135deg, #60e464 10%, #5cb85b 100%)}.jb-purple{--this-bg: linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)}.jb-pink{--this-bg: linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%)}.jb-vip1{--this-bg: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);--this-color: #866127}.jb-vip2{--this-bg: linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);--this-color: #ddd}.c-theme,.c-gray,.c-white,.c-red,.c-red-2,.c-yellow,.c-blue,.c-blue-2,.c-green,.c-cyan,.c-purple{color:var(--this-color)}.c-theme{--this-color: var(--focus-color);--this-bg: var(--focus-color-opacity1)}.c-gray{--this-color: #888;--this-bg: rgba(136, 136, 136, .1)}.c-white{--this-color: #fff;--this-bg: rgba(255, 255, 255, .1)}.c-red{--this-color: #ff5473;--this-bg: rgba(255, 84, 115, .1)}.c-red-2{--this-color: #d6064c;--this-bg: rgba(194, 41, 46, .1)}.c-yellow{--this-color: #ff6f06;--this-bg: rgba(255, 111, 6, .1)}.c-blue{--this-color: #2997f7;--this-bg: rgba(41, 151, 247, .1)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.field-label{font-size:var(--text-sm);font-weight:600;color:var(--color-ink)}.field-help{font-size:var(--text-xs);color:var(--color-ink-3)}.field-error{font-size:var(--text-xs);color:var(--color-error)}.input,.textarea,.select,input[type=text].form-input,input[type=email].form-input,input[type=password].form-input,input[type=search].form-input,input[type=url].form-input,input[type=tel].form-input,textarea.form-textarea,select.form-select{width:100%;height:34px;padding:6px 12px;font-size:14px;color:var(--color-ink);background:var(--surface-page);border:1px solid transparent;border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.textarea,textarea.form-textarea{height:auto;min-height:120px;padding:12px;line-height:var(--leading-snug);resize:vertical}.input:hover,.textarea:hover,.select:hover{border-color:var(--color-primary)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 2px 3px #fd53a166}.input::placeholder,.textarea::placeholder{color:var(--color-ink-4)}.select,select.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23777' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.checkbox,.radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--text-sm);color:var(--color-ink-2)}.checkbox input,.radio input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.input-group{display:flex;align-items:stretch}.input-group .input{border-radius:var(--radius) 0 0 var(--radius)}.input-group .btn{border-radius:0 var(--radius) var(--radius) 0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-snug);border-radius:var(--radius);border:1px solid transparent}.alert>svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.alert--error{color:#b91c1c;background:#ef444414;border-color:#ef44444d}.alert--warning{color:#b45309;background:#f59e0b14;border-color:#f59e0b4d}.alert--success{color:#047857;background:#10b98114;border-color:#10b9814d}.alert--info{color:#1d4ed8;background:#3b82f614;border-color:#3b82f64d}html.dark .alert--error{color:#fca5a5}html.dark .alert--warning{color:#fcd34d}html.dark .alert--success{color:#6ee7b7}html.dark .alert--info{color:#93c5fd}@keyframes aksrtFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes aksrtFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}@keyframes aksrtFadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}@keyframes aksrtFadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes aksrtZoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes aksrtZoomInUp{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:none}}@keyframes aksrtBounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:none}}@keyframes aksrtBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-6px)}}@keyframes aksrtPulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes aksrtFlash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes aksrtRubberBand{0%{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}to{transform:scale(1)}}@keyframes aksrtShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes aksrtSwing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:none}}@keyframes aksrtTada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes aksrtWobble{0%{transform:none}15%{transform:translate(-25%) rotate(-5deg)}30%{transform:translate(20%) rotate(3deg)}45%{transform:translate(-15%) rotate(-3deg)}60%{transform:translate(10%) rotate(2deg)}75%{transform:translate(-5%) rotate(-1deg)}to{transform:none}}@keyframes aksrtSlideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes aksrtSlideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes aksrtSlideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:none}}@keyframes aksrtSlideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:none}}@keyframes aksrtHeartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes aksrtJello{0%,to{transform:none}11%{transform:skew(-12.5deg) skewY(-12.5deg)}22%{transform:skew(6.25deg) skewY(6.25deg)}33%{transform:skew(-6.25deg) skewY(-6.25deg)}44%{transform:skew(3.125deg) skewY(3.125deg)}55%{transform:skew(-3.125deg) skewY(-3.125deg)}66%{transform:skew(1.5625deg) skewY(1.5625deg)}77%{transform:skew(-1.5625deg) skewY(-1.5625deg)}88%{transform:skew(.78125deg) skewY(.78125deg)}}@keyframes aksrtHeadShake{0%{transform:translate(0)}6.5%{transform:translate(-6px) rotateY(-9deg)}18.5%{transform:translate(5px) rotateY(7deg)}31.5%{transform:translate(-3px) rotateY(-5deg)}43.5%{transform:translate(2px) rotateY(3deg)}50%{transform:translate(0)}to{transform:translate(0)}}@keyframes aksrtBounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{transform:scale(1.1)}75%{transform:scale(.97)}to{transform:scale(1);opacity:0}}@keyframes aksrtZoomOut{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.85)}}@keyframes aksrtBackInUp{0%{opacity:0;transform:translateY(30px) scale(.7)}80%{opacity:.8;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:none}}@keyframes aksrtBackInDown{0%{opacity:0;transform:translateY(-30px) scale(.7)}80%{opacity:.8;transform:translateY(5px) scale(1.02)}to{opacity:1;transform:none}}@keyframes aksrtFlip{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes aksrtFlipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{transform:perspective(400px) rotateX(0);opacity:1}}.aksrt-anim-fade-in{animation:aksrtFadeIn var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-fade-up{animation:aksrtFadeInUp var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-fade-down{animation:aksrtFadeInDown var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-fade-left{animation:aksrtFadeInLeft var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-fade-right{animation:aksrtFadeInRight var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-zoom-in{animation:aksrtZoomIn var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-zoom-in-up{animation:aksrtZoomInUp var(--dur-base, .4s) var(--ease-out, ease) both}.aksrt-anim-bounce-in{animation:aksrtBounceIn .6s var(--ease-out, ease) both}.aksrt-anim-bounce{animation:aksrtBounce 1s ease both}.aksrt-anim-pulse{animation:aksrtPulse 1s ease infinite}.aksrt-anim-flash{animation:aksrtFlash 1s ease both}.aksrt-anim-rubber-band{animation:aksrtRubberBand .8s ease both}.aksrt-anim-shake{animation:aksrtShake .5s ease both}.aksrt-anim-swing{animation:aksrtSwing .6s var(--ease-out, ease) both}.aksrt-anim-tada{animation:aksrtTada 1s ease both}.aksrt-anim-wobble{animation:aksrtWobble .8s ease both}.aksrt-anim-heart-beat{animation:aksrtHeartBeat 1.3s ease both}.aksrt-anim-jello{animation:aksrtJello .8s ease both}.aksrt-anim-head-shake{animation:aksrtHeadShake .8s ease both}.aksrt-anim-bounce-out{animation:aksrtBounceOut .5s ease both}.aksrt-anim-zoom-out{animation:aksrtZoomOut .3s ease both}.aksrt-anim-back-in-up{animation:aksrtBackInUp .5s var(--ease-out, ease) both}.aksrt-anim-back-in-down{animation:aksrtBackInDown .5s var(--ease-out, ease) both}.aksrt-anim-slide-up{animation:aksrtSlideInUp .5s var(--ease-out, ease) both}.aksrt-anim-slide-down{animation:aksrtSlideInDown .5s var(--ease-out, ease) both}.aksrt-anim-slide-left{animation:aksrtSlideInLeft .5s var(--ease-out, ease) both}.aksrt-anim-slide-right{animation:aksrtSlideInRight .5s var(--ease-out, ease) both}.aksrt-anim-flip{animation:aksrtFlip .6s var(--ease-out, ease) both}.aksrt-anim-flip-x{animation:aksrtFlipInX .6s var(--ease-out, ease) both}.aksrt-anim-fast{--dur-base: .2s}.aksrt-anim-slow{--dur-base: .6s}.aksrt-anim-delay-1{animation-delay:.1s}.aksrt-anim-delay-2{animation-delay:.2s}.aksrt-anim-delay-3{animation-delay:.3s}.aksrt-anim-delay-4{animation-delay:.4s}.aksrt-anim-delay-5{animation-delay:.5s}.aksrt-anim-delay-6{animation-delay:.6s}.aksrt-anim-delay-7{animation-delay:.7s}.aksrt-anim-delay-8{animation-delay:.8s}.aksrt-anim-infinite{animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.aksrt-anim-fade-in,.aksrt-anim-fade-up,.aksrt-anim-fade-down,.aksrt-anim-fade-left,.aksrt-anim-fade-right,.aksrt-anim-zoom-in,.aksrt-anim-zoom-in-up,.aksrt-anim-bounce-in,.aksrt-anim-bounce,.aksrt-anim-pulse,.aksrt-anim-flash,.aksrt-anim-rubber-band,.aksrt-anim-shake,.aksrt-anim-swing,.aksrt-anim-tada,.aksrt-anim-wobble,.aksrt-anim-heart-beat,.aksrt-anim-jello,.aksrt-anim-head-shake,.aksrt-anim-bounce-out,.aksrt-anim-zoom-out,.aksrt-anim-back-in-up,.aksrt-anim-back-in-down,.aksrt-anim-slide-up,.aksrt-anim-slide-down,.aksrt-anim-slide-left,.aksrt-anim-slide-right,.aksrt-anim-flip,.aksrt-anim-flip-x{animation:none!important}}.aksrt-timeline{position:relative;padding-left:28px;margin:0;list-style:none}.aksrt-timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:var(--color-line, rgba(50, 50, 50, .1));border-radius:1px}.aksrt-timeline__item{position:relative;padding-bottom:24px}.aksrt-timeline__item:last-child{padding-bottom:0}.aksrt-timeline__dot{position:absolute;left:-24px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--color-primary);border:2px solid var(--surface-1, #fff);box-shadow:0 0 0 2px var(--color-primary-soft, rgba(240, 68, 148, .12));z-index:1}.aksrt-timeline__dot--outline{background:var(--surface-1, #fff);border:2px solid var(--color-primary);box-shadow:none}.aksrt-timeline__dot--muted{background:var(--color-ink-4, #999);box-shadow:0 0 0 2px var(--surface-2, #eee)}.aksrt-timeline__time{display:block;font-size:12px;color:var(--color-ink-4, #999);margin-bottom:4px}.aksrt-timeline__title{font-weight:600;color:var(--color-ink, #333);margin-bottom:4px}.aksrt-timeline__content{font-size:14px;color:var(--color-ink-3, #777);line-height:1.6}.aksrt-steps{display:flex;align-items:flex-start;gap:0;margin:0;padding:0;list-style:none;counter-reset:aksrt-step}.aksrt-steps__item{flex:1;position:relative;text-align:center;counter-increment:aksrt-step}.aksrt-steps__item:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:var(--color-line, rgba(50, 50, 50, .1))}.aksrt-steps__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--surface-2, #eee);color:var(--color-ink-3, #777);font-size:14px;font-weight:700;margin:0 auto 8px;position:relative;z-index:1}.aksrt-steps__item--active .aksrt-steps__icon{background:var(--color-primary);color:var(--color-on-primary, #fff)}.aksrt-steps__item--done .aksrt-steps__icon{background:var(--color-success);color:#fff}.aksrt-steps__item--done:not(:last-child):after{background:var(--color-success)}.aksrt-steps__label{font-size:13px;font-weight:600;color:var(--color-ink-3, #777)}.aksrt-steps__item--active .aksrt-steps__label{color:var(--color-primary)}.aksrt-steps__item--done .aksrt-steps__label{color:var(--color-success)}.aksrt-steps--vertical{flex-direction:column;gap:0;padding-left:20px}.aksrt-steps--vertical .aksrt-steps__item{text-align:left;padding-left:28px;padding-bottom:20px}.aksrt-steps--vertical .aksrt-steps__item:not(:last-child):after{top:34px;left:36px;right:auto;width:2px;height:calc(100% - 34px)}.aksrt-steps--vertical .aksrt-steps__icon{position:absolute;left:0;margin:0}.aksrt-img-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:var(--radius, 8px);overflow:hidden}.aksrt-img-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block;cursor:pointer;transition:transform .2s ease}.aksrt-img-grid img:hover{transform:scale(1.03)}.aksrt-img-grid--2{grid-template-columns:repeat(2,1fr)}.aksrt-img-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:480px){.aksrt-img-grid--4{grid-template-columns:repeat(3,1fr)}}.aksrt-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;user-select:none;gap:8px}.aksrt-toggle__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.aksrt-toggle__track{position:relative;width:var(--aksrt-toggle-w, 44px);height:var(--aksrt-toggle-h, 24px);background:var(--surface-3, #e8e8e8);border-radius:var(--aksrt-toggle-h, 24px);transition:background .2s ease;flex-shrink:0}.aksrt-toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:calc(var(--aksrt-toggle-h, 24px) - 4px);height:calc(var(--aksrt-toggle-h, 24px) - 4px);background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s ease}.aksrt-toggle__input:checked+.aksrt-toggle__track{background:var(--color-primary)}.aksrt-toggle__input:checked+.aksrt-toggle__track:after{transform:translate(calc(var(--aksrt-toggle-w, 44px) - var(--aksrt-toggle-h, 24px)))}.aksrt-toggle__input:focus-visible+.aksrt-toggle__track{box-shadow:var(--focus-ring, 0 0 2px 3px rgba(253, 83, 161, .4))}.aksrt-toggle__input:disabled+.aksrt-toggle__track{opacity:.5;cursor:not-allowed}.aksrt-toggle__label{font-size:14px;color:var(--color-ink-2, #4e5358)}.aksrt-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.aksrt-checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.aksrt-checkbox__box{position:relative;width:18px;height:18px;border:2px solid var(--color-line, rgba(50, 50, 50, .15));border-radius:4px;background:var(--surface-1, #fff);transition:background .15s ease,border-color .15s ease;flex-shrink:0}.aksrt-checkbox__box:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) scale(0);transition:transform .15s ease}.aksrt-checkbox__input:checked+.aksrt-checkbox__box{background:var(--color-primary);border-color:var(--color-primary)}.aksrt-checkbox__input:checked+.aksrt-checkbox__box:after{transform:rotate(45deg) scale(1)}.aksrt-checkbox__input:focus-visible+.aksrt-checkbox__box{box-shadow:var(--focus-ring, 0 0 2px 3px rgba(253, 83, 161, .4))}.aksrt-checkbox__input:disabled+.aksrt-checkbox__box{opacity:.5;cursor:not-allowed}.aksrt-checkbox__label{font-size:14px;color:var(--color-ink-2, #4e5358)}.aksrt-stepper{display:inline-flex;align-items:center;border:1px solid var(--color-line, rgba(50, 50, 50, .1));border-radius:var(--radius, 8px);overflow:hidden;height:var(--aksrt-stepper-h, 36px)}.aksrt-stepper__btn{display:flex;align-items:center;justify-content:center;width:var(--aksrt-stepper-h, 36px);height:100%;background:var(--surface-2, #eee);color:var(--color-ink-2, #4e5358);border:none;cursor:pointer;font-size:16px;font-weight:600;transition:background .15s ease,color .15s ease;user-select:none}.aksrt-stepper__btn:hover{background:var(--surface-3, #e8e8e8);color:var(--color-ink, #333)}.aksrt-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.aksrt-stepper__input{width:48px;height:100%;border:none;text-align:center;font-size:14px;font-weight:600;color:var(--color-ink, #333);background:var(--surface-1, #fff);-moz-appearance:textfield}.aksrt-stepper__input::-webkit-outer-spin-button,.aksrt-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.aksrt-stepper__input:focus{outline:none;background:var(--color-primary-softer, rgba(240, 68, 148, .05))}.aksrt-avatar--xs{width:var(--aksrt-avatar-size-xs);height:var(--aksrt-avatar-size-xs)}.aksrt-avatar--sm{width:var(--aksrt-avatar-size-sm);height:var(--aksrt-avatar-size-sm)}.aksrt-avatar{width:var(--aksrt-avatar-size);height:var(--aksrt-avatar-size)}.aksrt-avatar--lg{width:var(--aksrt-avatar-size-lg);height:var(--aksrt-avatar-size-lg)}.aksrt-avatar--xl{width:var(--aksrt-avatar-size-xl);height:var(--aksrt-avatar-size-xl)}img.avatar,img.avatar-mini,img.avatar-md,img.avatar-lg,.avatar-img img{border-radius:var(--radius-avatar, 50%);object-fit:cover}.aksrt-ripple{position:relative;overflow:hidden}.aksrt-ripple__wave{position:absolute;border-radius:50%;background:#ffffff59;transform:scale(0);animation:aksrtRippleWave .6s ease-out forwards;pointer-events:none}@keyframes aksrtRippleWave{to{transform:scale(4);opacity:0}}.aksrt-wave{position:absolute!important;border-radius:50%;background:#ffffff59;pointer-events:none!important;z-index:1;transform:scale(0);animation:aksrtWaveRipple .6s ease-out forwards}@keyframes aksrtWaveRipple{to{transform:scale(1);opacity:0}}.modal-stacked .modal-dialog{transition:transform .25s var(--ease, ease),filter .25s ease}.modal-stacked .modal-dialog.modal-behind{transform:scale(.92);filter:brightness(.85);pointer-events:none}.aksrt-btn--rose{background:var(--aksrt-rose);color:#fff}.aksrt-btn--rose:hover,.aksrt-btn--rose:focus-visible{background:#e11d48}.aksrt-btn--blue{background:var(--aksrt-blue);color:#fff}.aksrt-btn--blue:hover,.aksrt-btn--blue:focus-visible{background:#2563eb}.aksrt-btn--green{background:var(--aksrt-green);color:#fff}.aksrt-btn--green:hover,.aksrt-btn--green:focus-visible{background:#059669}.aksrt-btn--orange{background:var(--aksrt-orange);color:#fff}.aksrt-btn--orange:hover,.aksrt-btn--orange:focus-visible{background:#ea580c}.aksrt-btn--purple{background:var(--aksrt-purple);color:#fff}.aksrt-btn--purple:hover,.aksrt-btn--purple:focus-visible{background:#7c3aed}.aksrt-btn--cyan{background:var(--aksrt-cyan);color:#fff}.aksrt-btn--cyan:hover,.aksrt-btn--cyan:focus-visible{background:#0891b2}.aksrt-btn--yellow{background:var(--aksrt-yellow);color:#422006}.aksrt-btn--yellow:hover,.aksrt-btn--yellow:focus-visible{background:#ca8a04;color:#fff}.aksrt-btn--red{background:var(--aksrt-red);color:#fff}.aksrt-btn--red:hover,.aksrt-btn--red:focus-visible{background:#dc2626}.aksrt-btn--teal{background:var(--aksrt-teal);color:#fff}.aksrt-btn--teal:hover,.aksrt-btn--teal:focus-visible{background:#0d9488}.aksrt-btn--indigo{background:var(--aksrt-indigo);color:#fff}.aksrt-btn--indigo:hover,.aksrt-btn--indigo:focus-visible{background:#4f46e5}.aksrt-btn--pink{background:var(--aksrt-pink);color:#fff}.aksrt-btn--pink:hover,.aksrt-btn--pink:focus-visible{background:#db2777}.aksrt-btn--rose-soft{background:var(--aksrt-rose-soft);color:var(--aksrt-rose)}.aksrt-btn--blue-soft{background:var(--aksrt-blue-soft);color:var(--aksrt-blue)}.aksrt-btn--green-soft{background:var(--aksrt-green-soft);color:var(--aksrt-green)}.aksrt-btn--orange-soft{background:var(--aksrt-orange-soft);color:var(--aksrt-orange)}.aksrt-btn--purple-soft{background:var(--aksrt-purple-soft);color:var(--aksrt-purple)}.aksrt-btn--cyan-soft{background:var(--aksrt-cyan-soft);color:var(--aksrt-cyan)}.aksrt-btn--yellow-soft{background:var(--aksrt-yellow-soft);color:#92400e}.aksrt-btn--red-soft{background:var(--aksrt-red-soft);color:var(--aksrt-red)}.aksrt-btn--teal-soft{background:var(--aksrt-teal-soft);color:var(--aksrt-teal)}.aksrt-btn--indigo-soft{background:var(--aksrt-indigo-soft);color:var(--aksrt-indigo)}.aksrt-btn--pink-soft{background:var(--aksrt-pink-soft);color:var(--aksrt-pink)}.aksrt-btn--grad-vip{background:linear-gradient(135deg,var(--aksrt-vip-gold-1),var(--aksrt-vip-gold-2));color:#5a3d00;border:none}.aksrt-btn--grad-sunset{background:linear-gradient(135deg,var(--aksrt-grad-sunset-1),var(--aksrt-grad-sunset-2));color:#fff;border:none}.aksrt-btn--grad-ocean{background:linear-gradient(135deg,var(--aksrt-grad-ocean-1),var(--aksrt-grad-ocean-2));color:#fff;border:none}.aksrt-btn--grad-forest{background:linear-gradient(135deg,var(--aksrt-grad-forest-1),var(--aksrt-grad-forest-2));color:#064e3b;border:none}.aksrt-btn--grad-night{background:linear-gradient(135deg,var(--aksrt-grad-night-1),var(--aksrt-grad-night-2));color:#4c1d95;border:none}.aksrt-btn--grad-fire{background:linear-gradient(135deg,var(--aksrt-grad-fire-1),var(--aksrt-grad-fire-2));color:#fff;border:none}.aksrt-btn--grad-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-active));color:var(--color-on-primary);border:none}.aksrt-btn--grad-vip:hover,.aksrt-btn--grad-sunset:hover,.aksrt-btn--grad-ocean:hover,.aksrt-btn--grad-forest:hover,.aksrt-btn--grad-night:hover,.aksrt-btn--grad-fire:hover,.aksrt-btn--grad-primary:hover{filter:brightness(1.08);box-shadow:0 4px 16px #00000026}.aksrt-text-grad-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-active));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-text-grad-vip{background:linear-gradient(135deg,var(--aksrt-vip-gold-1),var(--aksrt-vip-gold-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-text-grad-sunset{background:linear-gradient(135deg,var(--aksrt-grad-sunset-1),var(--aksrt-grad-sunset-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-text-grad-ocean{background:linear-gradient(135deg,var(--aksrt-grad-ocean-1),var(--aksrt-grad-ocean-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-text-grad-forest{background:linear-gradient(135deg,var(--aksrt-grad-forest-1),var(--aksrt-grad-forest-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-text-grad-night{background:linear-gradient(135deg,var(--aksrt-grad-night-1),var(--aksrt-grad-night-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-text-grad-fire{background:linear-gradient(135deg,var(--aksrt-grad-fire-1),var(--aksrt-grad-fire-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aksrt-badge{display:inline-flex;align-items:center;justify-content:center;height:var(--aksrt-badge-h, 22px);padding:0 8px;border-radius:var(--radius-pill, 100px);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;vertical-align:middle}.aksrt-badge--primary{background:var(--color-primary-soft);color:var(--color-primary)}.aksrt-badge--success{background:#10b9811f;color:var(--color-success)}.aksrt-badge--warning{background:#f59e0b1f;color:var(--color-warning)}.aksrt-badge--error{background:#ef44441f;color:var(--color-error)}.aksrt-badge--info{background:#3b82f61f;color:var(--color-info)}.aksrt-badge--rose{background:var(--aksrt-rose-soft);color:var(--aksrt-rose)}.aksrt-badge--blue{background:var(--aksrt-blue-soft);color:var(--aksrt-blue)}.aksrt-badge--green{background:var(--aksrt-green-soft);color:var(--aksrt-green)}.aksrt-badge--orange{background:var(--aksrt-orange-soft);color:var(--aksrt-orange)}.aksrt-badge--purple{background:var(--aksrt-purple-soft);color:var(--aksrt-purple)}.aksrt-badge--cyan{background:var(--aksrt-cyan-soft);color:var(--aksrt-cyan)}.aksrt-badge--yellow{background:var(--aksrt-yellow-soft);color:#92400e}.aksrt-badge--red{background:var(--aksrt-red-soft);color:var(--aksrt-red)}.aksrt-badge--teal{background:var(--aksrt-teal-soft);color:var(--aksrt-teal)}.aksrt-badge--indigo{background:var(--aksrt-indigo-soft);color:var(--aksrt-indigo)}.aksrt-badge--pink{background:var(--aksrt-pink-soft);color:var(--aksrt-pink)}.aksrt-badge--grad-vip{background:linear-gradient(135deg,var(--aksrt-vip-gold-1),var(--aksrt-vip-gold-2));color:#5a3d00}.aksrt-badge--grad-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-active));color:var(--color-on-primary)}.aksrt-badge--solid-primary{background:var(--color-primary);color:#fff}.aksrt-badge--solid-success{background:var(--color-success);color:#fff}.aksrt-badge--solid-warning{background:var(--color-warning);color:#fff}.aksrt-badge--solid-error{background:var(--color-error);color:#fff}.aksrt-badge--solid-info{background:var(--color-info);color:#fff}.aksrt-badge--solid-rose{background:var(--aksrt-rose);color:#fff}.aksrt-badge--solid-blue{background:var(--aksrt-blue);color:#fff}.aksrt-badge--solid-green{background:var(--aksrt-green);color:#fff}.aksrt-badge--solid-orange{background:var(--aksrt-orange);color:#fff}.aksrt-badge--solid-purple{background:var(--aksrt-purple);color:#fff}.aksrt-badge--solid-cyan{background:var(--aksrt-cyan);color:#fff}.aksrt-badge--solid-yellow{background:var(--aksrt-yellow);color:#422006}.aksrt-badge--solid-red{background:var(--aksrt-red);color:#fff}.aksrt-badge--solid-teal{background:var(--aksrt-teal);color:#fff}.aksrt-badge--solid-indigo{background:var(--aksrt-indigo);color:#fff}.aksrt-badge--solid-pink{background:var(--aksrt-pink);color:#fff}.aksrt-badge--sm{height:18px;padding:0 6px;font-size:11px}.aksrt-badge--lg{height:28px;padding:0 12px;font-size:13px}.aksrt-bg-rose{background-color:var(--aksrt-rose-soft)}.aksrt-bg-blue{background-color:var(--aksrt-blue-soft)}.aksrt-bg-green{background-color:var(--aksrt-green-soft)}.aksrt-bg-orange{background-color:var(--aksrt-orange-soft)}.aksrt-bg-purple{background-color:var(--aksrt-purple-soft)}.aksrt-bg-cyan{background-color:var(--aksrt-cyan-soft)}.aksrt-bg-yellow{background-color:var(--aksrt-yellow-soft)}.aksrt-bg-red{background-color:var(--aksrt-red-soft)}.aksrt-bg-teal{background-color:var(--aksrt-teal-soft)}.aksrt-bg-indigo{background-color:var(--aksrt-indigo-soft)}.aksrt-bg-pink{background-color:var(--aksrt-pink-soft)}.aksrt-text-rose{color:var(--aksrt-rose)}.aksrt-text-blue{color:var(--aksrt-blue)}.aksrt-text-green{color:var(--aksrt-green)}.aksrt-text-orange{color:var(--aksrt-orange)}.aksrt-text-purple{color:var(--aksrt-purple)}.aksrt-text-cyan{color:var(--aksrt-cyan)}.aksrt-text-yellow{color:var(--aksrt-yellow)}.aksrt-text-red{color:var(--aksrt-red)}.aksrt-text-teal{color:var(--aksrt-teal)}.aksrt-text-indigo{color:var(--aksrt-indigo)}.aksrt-text-pink{color:var(--aksrt-pink)}html,body{overflow-x:clip}@supports not (overflow-x: clip){html,body{overflow-x:hidden}}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;z-index:9999;pointer-events:none;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transition:width .1s ease-out}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-ink-2);background-color:var(--surface-page)}a[href]{transition:color .2s,background .3s,opacity .3s,box-shadow .3s,transform .3s}.fa.fab{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.far{font-family:"Font Awesome 5 Free";font-weight:400}.skip-link{position:absolute;left:16px;top:12px;z-index:1100;padding:10px 14px;border-radius:999px;background:var(--color-primary);color:#fff;transform:translateY(-140%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}.site-wrapper{min-height:100vh;display:flex;flex-direction:column;font-size:var(--text-base);line-height:var(--leading-normal)}.site-main{flex:1}.container,main.container,.site-main.container{width:100%;max-width:var(--container, var(--mian-max-width, 1200px));margin-right:auto;margin-left:auto;padding-right:0;padding-left:0;--bs-gutter-x: 0;--bs-gutter-y: 0}.header-slider-search .line-form-input:focus,.header-slider-search .line-form-input:focus-visible{border:0;outline:0;box-shadow:none}.header-slider-search .line-form .abs-right{position:absolute;right:.7em;top:50%;transform:translateY(-50%);margin-top:0}@media(min-width:576px){.container,main.container{max-width:var(--container, var(--mian-max-width, 1200px))}}@media(min-width:768px){.container,main.container{max-width:var(--container, var(--mian-max-width, 1200px))}}@media(min-width:992px){.container,main.container{max-width:var(--container, var(--mian-max-width, 1200px))}}@media(min-width:1200px){.container,main.container{max-width:var(--container, var(--mian-max-width, 1200px))}}@media(min-width:1240px){.container,main.container,.fluid-widget-wrap .widget-container{width:auto;max-width:var(--container, var(--mian-max-width, 1200px))}}@media(min-width:1400px){.container,main.container{max-width:var(--container, var(--mian-max-width, 1200px))}}@media(max-width:991.98px){.container,main.container{padding-right:15px;padding-left:15px}}@media(max-width:767px){.container,main.container{width:100%;max-width:100%;padding-right:15px;padding-left:15px}}.aksrt-user-level-badge,.aksrt-user-level-icon,.aksrt-identity-medal,.aksrt-identity-certification-icon,.aksrt-header-user-medal{display:inline-flex;align-items:center;justify-content:center;width:auto;height:1.1em;max-width:6em;object-fit:contain;vertical-align:-.15em;flex:0 0 auto;box-sizing:border-box}.aksrt-user-level-badge{padding:0 .35em;font-size:.78em;line-height:1.1;white-space:nowrap}.aksrt-identity-medal--comment,.aksrt-user-level-icon--comment,.aksrt-header-user-medal--comment{height:1em;vertical-align:-.12em}.article-avatar name,.article-avatar .name,.user-name,.aksrt-author-hero__name,.uc-header__name,.aksrt-header-badges{flex-wrap:nowrap;white-space:nowrap}.user-card.author .user-name>name{overflow:visible}.user-card.author .user-name>name>.display-name,.user-card.widget .user-name>name>.display-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.user-card.author .user-name>name>.follow{flex-shrink:0}.aksrt-author-hero__name,.uc-header__name{display:inline-flex;align-items:center;gap:4px}.aksrt-author-hero__name-inner{display:inline-flex;align-items:center;gap:4px;min-width:0}.aksrt-ip-geo-badge{display:inline-flex;align-items:center;min-width:0;margin:2px 0;padding:.3em .6em;border:1px solid var(--color-line-soft, var(--main-border-color, rgba(136, 136, 136, .18)));border-radius:var(--mini-radius, 4px);background:var(--surface-2, rgba(136, 136, 136, .1));box-shadow:var(--shadow-xs, 0 1px 3px rgba(0, 0, 0, .08));color:var(--color-ink-3, #666);font-size:.92em;line-height:1.44;vertical-align:middle;box-sizing:border-box}.no-results{padding:48px 20px;text-align:center;color:var(--color-ink-3)}.header,.mobile-header,.navbar-search{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.42857143;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:auto}.navbar-logo>img{display:inline}.navbar-top .aksrt-nav-icon{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;border:1px solid transparent;border-radius:4px;user-select:none}.navbar-search .line-form-input:focus,.navbar-search .line-form-input:focus-visible{outline:0;box-shadow:none}.aksrt-header-userbox{color:var(--color-ink-2);line-height:1.42857143}.aksrt-header-userbox .muted-box.padding-6{background-color:var(--this-bg, var(--color-line-soft));border-radius:4px;padding:6px}.payvip-icon{background:linear-gradient(300deg,#4c4d51,#2a2a31 15%,#85858a 40%,#393a3c,#393838,#5e5f62);color:#ece0e0;--this-color: #ece0e0;border:none;text-shadow:none}.aksrt-header-userbox>.mt6.em09>.but.block{display:block;box-sizing:border-box;width:100%}.aksrt-nav-notification .aksrt-notification-badge{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border:2px solid var(--surface-1);border-radius:999px;background:#e74c3c;color:#fff;font-size:9px;font-weight:700;line-height:1}.navbar-top .aksrt-header-userbox .header-user-href>a,.aksrt-header-userbox .header-user-href>a{max-height:none}.mobile-navbar .aksrt-header-userbox{width:auto;max-width:400px;margin:auto}.aksrt-theme-box{border:none;border-radius:var(--radius, 8px);background:var(--surface-1);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.aksrt-theme-box:hover{box-shadow:var(--shadow)}.aksrt-box-bg{background-color:var(--surface-1);box-shadow:var(--shadow-sm)}.aksrt-box-body,.aksrt-box-header{padding:var(--card-padding)}.aksrt-box-header{border-bottom:1px solid var(--color-line-soft)}.aksrt-box-header+.aksrt-box-body{padding-top:0}.aksrt-box-body.notop,.aksrt-box-header.notop{padding-top:0}.aksrt-box-body.nobottom,.aksrt-box-header.nobottom{padding-bottom:0}.aksrt-muted-box{background-color:var(--surface-2);border-radius:var(--radius);padding:var(--card-padding)}.aksrt-noshadow{box-shadow:none!important}.theme-box,.mb20{margin-bottom:20px}.box-bg{background-color:var(--main-bg-color, var(--surface-1));box-shadow:0 0 10px var(--main-shadow, rgba(116, 116, 116, .08))}.box-body{padding:var(--card-padding)}.box-header{padding:var(--card-padding);border-bottom:1px solid var(--color-line-soft)}.box-header+.box-body{padding-top:0}.radius8{border-radius:var(--radius)}.main-shadow{box-shadow:0 0 10px var(--main-shadow, rgba(116, 116, 116, .08))}.main-bg{background:var(--main-bg-color, var(--surface-1))}.muted-box{background-color:var(--surface-2);border-radius:var(--radius);padding:var(--card-padding)}html.dark .aksrt-theme-box,body.dark-theme .aksrt-theme-box,html.dark .box-bg,body.dark-theme .box-bg{border-color:transparent;box-shadow:0 0 10px var(--main-shadow, rgba(0, 0, 0, .2))}html.dark .aksrt-theme-box:hover,body.dark-theme .aksrt-theme-box:hover{box-shadow:0 0 10px var(--main-shadow, rgba(0, 0, 0, .28))}.aksrt-theme-box{transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.aksrt-card-hover:hover,.aksrt-card-hover:focus-within{box-shadow:none;transform:none}.aksrt-card-hover-lg:hover,.aksrt-card-hover-lg:focus-within{box-shadow:var(--shadow-lg);transform:none}.aksrt-noshadow:hover{box-shadow:none!important;transform:none!important}.aksrt-panel{clear:both;background-color:var(--surface-1);padding:var(--card-padding);box-shadow:var(--shadow-sm);border-radius:var(--radius, 8px);margin-bottom:20px}.aksrt-blur-bg{-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);background:var(--blur-bg)}.site-nav--glass{-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);background:var(--blur-bg);border-bottom-color:transparent}.site-nav--glass.is-scrolled{box-shadow:var(--shadow-sm);border-bottom-color:var(--color-line-soft)}html.dark .site-nav--glass.is-scrolled{box-shadow:var(--shadow-sm)}.footer-tabbar--glass{-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);background:var(--blur-bg);box-shadow:0 -8px 24px #141c3014}html.dark .footer-tabbar--glass{box-shadow:0 -10px 28px #00000052}body.has-scrolled .site-nav--glass{box-shadow:0 4px 10px #141c300f}html.dark body.has-scrolled .site-nav--glass{box-shadow:0 4px 10px #00000040}.content-main{width:100%}.content-main--single{max-width:100%}.content-shell{width:100%;margin:0 auto;padding:32px 16px 48px;max-width:var(--container)}.site-main.content-shell.aksrt-profile{max-width:100%;box-sizing:border-box}.site-main.content-shell.aksrt-user-home{max-width:var(--container, 1440px);padding-top:0;box-sizing:border-box}@media(min-width:768px){.content-shell{padding:40px 24px 56px}}.content-shell--page{max-width:var(--container-page, 860px)}.content-shell--cms{max-width:100%;padding:0}.entry-page .entry-thumb{margin:0 0 var(--space-6, 24px);border-radius:var(--radius-lg, 12px);overflow:hidden}.entry-page .page-links{margin-top:var(--space-6, 24px);font-size:var(--text-sm, .875rem);color:var(--color-ink-3, var(--color-ink-3))}.entry-page .page-links-title{margin-right:8px;font-weight:600}main.container,main.content-shell,.site-main.container{position:relative}main.container.content-shell,main.content-shell.container,.site-main.container.content-shell{padding-left:0;padding-right:0;max-width:var(--container, var(--mian-max-width, 1200px));width:100%;box-sizing:border-box}main.container:after,main.content-shell:after,.site-main.container:after{content:"";display:table;clear:both}.content-wrap{float:left;width:100%;min-width:0;display:block;box-sizing:border-box}.content-layout{display:block;width:auto;min-width:0;max-width:none;margin-right:0;margin-left:0;box-sizing:border-box}.content-layout__primary{min-width:0;max-width:100%}.sidebar{float:left;width:311px;width:var(--sidebar-width, 311px);min-width:0;position:relative;box-sizing:border-box;display:block}.content-layout__aside{min-width:0}body.site-layout-1 .sidebar,.site-layout-1 .sidebar{display:none}body.site-layout-1 .content-layout,body.site-layout-1 .content-layout--no-sidebar,.site-layout-1 .content-layout{margin-left:0;margin-right:0}.content-layout--no-sidebar{margin-left:0!important;margin-right:0!important}body.site-layout-2 .content-layout,.site-layout-2 .content-layout{margin-right:326px;margin-right:calc(var(--sidebar-width, 311px) + 15px);margin-left:0;width:auto}body.site-layout-2 .sidebar,.site-layout-2 .sidebar{float:left;width:311px;width:var(--sidebar-width, 311px);margin-left:-311px;margin-left:calc(0px - var(--sidebar-width, 311px));position:unset}body.site-layout-3 .content-layout,.site-layout-3 .content-layout{margin-left:326px;margin-left:calc(var(--sidebar-width, 311px) + 15px);margin-right:unset;width:auto}body.site-layout-3 .sidebar,.site-layout-3 .sidebar{float:left;width:311px;width:var(--sidebar-width, 311px);margin-left:-100%;position:unset}@media(min-width:992px){.sidebar .content-layout__aside,.content-layout__aside{position:sticky;top:calc(var(--nav-height, 60px) + 16px)}.has-static-nav .content-layout__aside{top:16px}}@media(max-width:991.98px){body.site-layout-2 .content-layout,body.site-layout-3 .content-layout,.site-layout-2 .content-layout,.site-layout-3 .content-layout{margin-left:auto;margin-right:auto}body.site-layout-2 .sidebar,body.site-layout-3 .sidebar,.site-layout-2 .sidebar,.site-layout-3 .sidebar,.sidebar{display:none}}.page-header{margin-bottom:28px}.page-header .entry-title{margin-bottom:8px}.page-header p{color:var(--color-ink-3);margin:0;max-width:720px}body.category .site-main{line-height:1.42857143}.page-cover.aksrt-panel{padding:0 0 calc(25% + 80px)}.aksrt-admin-quicklink{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--color-line);border-radius:var(--radius-pill, 999px);background:var(--surface-2);color:var(--color-ink-2);text-decoration:none;white-space:nowrap;font-size:.875rem;font-weight:600}.aksrt-admin-quicklink:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft, rgba(59, 130, 246, .08))}.content-stream{display:block}.content-main--archive,.content-main--tag,.content-main--search,.content-main--single{display:grid;gap:20px}.content-stream__empty{padding:28px 24px;border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--color-line-soft, rgba(15, 23, 42, .08))}.article-shell{overflow:hidden}@media(max-width:767px){.aksrt-admin-quicklink{width:fit-content}}.aksrt-pagination-ajax{display:flex;flex-direction:column;align-items:center;gap:16px;margin:40px 0 8px}.aksrt-load-more-btn{min-width:180px;height:44px;padding:0 32px;border-radius:var(--radius-btn);border:1px solid var(--color-line);background:var(--surface-page);color:var(--color-ink);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.aksrt-load-more-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.aksrt-load-more-btn:disabled{opacity:.5;pointer-events:none}.aksrt-loading-indicator{display:none;align-items:center;gap:8px;font-size:14px;color:var(--color-ink-4)}.aksrt-loading-indicator i{font-size:16px}.aksrt-scroll-sentinel{width:100%;height:1px;pointer-events:none}@media(max-width:991px){.content-layout__aside{display:none}}.content-layout__primary--cms{min-width:0}.content-layout__aside .widget a{transition:color var(--dur-fast, .15s) var(--ease)}.content-layout__aside .widget a:hover{color:var(--color-primary)}.comments-card{overflow:hidden}:root{--aksrt-footer-tabbar-height: 49px}@media(max-width:767px){.hide-on-mobile,.hidden-xs{display:none!important}}@media(min-width:768px){.hide-on-desktop,.hide-on-pc{display:none!important}}.footer-tabbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1035;min-height:var(--aksrt-footer-tabbar-height);background:var(--blur-bg);border-top:1px solid var(--color-line-soft);padding:0 0 env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;box-shadow:0 -4px 5px var(--main-shadow, rgba(0, 0, 0, .06));-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);--tabbar-active-color: #f04494;--tabbar-icon-size: 24px;--tabbar-text-size: 10px}.footer-tabbar.no-border{border-top:none}.footer-tabbar.no-shadow{box-shadow:none}.footer-tabbar.hide-text .tabbar-item span{display:none}.footer-tabbar.has-animation .tabbar-item{transition:color .15s ease,transform .15s ease}.footer-tabbar.has-animation .tabbar-item:active{transform:scale(.9)}.footer-tabbar-placeholder{display:none;height:calc(var(--aksrt-footer-tabbar-height) + env(safe-area-inset-bottom,0px))}@media(max-width:767px){.footer-tabbar{display:flex}.footer-tabbar-placeholder{display:block}.footer,.site-footer{padding-bottom:calc(var(--aksrt-footer-tabbar-height) + env(safe-area-inset-bottom,0px))}}.tabbar-item{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:49px;padding:4px 0 3px;color:var(--muted-color, var(--color-ink-3));font-size:13px;text-decoration:none;border:none;background:none;cursor:pointer;transition:color .15s ease;-webkit-tap-highlight-color:transparent;position:relative}.tabbar-item i{font-size:var(--tabbar-icon-size, 24px);line-height:1}.tabbar-item span{display:block;font-size:var(--tabbar-text-size, 10px);font-weight:500;line-height:1;transform:scale(.8);transform-origin:center top}.tabbar-item:hover,.tabbar-item.active{color:var(--tabbar-active-color, var(--color-primary));text-decoration:none}.tabbar-item.active i{font-weight:900}.tabbar-badge{position:absolute;top:2px;right:8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--color-error);color:#fff;font-size:10px;line-height:16px;font-style:normal;font-weight:700;text-align:center;box-shadow:0 2px 8px #ef444433}.tabbar-badge--dot{min-width:0;width:8px;height:8px;padding:0;top:4px;right:10px;font-size:0;line-height:1;box-shadow:0 0 0 2px var(--blur-bg)}.tabbar-item--add{margin-top:-22px;width:62px;height:62px;min-height:62px;border-radius:50%;background:var(--color-accent);color:#fff;box-shadow:0 12px 24px var(--color-accent-shadow);flex:0 0 62px;z-index:1}.tabbar-item--add i{font-size:22px}.tabbar-item--add span{font-size:11px}.tabbar-item--add:hover,.tabbar-item--add.active{color:#fff}.tabbar-add-backdrop{position:fixed;inset:0;z-index:951;background:#0f172a61}.tabbar-add-panel{position:fixed;left:0;right:0;bottom:0;z-index:952;padding:0 12px calc(84px + env(safe-area-inset-bottom,0px))}.tabbar-add-panel__sheet{border-radius:20px;background:var(--surface-1);border:none;box-shadow:var(--shadow-drawer);overflow:hidden}.tabbar-add-panel__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--color-line)}.tabbar-add-panel__close{width:32px;height:32px;border:0;border-radius:50%;background:var(--surface-2);color:var(--color-ink-3)}.tabbar-add-panel__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.tabbar-add-panel__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;border-radius:18px;background:var(--surface-2);color:var(--color-ink-3);text-decoration:none}.tabbar-add-panel__item i{font-size:22px;color:var(--color-accent)}.tabbar-add-panel__item span{font-size:13px;font-weight:600}.tabbar-search-overlay{position:fixed;inset:0;z-index:953;background:#0f172a94;display:flex;align-items:stretch;justify-content:center}.tabbar-search-overlay__dialog{width:100%;min-height:100%;background:var(--surface-1);padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px))}.tabbar-search-overlay__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tabbar-search-overlay__close{width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-2);color:var(--color-ink-3)}.tabbar-search-overlay__form{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:14px 14px 14px 12px;border-radius:18px;border:none;box-shadow:var(--shadow-sm);background:var(--surface-4)}.tabbar-search-overlay__icon{color:var(--color-ink-4)}.tabbar-search-overlay__form input{min-width:0;border:0;background:transparent;color:var(--color-ink);font-size:15px;outline:none}.tabbar-search-overlay__submit{border:0;border-radius:12px;padding:10px 14px;background:var(--color-accent);color:#fff;font-weight:700}.tabbar-search-overlay__types{display:flex;gap:8px;margin-top:14px}.tabbar-search-overlay__type{border:0;border-radius:999px;padding:9px 14px;background:var(--surface-2);color:var(--color-ink-3);font-size:13px;font-weight:600}.tabbar-search-overlay__type.is-active{background:var(--color-accent-soft);color:var(--color-accent)}.tabbar-search-overlay__section{margin-top:20px}.tabbar-search-overlay__section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tabbar-search-overlay__label{color:var(--color-ink-3);font-size:13px;font-weight:700}.tabbar-search-overlay__clear{border:0;background:transparent;color:var(--color-accent);font-size:12px;font-weight:700}.tabbar-search-overlay__history,.tabbar-search-overlay__suggestions{display:flex;flex-direction:column;gap:10px}.tabbar-search-overlay__history-item,.tabbar-search-overlay__suggestion-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:none;border-radius:16px;padding:12px 14px;background:var(--surface-4);box-shadow:var(--shadow-sm);color:var(--color-ink-3);text-decoration:none;text-align:left}.tabbar-search-overlay__history-item i{color:var(--color-accent)}.tabbar-search-overlay__history-item span,.tabbar-search-overlay__suggestion-item span{flex:1;min-width:0;font-size:14px;font-weight:600}.tabbar-search-overlay__suggestion-item small{color:var(--color-ink-4);font-size:12px}.tabbar-search-overlay__empty{padding:14px;border-radius:16px;background:var(--surface-2);color:var(--color-ink-4);font-size:13px;text-align:center}.tabbar-search-overlay__tags{display:flex;flex-wrap:wrap;gap:10px}.tabbar-search-overlay__tag{padding:10px 14px;border-radius:999px;background:var(--surface-2);color:var(--color-ink-3);text-decoration:none;font-size:13px}body.tabbar-search-open,body.tabbar-add-open{overflow:hidden}.footer-tabbar.scrolling-hide{transform:translateY(100%);transition:transform .3s ease}.footer-tabbar.scroll-down-hide{transition:transform .3s ease}.footer-tabbar.scroll-down-hide.is-hidden{transform:translateY(120%)}.tabbar-ontop-wrap{position:relative}.tabbar-ontop-wrap .tabbar-ontop-btn{display:none;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 12px;color:var(--color-primary);font-size:13px;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.tabbar-ontop-wrap .tabbar-ontop-btn i{font-size:18px;line-height:1}.tabbar-ontop-wrap .tabbar-ontop-btn span{font-weight:500;line-height:1;transform:scale(.8);transform-origin:center top}.tabbar-ontop-wrap.is-scrolled .tabbar-ontop-btn{display:flex}.tabbar-ontop-wrap.is-scrolled>.tabbar-item:not(.tabbar-ontop-btn){opacity:0;pointer-events:none}.theme-dark .site-footer,html.dark .site-footer{background:var(--surface-1)}.theme-dark .footer-tabbar,html.dark .footer-tabbar{background:var(--blur-bg);box-shadow:0 -1px 3px #0003}.back-to-top{display:none!important}.site-footer--compact .site-footer__grid{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.site-footer--compact .site-footer__brand{flex:1 1 100%}.tabbar-search-overlay[hidden]{display:none!important}.tabbar-search-overlay.is-open,.tabbar-search-overlay.show:not([hidden]){display:flex}.tabbar-search-overlay__dialog{max-width:720px;margin:0 auto}@media(min-width:768px){.tabbar-search-overlay{align-items:flex-start;padding-top:8vh;background:#0f172a73}.tabbar-search-overlay__dialog{min-height:auto;max-height:min(84vh,860px);overflow:auto;border-radius:20px;box-shadow:var(--shadow-lg, 0 20px 50px rgba(15, 23, 42, .22))}.nav-searchbox--desktop{display:none}.main-search-btn.nav-search-toggle{display:inline-flex;align-items:center;justify-content:center}}@media(max-width:767.98px){.main-search-btn.nav-search-toggle{display:none}}.site-footer--compact .site-footer__brand .site-footer__desc,.site-footer--compact .site-footer__brand .social-row,.site-footer--compact .site-footer__brand .site-footer__friends{display:none}.site-footer--compact .site-footer__col{flex:0 0 auto}.site-footer--compact .site-footer__col ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0}.site-footer--compact .site-footer__bottom{border-top:1px solid var(--color-line);padding-top:12px;margin-top:12px}.site-footer--centered .site-footer__grid{text-align:center}.site-footer--centered .site-footer__brand{flex:1 1 100%;display:flex;flex-direction:column;align-items:center}.site-footer--centered .site-footer__col{flex:1 1 auto}.site-footer--centered .site-footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.footer{color:var(--footer-color, var(--color-ink-4));background:var(--footer-bg, var(--surface-1));padding:30px;font-size:13px;margin-top:auto}.footer a:not(.but):not(.focus-color){color:var(--footer-color, var(--color-ink-4))}.footer a:hover{color:var(--focus-color, var(--color-primary))}.footer .container-footer{max-width:calc(var(--mian-max-width, var(--container, 1200px)) + 180px);margin:0 auto;width:100%}.footer .list-inline{display:flex;align-items:center;gap:20px;list-style:none;margin:0 0 12px;padding:0}.footer .list-inline>li{flex:1;margin:5px 15px}.footer .list-inline>li+li+li{float:right;display:flex;align-items:flex-end;flex-direction:column;gap:10px}.footer a.footer-logo img,.footer .footer-logo img{height:40px;width:auto;max-width:180px;vertical-align:middle;display:inline-block}.footer .title-h-left{position:relative;margin:8px 0 10px;padding-bottom:8px;font-size:15px;font-weight:700;color:var(--color-ink, #333)}.footer .title-h-left:before{transition:.4s;transform-origin:left;position:absolute;content:"";width:40px;height:3px;background:var(--theme-color, var(--color-primary));left:0;bottom:3px;border-radius:5px;box-shadow:1px 1px 3px -1px var(--theme-color, var(--color-primary))}.footer .footer-muted,.footer .em09{font-size:.92em;color:var(--muted-2-color, var(--color-ink-4));line-height:1.7}.footer .opacity8{opacity:.8}.footer .fcode-links{margin:0 0 8px;line-height:1.9}.footer .fcode-links>a+a:before{content:"";width:4px;height:4px;margin:0 .5em;border-radius:50%;display:inline-block;vertical-align:middle;background:var(--main-color, var(--color-ink-2));opacity:.3;vertical-align:.2em}.footer .toggle-radius{background:var(--this-bg, var(--main-border-color, var(--surface-2, #f0f0f0)));width:29px;height:29px;display:inline-block;text-align:center;border-radius:100%;position:relative;vertical-align:text-top;line-height:29px;color:var(--footer-color, var(--color-ink-3));text-decoration:none}.footer .footer-contact{margin-top:10px}.footer .footer-contact>a{font-size:20px;margin:5px;width:35px;height:35px;line-height:35px;display:inline-block;text-align:center;border-radius:100%;background:var(--this-bg, var(--main-border-color, var(--surface-2, #f0f0f0)));color:var(--footer-color, var(--color-ink-3));text-decoration:none;vertical-align:text-top;position:relative;transition:color .15s ease,background .15s ease}.footer .footer-contact>a:hover{color:#fff;background:var(--focus-color, var(--color-primary))}.footer .footer-contact>a i{vertical-align:middle}.footer .footer-wechat-img{display:none;position:absolute;width:140px;bottom:90%;left:-55px;padding-bottom:20px;z-index:5}.footer .hover-show{position:relative}.footer .hover-show:hover .footer-wechat-img,.footer .hover-show:focus .footer-wechat-img{display:block}.footer .footer-wechat-img img{box-shadow:0 5px 10px #0003;border-radius:4px;width:100%;height:auto;background:#fff}.footer .footer-miniimg img{width:90px;margin:0 6px;height:auto;max-width:100%;display:block;border-radius:4px}.footer .footer-miniimg-2{justify-content:flex-end}.footer .footer-miniimg-2 img{height:36px;border-radius:var(--main-radius)}.footer .footer-miniimg-2 .opacity8{display:none}.footer .footer-conter{margin:8px 0 0;line-height:1.8;color:var(--footer-color, var(--color-ink-4));font-size:13px}.footer .mt10{margin-top:10px}@media(max-width:767px){.footer .hidden-xs,.hidden-xs{display:none!important}.footer{padding:10px 0}.footer .container-footer{text-align:center;padding:0 16px}.footer .list-inline{gap:10px;flex-direction:column;align-items:center;justify-content:center}.footer .list-inline>li+li+li{float:none;align-items:center}.footer .list-inline>li{margin:12px 0;max-width:none!important}.footer .footer-miniimg-2{justify-content:center}.footer .title-h-left:before{left:50%;transform:translate(-50%)}}.float-right{position:fixed;bottom:60px;right:20px;z-index:1030;text-align:center;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);transition:.3s}.float-right .admin-set-page .admin-set-info{position:absolute;top:50%;right:.7em;transform:translateY(-50%);white-space:nowrap;line-height:1.5;margin:0;box-shadow:none;text-align:center;z-index:1}body:has(.modal.in) .float-right,.modal-open .float-right,.imgbox-show .float-right,.scroll-down .scroll-down-hide.float-right,.scroll-ing .scrolling-hide.float-right{transform:translate(200%)}body:has(.modal.in) .float-right.position-center,.modal-open .float-right.position-center,.imgbox-show .float-right.position-center,.scroll-down .scroll-down-hide.float-right.position-center,.scroll-ing .scrolling-hide.float-right.position-center{transform:translate(200%,-50%)}.float-right.position-center{bottom:auto;top:50%;transform:translateY(-50%)}.float-right .float-btn{width:40px;min-height:40px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:7px 0;font-size:1.4em;--this-color: var(--muted-2-color);--this-bg: var(--float-btn-bg);background:var(--this-bg);position:relative;color:var(--this-color)!important}.float-right .float-btn text{font-size:12px;line-height:1;margin-top:5px}.float-right badge{transform:translate(-11px,-5px) scale(.85);margin-right:-50px;right:auto;left:35px;font-size:12px;position:absolute}.filter .float-btn{-webkit-backdrop-filter:saturate(2) blur(10px);backdrop-filter:saturate(2) blur(10px)}.float-right.square .float-btn+.float-btn{border-top:1px solid var(--main-shadow)}.float-right.round .float-btn{margin-top:6px;border-radius:8px}.float-btn.ontop{opacity:0;transition:.5s;transform:translateY(10px);visibility:hidden}.ontop.show{opacity:1;transform:translateY(0);visibility:unset;display:flex!important}.float-btn .hover-show-con{right:35px;left:auto;width:200px;margin-right:15px;top:0;font-size:14px;line-height:1.4;color:var(--main-color);padding:10px;margin-top:0;border-radius:var(--main-radius);cursor:auto}.float-btn .dropdown-menu:before{left:auto;top:15px;right:-5px}.float-btn.service-wechat .hover-show-con{width:120px;top:-40px;padding:0}.float-btn.service-wechat .dropdown-menu:before{top:53px}.float-btn.qrcode-btn .hover-show-con{width:150px;top:-60px;padding:16px 5px 12px;text-align:center}.float-btn.qrcode-btn .qrcode{background:#fff;display:inline-flex;padding:5px}.float-btn.qrcode-btn .dropdown-menu:before{top:73px}.float-btn.newadd-btns .drop-newadd{width:137px;top:-74px}.float-btn.newadd-btns .drop-newadd:before{left:auto;top:88px;right:-5px}@media(max-width:767px){.float-btn .hover-show-con{max-width:240px}}.float-right.position-top{bottom:auto;top:80px}.float-btn.wait-pay-btn .hover-show-con{animation:float-wait-pay 2s;animation-delay:.3s}body.modal-open .float-btn.wait-pay-btn .hover-show-con{opacity:0!important}.float-btn .order-thumb{width:48px;height:48px}.float-btn .order-item{color:inherit}@keyframes float-wait-pay{0%{opacity:0;visibility:unset;box-shadow:0 0 10px #ff49791a}10%{opacity:1;box-shadow:0 0 10px #ff4979f2}30%{box-shadow:0 0 10px #ff49791a}50%{box-shadow:0 0 10px #ff4979f2}70%{box-shadow:0 0 10px #ff49791a}80%{visibility:unset;opacity:1}}@media(max-width:640px){.float-right{right:10px}.float-right.position-top{top:56px}}@keyframes aksrt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aksrt-hover-zoom{transition:transform .3s ease}.aksrt-hover-zoom:hover{transform:scale(1.02)}.aksrt-hover-zoom-sm{transition:transform .3s ease}.aksrt-hover-zoom-sm:hover{transform:scale(1.02)}.aksrt-hover-show{position:relative}.aksrt-hover-show__content{position:absolute;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s,transform .3s,visibility .3s;z-index:10}.aksrt-hover-show:hover .aksrt-hover-show__content{opacity:1;visibility:visible;transform:translateY(0)}.aksrt-ic-close{transition:transform .3s;cursor:pointer}.aksrt-ic-close:hover{transform:rotate(270deg)}.aksrt-hover-zoom-img img{transition:transform .3s ease}.aksrt-hover-zoom-img:hover img{transform:scale(1.02)}.aksrt-hover-zoom-img-sm img{transition:transform .3s ease}.aksrt-hover-zoom-img-sm:hover img{transform:scale(1.02)}.aksrt-hover-lift{transition:transform .2s ease,box-shadow .2s ease}.aksrt-hover-lift:hover{transform:none;box-shadow:0 4px 12px #0000001a}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.dark::view-transition-old(root),body.dark-theme::view-transition-old(root){z-index:1}.dark::view-transition-new(root),body.dark-theme::view-transition-new(root){z-index:2147483646}::view-transition-old(root){z-index:2147483646}::view-transition-new(root){z-index:1}@supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))){:root{--aksrt-blur-bg: #ffffff}.dark{--aksrt-blur-bg: var(--surface-1)}}body.aksrt-scroll-down .site-nav.nav-scroll-hide{transform:translateY(-100%);transition:transform .3s ease}body.aksrt-scroll-up .site-nav.nav-scroll-hide{transform:translateY(0);transition:transform .3s ease}body.aksrt-scrolling .aksrt-floating-right.scrolling-hide{opacity:0;pointer-events:none;transition:opacity .2s}body.aksrt-body-scroll .aksrt-show-on-scroll{opacity:1;visibility:visible}.aksrt-show-on-scroll{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.aksrt-cursor-zoom-in{cursor:zoom-in}.aksrt-announcement{position:relative;overflow:hidden;padding:10px 12px;background:var(--surface-2, #F4F5F7);border-radius:var(--radius, 10px)}.aksrt-announcement__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-primary, var(--color-primary));font-size:14px;z-index:1}.aksrt-announcement__track{margin-left:24px;overflow:hidden;height:20px}.aksrt-announcement__list{margin:0;padding:0;list-style:none;animation:aksrt-marquee 10s linear infinite}.aksrt-announcement__item{height:20px;line-height:20px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aksrt-announcement__item a{color:var(--color-ink-2);text-decoration:none}.aksrt-announcement__item a:hover{color:var(--color-primary, var(--color-primary))}@keyframes aksrt-marquee{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.aksrt-announcement:hover .aksrt-announcement__list{animation-play-state:paused}[data-aksrt-animate]{will-change:opacity,transform}[data-aksrt-sticky]{will-change:transform}.aksrt-user-ranking{margin:0;padding:0;list-style:none}.aksrt-user-ranking__item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-line-soft, #F0F1F3)}.aksrt-user-ranking__item:last-child{border-bottom:none}.aksrt-user-ranking__rank{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--surface-2, #F4F5F7);color:var(--color-ink-3);font-size:12px;font-weight:600;flex-shrink:0}.aksrt-user-ranking__item--top:nth-child(1) .aksrt-user-ranking__rank{background:gold;color:#fff}.aksrt-user-ranking__item--top:nth-child(2) .aksrt-user-ranking__rank{background:silver;color:#fff}.aksrt-user-ranking__item--top:nth-child(3) .aksrt-user-ranking__rank{background:#cd7f32;color:#fff}.aksrt-user-ranking__avatar{flex-shrink:0}.aksrt-user-ranking__avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}.aksrt-user-ranking__name{flex:1;min-width:0;font-size:14px;color:var(--color-ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aksrt-user-ranking__name:hover{color:var(--color-primary, var(--color-primary))}.aksrt-user-ranking__value{font-size:12px;color:var(--color-ink-4, #8A8F98);white-space:nowrap}.aksrt-cover-cards{display:grid;grid-template-columns:repeat(var(--cols, 2),1fr);gap:12px}.aksrt-cover-card{position:relative;border-radius:var(--radius-lg, 8px);overflow:hidden;min-height:160px;display:flex;align-items:flex-end;transition:transform .3s,box-shadow .3s}.aksrt-cover-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.aksrt-cover-card__bg{position:absolute;inset:0}.aksrt-cover-card__bg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.aksrt-cover-card:hover .aksrt-cover-card__bg img{transform:scale(1.02)}.aksrt-cover-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#0009)}.aksrt-cover-card__content{position:relative;z-index:1;padding:16px;width:100%}.aksrt-cover-card__link{text-decoration:none;color:inherit;display:block}.aksrt-cover-card__title{margin:0 0 4px;font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.aksrt-cover-card__desc{margin:0;font-size:13px;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aksrt-video-widget{position:relative;width:100%;overflow:hidden;border-radius:var(--radius, 10px);background:#000}.aksrt-video-widget iframe,.aksrt-video-widget video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.aksrt-float-label{position:relative}.aksrt-float-label__input{width:100%;padding:14px 12px 6px;font-size:14px;border:1px solid var(--color-line);border-radius:var(--radius, 10px);background:var(--surface-1, #fff);color:var(--color-ink);transition:border-color .2s}.aksrt-float-label__input:focus{outline:none;border-color:var(--color-primary, var(--color-primary))}.aksrt-float-label__label{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-ink-4, #8A8F98);pointer-events:none;transition:all .2s ease}.aksrt-float-label__input:focus+.aksrt-float-label__label,.aksrt-float-label__input:not(:placeholder-shown)+.aksrt-float-label__label{top:8px;transform:translateY(0);font-size:11px;color:var(--color-primary, var(--color-primary))}[data-aksrt-parallax]{will-change:transform;transition:transform .1s linear}.aksrt-level-bar{position:relative;height:8px;background:var(--surface-2, #F4F5F7);border-radius:4px;overflow:hidden}.aksrt-level-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-primary, var(--color-primary)),var(--color-primary-active, #5A85BD));border-radius:4px;transition:width .5s ease}.aksrt-level-bar__label{position:absolute;right:0;top:-18px;font-size:11px;color:var(--color-ink-4, #8A8F98)}.aksrt-null>.aksrt-null__img{display:block;margin-right:auto;margin-left:auto}.empty-state{text-align:center;padding:60px 20px;color:var(--color-ink-3, #777)}.empty-state__icon{font-size:56px;color:var(--surface-3, #e8e8e8);margin-bottom:16px;line-height:1}.empty-state__icon i{display:inline-block}.empty-state__title{font-size:16px;font-weight:500;color:var(--color-ink-2, #4e5358);margin-bottom:8px}.empty-state__desc{font-size:13px;color:var(--color-ink-4, #999);margin-bottom:20px;max-width:320px;margin-left:auto;margin-right:auto;line-height:1.6}.empty-state__action{display:inline-flex;align-items:center;gap:6px}.empty-state--sm{padding:30px 16px}.empty-state--sm .empty-state__icon{font-size:40px}.empty-state--sm .empty-state__title{font-size:14px}.empty-state--sm .empty-state__desc{font-size:12px}.search-empty{text-align:center;padding:80px 20px}.search-empty__icon{font-size:64px;color:var(--surface-3, #e8e8e8);margin-bottom:16px}.search-empty__title{font-size:18px;font-weight:500;color:var(--color-ink-2, #4e5358);margin-bottom:8px}.search-empty__suggestions{font-size:13px;color:var(--color-ink-4, #999)}.search-empty__suggestions a{color:var(--color-primary, #f04494);text-decoration:none}.search-empty__suggestions a:hover{text-decoration:underline}@media(max-width:767px){.empty-state{padding:40px 16px}.empty-state__icon{font-size:44px}}.pagination,.aksrt-pagination,.navigation.pagination .nav-links,.pagenav.ajax-pag{display:flex;align-items:center;justify-content:center;gap:6px;padding:24px 0;flex-wrap:wrap}.pagination a,.pagination span,.aksrt-pagination a,.aksrt-pagination span,.navigation.pagination a,.navigation.pagination span,.pagenav.ajax-pag a,.pagenav.ajax-pag span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:6px 10px;font-size:13px;line-height:1.4;color:var(--muted-color, var(--color-ink-3));background:var(--surface-4, var(--main-border-color, rgba(50, 50, 50, .06)));border:1px solid transparent;border-radius:var(--radius-xs, 3px);text-decoration:none;transition:all .2s;user-select:none}.pagination a:hover,.aksrt-pagination a:hover,.navigation.pagination a:hover,.pagenav.ajax-pag a:hover{opacity:1;color:var(--color-primary);background:var(--color-primary-soft)}.pagination .current,.aksrt-pagination .current,.navigation.pagination .current,.pagenav.ajax-pag .current{color:var(--color-on-primary, #fff);background:var(--color-primary, #f04494);border-color:var(--color-primary, #f04494);font-weight:500}.pagination .dots,.aksrt-pagination .dots,.navigation.pagination .dots,.pagenav.ajax-pag .dots{border:none;background:none;color:var(--color-ink-4, #999);cursor:default;min-width:auto;padding-left:4px;padding-right:4px}.pagination .prev,.pagination .next,.aksrt-pagination .prev,.aksrt-pagination .next,.navigation.pagination .prev,.navigation.pagination .next,.pagenav.ajax-pag .prev,.pagenav.ajax-pag .next{font-size:12px}.pagination .prev i,.pagination .next i,.aksrt-pagination .prev i,.aksrt-pagination .next i,.navigation.pagination .prev i,.navigation.pagination .next i,.pagenav.ajax-pag .prev i,.pagenav.ajax-pag .next i{font-size:11px}.pagenav.ajax-pag .pag-jump,.aksrt-pagination .pag-jump,.navigation.pagination .pag-jump{display:inline-flex;align-items:center;gap:6px;margin-left:6px}.pagenav.ajax-pag .jump-input,.aksrt-pagination .jump-input,.navigation.pagination .jump-input{width:64px;min-width:64px;padding:6px 8px 5px;font-size:13px;line-height:1.4;color:var(--muted-color, var(--color-ink-3));background:var(--main-bg-color, #fff);border:1px solid var(--main-border-color, rgba(50, 50, 50, .06));border-radius:3px;box-shadow:none}.pagenav.ajax-pag .jump-input:focus,.aksrt-pagination .jump-input:focus,.navigation.pagination .jump-input:focus{outline:none;border-color:var(--focus-color, var(--color-primary, #f04494))}.pagenav.ajax-pag .pag-jump .ajax-next,.aksrt-pagination .pag-jump .ajax-next,.navigation.pagination .pag-jump .ajax-next{min-width:auto;cursor:pointer}.pagination__nav{display:flex;gap:8px;justify-content:center;margin-top:8px}.pagination__nav a{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:13px;color:var(--color-ink-2, #4e5358);background:var(--surface-1, #fff);border:1px solid var(--color-line, rgba(50, 50, 50, .06));border-radius:6px;text-decoration:none;transition:all .2s}.pagination__nav a:hover{color:var(--color-primary, #f04494);border-color:var(--color-primary, #f04494)}@media(max-width:767px){.pagination a,.pagination span,.aksrt-pagination a,.aksrt-pagination span,.navigation.pagination a,.navigation.pagination span,.pagenav.ajax-pag a,.pagenav.ajax-pag span{min-width:28px;font-size:12px;margin:2px}.pagenav.ajax-pag .pag-jump,.aksrt-pagination .pag-jump,.navigation.pagination .pag-jump{width:100%;justify-content:center;margin-left:0;margin-top:6px}.pagenav.ajax-pag .jump-input,.aksrt-pagination .jump-input,.navigation.pagination .jump-input{width:58px;min-width:58px;font-size:12px}}.aksrt-modal-runtime{--modal-ink: var(--color-ink, #333333);--modal-ink-2: var(--color-ink-2, #4e5358);--modal-muted: var(--color-ink-3, #777777);--modal-line: var(--color-line-stronger, rgba(50, 50, 50, .12));--modal-line-soft: var(--color-line, rgba(50, 50, 50, .06));--modal-surface: var(--surface-1, #ffffff);--modal-surface-2: var(--surface-2, #eeeeee);--modal-surface-3: var(--surface-4, #f8f8f8);--modal-primary: var(--color-primary, #f04494);--modal-on-primary: var(--color-on-primary, #ffffff);--modal-warning: var(--color-warning, #f59e0b);--modal-success: var(--color-success, #10b981);--modal-danger: var(--color-danger, #ef4444)}html.aksrt-modal-runtime-open,body.aksrt-modal-runtime-open{overflow:hidden}.aksrt-modal-runtime.modal-mini,.aksrt-modal-runtime.full-sm{width:auto;max-width:none;margin:0}.aksrt-modal-runtime{position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.aksrt-modal-runtime.is-open{opacity:1;visibility:visible;pointer-events:auto}.aksrt-modal-runtime.is-open.aksrt-modal-runtime--parent{pointer-events:none}.aksrt-modal-runtime.is-open.aksrt-modal-runtime--parent .aksrt-modal-runtime__dialog{transform:scale(.98)}.aksrt-modal-runtime--child .aksrt-modal-runtime__overlay{background:#0003}.aksrt-modal-runtime__overlay{position:absolute;inset:0;background:#00000080}.aksrt-modal-runtime__dialog{position:relative;z-index:1;width:min(440px,calc(100vw - 32px));max-height:min(88vh,720px);overflow:auto;background:var(--surface-1, #fff);border-radius:16px;box-shadow:0 18px 48px #0f121c38;transform:translateY(12px) scale(.98);transition:transform .22s cubic-bezier(.22,1,.36,1);color:var(--color-ink, #1f2937)}.aksrt-modal-runtime.is-open .aksrt-modal-runtime__dialog{transform:translateY(0) scale(1)}.aksrt-modal-runtime--bottom{align-items:flex-end}.aksrt-modal-runtime--bottom .aksrt-modal-runtime__dialog{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh;transform:translateY(24px)}.aksrt-modal-runtime--bottom.is-open .aksrt-modal-runtime__dialog{transform:translateY(0)}.aksrt-modal-runtime__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 0}.aksrt-modal-runtime__title{margin:0;font-size:17px;line-height:1.35}.aksrt-modal-runtime__content{padding:18px 18px 16px}.aksrt-modal-runtime__loading,.aksrt-modal-runtime__error-body{padding:28px 8px;text-align:center;color:var(--color-ink-2, #6b7280);font-size:14px}.aksrt-modal-runtime__skeleton{display:grid;gap:12px;padding:8px 2px}.aksrt-modal-runtime__skeleton-line,.aksrt-modal-runtime__skeleton-block{display:block;border-radius:8px;background:linear-gradient(90deg,#94a3b829,#94a3b84d,#94a3b829);background-size:200% 100%;animation:aksrt-modal-skeleton 1.2s ease-in-out infinite}.aksrt-modal-runtime__skeleton-line{width:72%;height:12px}.aksrt-modal-runtime__skeleton-line.is-wide{width:92%;height:18px}.aksrt-modal-runtime__skeleton-line.is-short{width:44%}.aksrt-modal-runtime__skeleton-block{width:100%;min-height:84px}.aksrt-modal-runtime__retry{cursor:pointer}@keyframes aksrt-modal-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.aksrt-modal-runtime .touch.border-title,.aksrt-modal-runtime .border-title{font-size:16px;font-weight:700;margin:0 0 14px;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.aksrt-modal-runtime .aksrt-modal-runtime__close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:999px;background:transparent;color:var(--color-ink-3, #9ca3af);cursor:pointer;font-size:18px;line-height:1}.aksrt-modal-runtime .but-average.modal-buts,.aksrt-modal-runtime .modal-buts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.aksrt-modal-runtime .but-average.modal-buts .but,.aksrt-modal-runtime .modal-buts .but,.aksrt-modal-runtime .modal-buts button{min-height:40px;border-radius:10px;border:1px solid var(--color-line, #e5e7eb);background:var(--surface-4, #f3f4f6);color:var(--color-ink, #111);font-weight:600;cursor:pointer}.aksrt-modal-runtime .modal-buts .but.c-blue,.aksrt-modal-runtime .modal-buts button.c-blue,.aksrt-modal-runtime .modal-buts .btn-primary{background:var(--color-primary, #f04494);border-color:color-mix(in srgb,var(--color-primary, #f04494) 70%,#000 0%);color:var(--color-on-primary, #fff)}.aksrt-modal-runtime.aksrt-checkin-details-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog{width:min(400px,calc(100vw - 32px));border-radius:var(--main-radius, 8px);background:var(--main-bg-color, #fff)}.aksrt-modal-runtime.aksrt-checkin-details-modal .aksrt-modal-runtime__content{padding:0}.aksrt-modal-runtime.aksrt-checkin-details-modal .aksrt-modal-runtime__skeleton{padding:24px 18px}.ajaxpager.is-ajax-loading{position:relative;min-height:80px}.post_ajax_loader{display:none}.post_ajax_loader.is-loading{display:block;animation:aksrtFadeIn .2s ease both}.ajax-item.is-fading{opacity:.35;transition:opacity .15s ease}.aksrt-user-ban-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog{width:min(600px,calc(100vw - 32px));border-radius:var(--main-radius, 8px);background:var(--main-bg-color, #fff)}.aksrt-user-ban-info-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog,.aksrt-user-ban-appeal-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog,.aksrt-user-ban-log-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog{width:min(400px,calc(100vw - 32px));border-radius:var(--main-radius, 8px);background:var(--main-bg-color, #fff)}.aksrt-user-ban-info-modal .aksrt-modal-runtime__skeleton,.aksrt-user-ban-appeal-modal .aksrt-modal-runtime__skeleton,.aksrt-user-ban-log-modal .aksrt-modal-runtime__skeleton,.aksrt-user-ban-modal .aksrt-modal-runtime__skeleton{padding:24px 18px}.aksrt-user-ban-modal .edit-header,.aksrt-user-ban-appeal-modal .edit-header{position:relative;padding-right:32px}.aksrt-user-ban-modal .edit-header .close,.aksrt-user-ban-appeal-modal .edit-header .close{position:absolute;right:0;top:50%;transform:translateY(-50%);float:none;font-size:20px;line-height:1;cursor:pointer;background:none;border:0;padding:2px 6px}.aksrt-user-ban-modal .modal-colorful-header,.aksrt-user-ban-modal .colorful-bg,.aksrt-user-ban-info-modal .modal-colorful-header,.aksrt-user-ban-info-modal .colorful-bg,.aksrt-user-ban-log-modal .modal-colorful-header,.aksrt-user-ban-log-modal .colorful-bg{position:relative;overflow:hidden;color:var(--this-color);background:var(--this-bg);background-size:120%}.aksrt-user-ban-modal .modal-colorful-header,.aksrt-user-ban-info-modal .modal-colorful-header,.aksrt-user-ban-log-modal .modal-colorful-header{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;justify-content:center;height:120px;border-radius:var(--main-radius, 8px) var(--main-radius, 8px) 0 0}.aksrt-user-ban-modal .modal-colorful-header+*,.aksrt-user-ban-info-modal .modal-colorful-header+*,.aksrt-user-ban-log-modal .modal-colorful-header+*{margin-top:120px}.aksrt-user-ban-modal .modal-colorful-header>.close,.aksrt-user-ban-info-modal .modal-colorful-header>.close,.aksrt-user-ban-log-modal .modal-colorful-header>.close{position:absolute;top:10px;right:10px;z-index:9;color:var(--this-color);font-size:18px;opacity:.6}.aksrt-user-ban-modal .colorful-bg>.colorful-make,.aksrt-user-ban-modal .colorful-bg>.colorful-make:before,.aksrt-user-ban-modal .colorful-bg>.colorful-make:after,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make:before,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make:after,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make:before,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make:after{position:absolute;color:var(--this-color);background:var(--this-bg);border-radius:100%;content:""}.aksrt-user-ban-modal .colorful-bg>.colorful-make,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make{top:60%;bottom:0;width:323px;height:290px;animation:aksrt-ban-colorful 120s linear infinite}.aksrt-user-ban-modal .colorful-bg>.colorful-make:before,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make:before,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make:before{top:-325px;right:-558px;bottom:0;width:677px;height:300px;opacity:.6;transform:rotate(341deg)}.aksrt-user-ban-modal .colorful-bg>.colorful-make:after,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make:after,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make:after{top:-170px;bottom:0;left:-262px;width:402px;height:214px;opacity:.4;transform:rotate(326deg)}.aksrt-user-ban-modal .colorful-bg>.colorful-make+*,.aksrt-user-ban-info-modal .colorful-bg>.colorful-make+*,.aksrt-user-ban-log-modal .colorful-bg>.colorful-make+*{position:relative}.aksrt-user-ban-modal .form-but-radio label{cursor:pointer}.aksrt-user-ban-modal .form-but-radio .but-radio,.aksrt-user-ban-modal .aksrt-user-ban-form label{user-select:none}@keyframes aksrt-ban-colorful{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.order-comment-from .shop-score-box{display:flex;align-items:center;gap:8px;min-height:36px}.order-comment-from .score-title{width:4.5em;flex:0 0 auto;font-size:13px;color:var(--color-ink-2, #6b7280)}.order-comment-from .score-icon{display:inline-flex;gap:4px;align-items:center;height:30px}.order-comment-from .icon-star{display:inline-flex;width:22px;height:22px;color:#d1d5db;cursor:pointer;transition:color .12s ease,transform .12s ease}.order-comment-from .icon-star svg{width:22px;height:22px;fill:currentColor}.order-comment-from .icon-star.active,.order-comment-from .icon-star.hover{color:#fc7049}.order-comment-from .icon-star.hover{transform:scale(1.08)}.order-comment-from .score-text{min-width:3em;font-size:13px;color:var(--color-ink-2, #6b7280)}.order-comment-from textarea.form-control{width:100%;border:1px solid var(--color-line, #e5e7eb);border-radius:10px;padding:10px 12px;font-size:14px;resize:vertical;min-height:96px;background:var(--surface-1, #fff);color:var(--color-ink, #111)}.order-comment-from .form-upload .preview{display:flex;flex-wrap:wrap;gap:8px}.order-comment-from .form-upload .preview .add,.order-comment-from .form-upload .preview .preview-item{width:80px;height:80px;border-radius:10px;border:1px dashed var(--color-line, #d1d5db);background:var(--surface-4, #f9fafb);position:relative;overflow:hidden;cursor:pointer}.order-comment-from .form-upload .preview .preview-item img{width:100%;height:100%;object-fit:cover;display:block}.order-comment-from .form-upload .preview .preview-item .remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border:0;border-radius:999px;background:#0000008c;color:#fff;font-size:12px;line-height:1;cursor:pointer}.order-comment-from .form-upload .hide{display:none!important}.order-comment-from .review-error{color:#ef4444;font-size:13px;margin-top:8px}@media(max-width:768px){.aksrt-modal-runtime:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog{width:calc(100vw - 20px)}}.notyn{position:fixed;bottom:6em;right:0;max-width:320px;z-index:10000000}.notyf{position:relative;margin-bottom:.6em;color:#fff;font-size:14px;line-height:1.42857143;float:right;min-width:200px;padding:1em 3em 1em 3.4em;box-shadow:-3px 3px 6px #0000001a;transform:translate(1.5em);transition:.3s;-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);-webkit-animation:notyf .4s cubic-bezier(.35,.71,.46,1.08);animation:notyf .4s cubic-bezier(.35,.71,.46,1.08)}.notyn-out .notyf{transform:translate(110%);opacity:.5;transition:.5s}@-webkit-keyframes notyf{0%{transform:translate(110%);opacity:0}to{transform:translate(1.5em);opacity:1}}@keyframes notyf{0%{transform:translate(110%);opacity:0}to{transform:translate(1.5em);opacity:1}}.notyf:before{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;line-height:1;left:.8em;font-size:1.5em;position:absolute;top:0;bottom:0;margin:auto;height:20px}.notyf.success{background:linear-gradient(90deg,#0f93f9b3,#3dbdf9cc)}.notyf.success:before{content:""}.notyf.info{background:linear-gradient(90deg,#3aa236cc,#59f783cc)}.notyf.info:before{content:""}.notyf.warning,.notyf.load{background:linear-gradient(90deg,#fdaa47b3,#f79a0dcc)}.notyf.warning:before{content:""}.notyf.danger{background:linear-gradient(90deg,#fd451cb3,#fb6e4bcc)}.notyf.danger:before{content:""}.notyf .fa-close{float:right;padding:.6em;margin:-.4em}.notyf.load:before{content:"";width:.7em;height:.7em;display:inline-block;border:.08em solid transparent;border-width:calc(1px + .03em);border-radius:50%;border-top-color:var(--this-color);border-bottom-color:var(--this-color);-webkit-animation:huan-rotate 1s cubic-bezier(.7,.1,.31,.9) infinite;animation:huan-rotate 1s cubic-bezier(.7,.1,.31,.9) infinite}@-webkit-keyframes huan-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes huan-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aksrt-captcha-box{display:none}.aksrt-captcha-wrap{text-align:center}.aksrt-captcha-modal-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}.aksrt-captcha-modal-backdrop{position:absolute;inset:0;background:#0000008c;animation:aksrtFadeIn .2s ease}.aksrt-captcha-modal-box{position:relative;background:var(--surface-page,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:380px;animation:aksrtSlideUp .25s ease;overflow:hidden}.aksrt-captcha-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-line,#e5e7eb)}.aksrt-captcha-modal-title{font-size:15px;font-weight:600;color:var(--color-ink,#1f2937)}.aksrt-captcha-modal-close{background:none;border:none;font-size:22px;color:var(--color-ink-4,#9ca3af);cursor:pointer;padding:0;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px}.aksrt-captcha-modal-close:hover{background:var(--color-bg-hover,#f3f4f6);color:var(--color-ink,#1f2937)}.aksrt-captcha-modal-body{padding:20px}.aksrt-captcha-modal-hint{font-size:13px;color:var(--color-ink-4,#9ca3af);margin:0 0 16px;text-align:center}.aksrt-captcha-modal-widget{display:flex;justify-content:center}@keyframes aksrtFadeIn{0%{opacity:0}to{opacity:1}}@keyframes aksrtSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.aksrt-modal-runtime.aksrt-reward-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog{width:min(400px,calc(100vw - 32px));border-radius:var(--main-radius, 8px);background:var(--main-bg-color, #fff)}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-modal-runtime__content{padding:0}.aksrt-reward-modal .modal-colorful-header+.aksrt-reward__body{margin-top:0;padding:135px 15px 15px;color:var(--main-color, var(--color-ink, #333))}.aksrt-reward__desc{margin:0 0 16px;text-align:center}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount{display:inline-flex;width:100%;min-width:0;min-height:46px;align-items:center;justify-content:center;gap:4px;margin:0;padding:8px 6px;border:1px solid var(--color-line-stronger, rgba(50, 50, 50, .12));border-radius:var(--radius, 8px);background:var(--surface-2, #f5f6f7);color:var(--color-ink-2, #4e5358);cursor:pointer;font-size:16px;font-weight:700;line-height:1.2;box-shadow:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount:hover{border-color:var(--focus-color, var(--color-primary, #f04494));background:var(--color-primary-soft, rgba(240, 68, 148, .1));color:var(--focus-color, var(--color-primary, #f04494));opacity:1;transform:translateY(-1px)}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount:focus-visible{outline:0;box-shadow:0 0 0 3px var(--color-primary-soft, rgba(240, 68, 148, .2))}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount.is-active,.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__amount.is-active:hover{border-color:var(--focus-color, var(--color-primary, #f04494));background:var(--focus-color, var(--color-primary, #f04494));color:#fff;box-shadow:0 3px 10px var(--color-primary-soft, rgba(240, 68, 148, .2));opacity:1;transform:none}.aksrt-reward__currency{font-size:13px;font-weight:400}.aksrt-reward__value{font-size:15px}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__custom{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;color:var(--color-ink-2, #4e5358);font-size:14px;font-weight:600}.aksrt-reward__custom-label{flex:0 0 auto}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__input-wrap{display:flex;width:min(190px,62%);min-height:44px;align-items:center;padding:0 10px 0 12px;border:1px solid var(--color-line-stronger, rgba(50, 50, 50, .12));border-radius:var(--radius, 8px);background:var(--surface-1, #fff);transition:border-color .2s ease,box-shadow .2s ease}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__input-wrap:focus-within{border-color:var(--focus-color, var(--color-primary, #f04494));box-shadow:0 0 0 3px var(--color-primary-soft, rgba(240, 68, 148, .1))}.aksrt-reward__input-currency{flex:0 0 auto;margin-right:6px;color:var(--muted-color, var(--color-ink-3, #777));font-size:14px;font-weight:600}.aksrt-modal-runtime.aksrt-reward-modal .aksrt-reward__input{width:100%;min-width:0;min-height:42px;padding:0;border:0;outline:0;background:transparent;color:var(--color-ink, #333);font-size:15px;font-weight:600;text-align:right;-moz-appearance:textfield;box-shadow:none}.aksrt-reward__input::-webkit-inner-spin-button,.aksrt-reward__input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.aksrt-reward__input::placeholder{color:var(--muted-color, var(--color-ink-4, #999));opacity:1}.aksrt-reward__input:disabled,.aksrt-reward__amount:disabled{cursor:wait;opacity:.6}.aksrt-reward__submit{min-height:42px}.aksrt-reward__submit:disabled{cursor:wait;opacity:.7}.aksrt-reward__message{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.aksrt-reward__captcha{margin:0 0 14px}.aksrt-modal-runtime--bottom.aksrt-reward-modal .aksrt-modal-runtime__dialog,.aksrt-modal-runtime--bottom.aksrt-reward-modal .modal-colorful-header{border-radius:16px 16px 0 0} diff --git a/assets/css/frontend/modal-runtime.css b/assets/css/frontend/modal-runtime.css index 11c962d7..8464bab4 100644 --- a/assets/css/frontend/modal-runtime.css +++ b/assets/css/frontend/modal-runtime.css @@ -286,41 +286,6 @@ body.aksrt-modal-runtime-open { transition: opacity 0.15s ease; } -/* ---- 举报弹窗（参考主题报告弹窗几何 1:1）---- - 宽度对齐参考主题 Bootstrap 默认模态（>=768px 600px），圆角/底色走 - --main-radius / --main-bg-color；移动端仍由 --bottom 底部抽屉接管。 */ -.aksrt-report-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog { - width: min(600px, calc(100vw - 32px)); - border-radius: var(--main-radius, 8px); - background: var(--main-bg-color, #fff); -} - -/* edit-header：参考主题弹窗头（关闭钮靠右，红色警示徽标 + 标题居左）。 */ -.aksrt-report-modal .edit-header { - position: relative; - padding-right: 32px; -} - -.aksrt-report-modal .edit-header .close { - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); - float: none; - font-size: 20px; - line-height: 1; - cursor: pointer; - background: none; - border: 0; - padding: 2px 6px; -} - -/* 原因徽章行：与参考主题一致，徽章可换行且间距走 mr6/mb6 工具类。 */ -.aksrt-report-modal .form-but-radio .badg { - cursor: pointer; - user-select: none; -} - /* ---- 禁封用户弹窗（参考主题 set_user_ban 模态框几何 1:1）---- 参考主题 zib_get_edit_user_ban_link 未传 data-class → 走 Bootstrap 默认 .modal-dialog（>=768px 宽 600px）；data-height=360 → .modal-content 初始 @@ -562,14 +527,14 @@ body.aksrt-modal-runtime-open { color: var(--color-ink, #111); } -:is(.order-comment-from, .aksrt-report-modal) .form-upload .preview { +.order-comment-from .form-upload .preview { display: flex; flex-wrap: wrap; gap: 8px; } -:is(.order-comment-from, .aksrt-report-modal) .form-upload .preview .add, -:is(.order-comment-from, .aksrt-report-modal) .form-upload .preview .preview-item { +.order-comment-from .form-upload .preview .add, +.order-comment-from .form-upload .preview .preview-item { width: 80px; height: 80px; border-radius: 10px; @@ -585,14 +550,14 @@ body.aksrt-modal-runtime-open { 此前这里的 left/top:50% + translate 版本与该规则叠加导致过约束， 加号被推到 75%/75% 只剩“L”形，故整体删除、统一走主样式包。 */ -:is(.order-comment-from, .aksrt-report-modal) .form-upload .preview .preview-item img { +.order-comment-from .form-upload .preview .preview-item img { width: 100%; height: 100%; object-fit: cover; display: block; } -:is(.order-comment-from, .aksrt-report-modal) .form-upload .preview .preview-item .remove { +.order-comment-from .form-upload .preview .preview-item .remove { position: absolute; top: 2px; right: 2px; @@ -607,7 +572,7 @@ body.aksrt-modal-runtime-open { cursor: pointer; } -:is(.order-comment-from, .aksrt-report-modal) .form-upload .hide { +.order-comment-from .form-upload .hide { display: none !important; } diff --git a/assets/css/frontend/report.css b/assets/css/frontend/report.css new file mode 100644 index 00000000..63a32bf0 --- /dev/null +++ b/assets/css/frontend/report.css @@ -0,0 +1,328 @@ +/** + * Report form inside the shared modal runtime. + * @package AKSRT + */ +.aksrt-report-modal .aksrt-modal-runtime__dialog { + display: flex; + flex-direction: column; + overflow: hidden; + max-height: min(90vh, 820px); + max-height: min(90dvh, 820px); + background: var(--modal-surface); + color: var(--modal-ink); +} + +.aksrt-report-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog { + width: min(600px, calc(100vw - 32px)); + border-radius: var(--main-radius, 8px); +} + +.aksrt-report-modal .aksrt-modal-runtime__header { + position: relative; + flex: none; + padding: 24px 64px 18px 24px; + border-bottom: 1px solid var(--modal-line-soft); +} + +.aksrt-report-modal .aksrt-modal-runtime__title { + font-size: 20px; + font-weight: 600; + line-height: 1.4; +} + +.aksrt-report-modal .aksrt-modal-runtime__close { + top: 14px; + right: 14px; + width: 44px; + height: 44px; + font-size: 26px; + color: var(--modal-muted); +} + +.aksrt-report-modal .aksrt-modal-runtime__content { + display: flex; + min-height: 0; + padding: 0; +} + +.aksrt-report-form { + display: flex; + flex: 1; + flex-direction: column; + min-width: 0; + min-height: 0; + margin: 0; + text-align: left; + font-size: 14px; + line-height: 1.6; +} + +.aksrt-report-body { + min-height: 0; + overflow-y: auto; + overscroll-behavior: contain; + padding: 22px 24px 24px; +} + +.aksrt-report-target { + display: flex; + align-items: flex-start; + gap: 12px; + padding: 14px; + margin-bottom: 24px; + border-radius: 8px; + background: var(--modal-surface-3); +} + +.aksrt-report-target > div { min-width: 0; } + +.aksrt-report-target__icon { + display: grid; + flex: none; + place-items: center; + width: 36px; + height: 36px; + border: 1px solid var(--modal-line); + border-radius: 8px; + background: var(--modal-surface); + color: var(--modal-ink-2); +} + +.aksrt-report-target__name { + display: block; + margin: 2px 0 4px; + font-size: 15px; + font-weight: 600; + overflow-wrap: anywhere; +} + +.aksrt-report-hint, +.aksrt-report-count { + color: var(--modal-muted); + font-size: 12px; + font-weight: 400; +} + +.aksrt-report-form p { margin: 6px 0 0; } +.aksrt-report-target p { margin: 0; } +.aksrt-report-count { font-variant-numeric: tabular-nums; } + +.aksrt-report-reasons { + min-width: 0; + padding: 0; + margin: 0 0 22px; + border: 0; +} + +.aksrt-report-reasons legend { + width: auto; + padding: 0; + margin: 0 0 10px; + border: 0; + color: inherit; + font-size: 14px; + font-weight: 600; + line-height: inherit; +} + +.aksrt-report-label .aksrt-report-hint, +.aksrt-report-reasons legend .aksrt-report-hint { margin-left: 8px; } + +.aksrt-report-reasons__options { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 8px; +} + +.aksrt-report-reason { + display: flex; + align-items: center; + gap: 9px; + min-height: 44px; + padding: 10px 12px; + margin: 0; + border: 1px solid var(--modal-line); + border-radius: 8px; + background: var(--modal-surface); + font-weight: 400; + cursor: pointer; + overflow-wrap: anywhere; +} + +.aksrt-report-reason input[type="radio"] { + position: static; + display: block; + flex: none; + width: 16px; + height: 16px; + margin: 0; + opacity: 1; + appearance: auto; + accent-color: var(--modal-primary); +} + +.aksrt-report-reason:has(input:checked) { + border-color: var(--modal-primary); + background: color-mix(in srgb, var(--modal-primary) 6%, var(--modal-surface)); +} + +.aksrt-report-reason input:checked + span { font-weight: 600; } +.aksrt-report-other { margin-top: 12px; } +.aksrt-report-field + .aksrt-report-field { margin-top: 22px; } + +.aksrt-report-label-row { + display: flex; + align-items: baseline; + justify-content: space-between; + gap: 12px; + margin-bottom: 8px; +} + +.aksrt-report-label { + display: inline-block; + margin: 0; + font-weight: 600; +} + +.aksrt-report-form textarea { + display: block; + width: 100%; + min-height: 80px; + max-height: 240px; + padding: 11px 12px; + border: 1px solid var(--modal-line); + border-radius: 8px; + background: var(--modal-surface); + color: var(--modal-ink); + font: inherit; + line-height: 1.65; + resize: vertical; +} + +.aksrt-report-form textarea::placeholder { color: var(--modal-muted); } +.aksrt-report-other textarea { margin-top: 8px; } +.aksrt-report-form [aria-invalid="true"] { border-color: var(--modal-danger); } + +.aksrt-report-images, +.aksrt-report-images__list { + display: flex; + flex-wrap: wrap; + gap: 10px; +} + +.aksrt-report-images__list:empty { display: none; } + +.aksrt-report-add, +.aksrt-report-image { + position: relative; + width: 90px; + height: 90px; + flex: none; + border: 1px solid var(--modal-line); + border-radius: 8px; + background: var(--modal-surface-3); +} + +.aksrt-report-add { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 6px; + border-style: dashed; + color: var(--modal-ink-2); + font: inherit; + font-size: 12px; + cursor: pointer; +} + +.aksrt-report-add i { font-size: 18px; } +.aksrt-report-image img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; } + +.aksrt-report-image__state { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 2px; + height: 100%; + padding: 8px; + color: var(--modal-muted); + font-size: 12px; +} + +.aksrt-report-image[data-upload-state="ready"] .aksrt-report-image__state { display: none; } +.aksrt-report-image[data-upload-state="error"] { border-color: var(--modal-danger); } +.aksrt-report-image [data-aksrt-report-retry] { min-width: 44px; min-height: 28px; border: 0; background: transparent; color: var(--modal-primary); text-decoration: underline; cursor: pointer; } + +.aksrt-report-image__remove { + position: absolute; + top: -8px; + right: -8px; + display: grid; + place-items: center; + width: 30px; + height: 30px; + padding: 0; + border: 1px solid var(--modal-line); + border-radius: 50%; + background: var(--modal-surface); + color: var(--modal-ink-2); + font-size: 22px; + line-height: 1; + cursor: pointer; +} + +.aksrt-report-notice { + margin-top: 22px; + padding-top: 16px; + border-top: 1px solid var(--modal-line-soft); + color: var(--modal-ink-2); + font-size: 12px; + overflow-wrap: anywhere; +} + +.aksrt-report-notice > :first-child { margin-top: 0; } +.aksrt-report-notice > :last-child { margin-bottom: 0; } + +.aksrt-report-footer { + flex: none; + padding: 0 24px max(20px, env(safe-area-inset-bottom)); + border-top: 1px solid var(--modal-line-soft); + background: var(--modal-surface); +} + +.aksrt-report-form .aksrt-report-error { margin: 12px 0 0; color: var(--modal-danger); font-size: 13px; } +.aksrt-report-form .aksrt-report-status { color: var(--modal-muted); font-size: 12px; } +.aksrt-report-form .aksrt-report-status:empty { display: none; } + +.aksrt-report-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px; } + +.aksrt-report-actions button { + min-width: 96px; + min-height: 44px; + padding: 10px 20px; + border: 1px solid var(--modal-line); + border-radius: 8px; + font: inherit; + font-weight: 600; + cursor: pointer; +} + +.aksrt-report-cancel { color: var(--modal-ink-2); background: var(--modal-surface); } +.aksrt-report-actions .aksrt-report-submit { color: var(--modal-on-primary); background: var(--modal-primary); border-color: transparent; } +.aksrt-report-form button:disabled { opacity: 0.55; cursor: not-allowed; } +.aksrt-report-form textarea:disabled { opacity: 0.65; } +.aksrt-report-modal :is(button, input, textarea, a):focus-visible { outline: 2px solid var(--modal-primary); outline-offset: 3px; } +.aksrt-report-modal [hidden] { display: none !important; } + +@media (max-width: 768px) { + .aksrt-report-modal .aksrt-modal-runtime__header { padding: 20px 64px 16px 20px; } + .aksrt-report-body { padding: 18px 20px 22px; } + .aksrt-report-footer { padding-right: 20px; padding-left: 20px; } + .aksrt-report-actions button { flex: 1; min-width: 0; } +} + +@media (max-width: 360px) { + .aksrt-report-reasons__options { grid-template-columns: 1fr; } +} diff --git a/assets/js/report.js b/assets/js/report.js index cff19943..3e887155 100644 --- a/assets/js/report.js +++ b/assets/js/report.js @@ -1,393 +1,313 @@ /** - * AKSRT Report — 前台统一举报弹窗 - * - * 监听 [data-aksrt-report] 点击，弹出对齐参考主题的举报弹窗（像素级同构）： - * edit-header 红色警示头 + 举报原因徽章（active 状态走 .active.badg 焦点色） - * + 违规链接 + 详细描述 + 图片举证（后台开启 user_report_img_s 时） - * + 举报说明（后台 user_report_desc，支持 HTML）+ but-average modal-buts 底栏。 - * 提交走 REST /aksrt/v1/report/submit（user/comment/post 三类目标统一入口）， - * 举证图片走 /aksrt/v1/report/upload-image（最多 3 张，URL 拼入举报内容）。 - * + * Frontend reporting for articles, comments and users. * @package AKSRT */ - (function () { 'use strict'; - var API_ROOT = (function () { - var d = window.aksrtData || {}; - var raw = d.apiUrl || d.restUrl || d.rest_url || '/index.php?rest_route=/aksrt/v1'; - return String(raw).replace(/\/$/, ''); - })(); - var NONCE = (window.aksrtData && window.aksrtData.restNonce) || ''; - - var TARGET_TITLES = { - user: '举报用户', - post: '举报文章', - comment: '举报评论', - }; - + var config = window.aksrtData || {}; + var API_ROOT = String(config.apiUrl || '/index.php?rest_route=/aksrt/v1').replace(/\/$/, ''); + var NONCE = config.restNonce || ''; var MAX_IMAGES = 3; - - function getReportCategories() { - // 预置原因：后台“用户&互动 → 禁封/举报 → 预置原因”（ban_preset_reason， - // 由 UserRuntime::ban_settings 解析，aksrtData.reportCategories 注入）。 - var list = window.aksrtData && window.aksrtData.reportCategories; - if (Array.isArray(list)) { - var items = list - .map(function (cat) { - return { - slug: String((cat && (cat.slug || cat.value)) || ''), - name: String((cat && (cat.name || cat.label || cat.t)) || ''), - }; - }) - .filter(function (cat) { return cat.name !== ''; }); - if (items.length) return items; - } - return [ - { slug: 'spam', name: '垃圾信息' }, - { slug: 'abuse', name: '人身攻击' }, - { slug: 'copyright', name: '版权投诉' }, - ]; - } - - function reportDescHtml() { - // 举报说明：后台富文本（服务端已 wp_kses_post），直接注入。 - var d = window.aksrtData && window.aksrtData.report; - return (d && typeof d.desc === 'string') ? d.desc : ''; - } - - function imgUploadEnabled() { - var d = window.aksrtData && window.aksrtData.report; - return !!(d && d.imgEnabled); - } + var sequence = 0; + var TARGETS = { + user: { title: '举报用户', label: '用户', icon: 'fa-user' }, + post: { title: '举报文章', label: '文章', icon: 'fa-file-alt' }, + comment: { title: '举报评论', label: '评论', icon: 'fa-comment' }, + }; function escapeHtml(value) { return String(value == null ? '' : value) - .replace(/&/g, '&') - .replace(//g, '>') - .replace(/"/g, '"') - .replace(/'/g, '''); + .replace(/&/g, '&').replace(//g, '>') + .replace(/"/g, '"').replace(/'/g, '''); } - function buildReportModalHtml(data) { - var categories = getReportCategories(); - var title = TARGET_TITLES[data.target_type] || '举报不良信息'; + function getReportCategories() { + return (Array.isArray(config.reportCategories) ? config.reportCategories : []) + .filter(function (cat) { return cat && cat.name; }); + } - var html = ''; - - // 弹窗头：参考主题 edit-header 同构（关闭钮 + 红色警示徽标 + 标题）。 - html += '
'; - html += ''; - html += '' + escapeHtml(title) + ''; - html += '
'; - - html += '
'; - html += '
'; - html += '
'; - - // 被举报对象（头像 + 名称），由服务端渲染进 data-aksrt-report。 - if (data.target_avatar || data.target_name) { - html += '
'; - if (data.target_avatar) { - html += ''; - } - html += '' + escapeHtml(data.target_name || '') + ''; - html += '
'; - } - html += '
'; - - // 举报原因（徽章单选，active 走参考主题焦点色；含“其它原因”展开自定义文本）。 - html += '
'; - html += '
举报原因
'; - categories.forEach(function (cat) { - html += '' + escapeHtml(cat.name) + ''; + function buildReportModalHtml(data, categories) { + var target = TARGETS[data.target_type]; + var report = config.report || {}; + var id = 'aksrt-report-' + (++sequence); + var html = ''; + html += '
'; + html += '
'; + html += ''; + html += '
举报对象 · ' + target.label + ''; + html += '' + escapeHtml(data.target_name || target.label + ' #' + data.target_id) + ''; + html += '

已自动关联该' + target.label + '，无需填写链接

'; + html += '
'; + html += '举报原因必选一项'; + html += '
'; + categories.forEach(function (cat, index) { + html += ''; }); - html += '其它原因'; - html += ''; - html += '
'; - - // 违规链接。 - html += '
'; - html += '
违规链接
'; - html += ''; - html += '
'; - - // 详细描述。 - html += '
'; - html += '
详细描述
'; - html += ''; - html += '
'; - - // 图片举证（后台 user_report_img_s 开启时渲染，最多 3 张）。 - if (imgUploadEnabled()) { - html += '
'; - html += '
添加图片举证
'; - html += '
'; - html += '
'; - html += '
'; - html += ''; - html += '
'; + html += ''; + html += '
'; + html += '
'; + html += ''; + html += '
'; + html += '
'; + if (report.imgEnabled) { + html += '
'; + html += '
图片举证选填'; + html += '0 / ' + MAX_IMAGES + '
'; + html += '
'; + html += '
'; + html += '

支持 JPG、PNG、GIF，最多 ' + MAX_IMAGES + ' 张

'; + html += '
'; } - - // 举报说明（后台 user_report_desc，支持 HTML）。 - var desc = reportDescHtml(); - if (desc) { - html += '
' + desc + '
'; - } - - html += '
'; - - // 底栏：参考主题 but-average modal-buts 双按钮。 - html += '
'; - html += ''; - html += ''; - html += '
'; - html += ''; - + // The settings reader sanitizes this administrator-authored notice with wp_kses_post. + if (report.desc) html += '
' + report.desc + '
'; + html += '
'; + html += ''; + html += '

'; + html += '
'; + html += '
'; + html += '
'; return html; } - function selectedReason(shell) { - var active = shell.querySelector('[data-aksrt-report-reason].active'); - if (!active) return { label: '', slug: '' }; - return { - label: active.getAttribute('data-aksrt-report-reason') || '', - slug: active.getAttribute('data-reason-slug') || '', - }; + function showError(element, message) { + element.textContent = message; + element.hidden = !message; } - function collectImages(shell) { - return Array.prototype.map.call( - shell.querySelectorAll('.preview .preview-item img'), - function (img) { return img.getAttribute('src') || ''; } - ).filter(function (url) { return url !== ''; }); - } + function bindReportModal(shell, data, categories) { + var form = shell.querySelector('.aksrt-report-form'); + var submit = form.querySelector('[data-aksrt-report-submit]'); + var reasonError = form.querySelector('[data-aksrt-report-reason-error]'); + var error = form.querySelector('[data-aksrt-report-error]'); + var status = form.querySelector('[data-aksrt-report-status]'); + var otherBox = form.querySelector('.aksrt-report-other'); + var otherInput = form.querySelector('[name="reason_other"]'); + var descInput = form.querySelector('[name="report_desc"]'); + var fileInput = form.querySelector('[data-aksrt-report-file]'); + var images = []; + var submitting = false; + var closed = false; - function uploadImage(shell, file) { - var preview = shell.querySelector('.form-upload .preview'); - if (!preview) return Promise.resolve(); - - var existing = shell.querySelectorAll('.preview .preview-item').length; - if (existing + collectImages(shell).length >= MAX_IMAGES) { - notyf('最多上传 ' + MAX_IMAGES + ' 张图片', 'danger'); - return Promise.resolve(); + function isActive() { + return !closed && window.AksrtModalRuntime.getActive() === shell; } - var body = new FormData(); - body.append('image', file); + function syncState() { + var uploading = images.some(function (image) { return image.status === 'uploading'; }); + submit.disabled = submitting || uploading; + submit.textContent = submitting ? '正在提交…' : uploading ? '图片上传中…' : '提交举报'; + form.setAttribute('aria-busy', String(submitting || uploading)); + status.textContent = submitting ? '正在提交举报，请稍候' : uploading ? '图片正在上传，完成后即可提交' : ''; + var add = form.querySelector('[data-aksrt-report-add]'); + if (add) { + add.disabled = submitting || images.length >= MAX_IMAGES; + form.querySelector('[data-aksrt-report-image-count]').textContent = images.length + ' / ' + MAX_IMAGES; + } + } - return window.fetch(API_ROOT + '/report/upload-image', { - method: 'POST', - headers: { 'X-WP-Nonce': NONCE }, - body: body, - }) - .then(function (res) { return res.json(); }) - .then(function (result) { - var url = result && result.success && result.data && result.data.url; - if (!url) { - notyf((result && result.message) || '图片上传失败', 'danger'); + function deletePending(image) { + if (!image.attachmentId) return; + window.fetch(API_ROOT + '/upload/pending/' + encodeURIComponent(image.attachmentId), { + method: 'DELETE', headers: { 'X-WP-Nonce': NONCE }, + }).catch(function () {}); + } + + function renderImage(image) { + var html = image.url ? '举证图片' : ''; + html += '
'; + if (image.status === 'uploading') html += '上传中…'; + if (image.status === 'error') { + html += '上传失败'; + } + html += '
'; + image.node.innerHTML = html; + image.node.setAttribute('data-upload-state', image.status); + } + + function uploadImage(image) { + image.status = 'uploading'; + renderImage(image); + syncState(); + var body = new FormData(); + body.append('image', image.file); + window.fetch(API_ROOT + '/report/upload-image', { + method: 'POST', headers: { 'X-WP-Nonce': NONCE }, body: body, + }).then(function (response) { return response.json(); }).then(function (result) { + if (!result || !result.success || !result.data || !result.data.url) { + throw new Error((result && result.message) || '图片上传失败，请重试'); + } + image.attachmentId = result.data.id; + if (closed || images.indexOf(image) === -1) { + deletePending(image); return; } - var item = document.createElement('div'); - item.className = 'preview-item'; - var img = document.createElement('img'); - img.src = url; - img.alt = ''; - var remove = document.createElement('button'); - remove.type = 'button'; - remove.className = 'remove'; - remove.setAttribute('aria-label', '删除图片'); - remove.innerHTML = '×'; - var uploadId = result.data && result.data.id; - remove.addEventListener('click', function () { - item.remove(); - // 删除服务端待认领附件；失败由定时任务兜底清理。 - if (uploadId) { - window.fetch(API_ROOT + '/upload/pending/' + encodeURIComponent(uploadId), { - method: 'DELETE', - headers: { 'X-WP-Nonce': NONCE }, - }).catch(function () {}); - } - }); - item.appendChild(img); - item.appendChild(remove); - preview.insertBefore(item, preview.querySelector('.add')); - }) - .catch(function () { - notyf('图片上传失败，请重试', 'danger'); + image.url = result.data.url; + image.status = 'ready'; + renderImage(image); + }).catch(function (failure) { + if (closed || images.indexOf(image) === -1) return; + image.status = 'error'; + renderImage(image); + showError(error, failure.message || '图片上传失败，请重试'); + }).then(function () { + if (!closed) syncState(); }); - } - - function submitReport(data, shell) { - var form = shell.querySelector('.aksrt-report-form'); - if (!form) return; - - var submitBtn = form.querySelector('[data-aksrt-report-submit]'); - var descInput = form.querySelector('[name="report_desc"]'); - var otherInput = form.querySelector('[name="reason_other"]'); - var urlInput = form.querySelector('[name="report_url"]'); - - var selected = selectedReason(shell); - var other = (otherInput && otherInput.value || '').trim(); - - if (!selected.label && !other) { - notyf('请选择或输入举报原因', 'danger'); - return; } - // “其它原因”以自定义文本为举报原因；预置徽章取徽章文案（参考主题同语义）。 - var reason = selected.label === 'other' || !selected.label ? other : selected.label; - var slug = selected.label && selected.label !== 'other' ? selected.slug : ''; - - if (!reason) { - notyf('请填写举报原因', 'danger'); - return; - } - - var link = (urlInput && urlInput.value || '').trim(); - if (link) { - reason += (reason ? '\n' : '') + '违规链接：' + link; - } - var images = collectImages(shell); - if (images.length) { - reason += '\n图片举证：'; - images.forEach(function (url) { reason += '\n' + url; }); - } - - submitBtn.disabled = true; - notyf('正在提交举报…', 'load', 3000, 'aksrt-report-submit'); - - window.fetch(API_ROOT + '/report/submit', { - method: 'POST', - headers: { - 'Content-Type': 'application/json', - 'X-WP-Nonce': NONCE, - }, - body: JSON.stringify({ - target_type: data.target_type, - target_id: data.target_id, - category: slug, - reason: reason, - }), - }) - .then(function (res) { return res.json(); }) - .then(function (result) { - if (result && result.success) { - window.AksrtModalRuntime.close('submit'); - notyf(result.message || '举报已提交，我们会尽快处理', 'success'); - } else { - submitBtn.disabled = false; - notyf((result && result.message) || '举报提交失败', 'danger'); + form.addEventListener('change', function (event) { + if (event.target.name === 'report_reason') { + var other = event.target.value === 'other'; + otherBox.hidden = !other; + otherInput.disabled = !other; + otherInput.required = other; + otherInput.removeAttribute('aria-invalid'); + showError(reasonError, ''); + if (other) otherInput.focus(); + } + if (event.target !== fileInput || submitting) return; + var files = Array.prototype.slice.call(fileInput.files || []); + showError(error, ''); + files.forEach(function (file) { + if (images.length >= MAX_IMAGES) { + showError(error, '最多上传 ' + MAX_IMAGES + ' 张图片，请先删除不需要的图片'); + return; } - }) - .catch(function () { - submitBtn.disabled = false; - notyf('网络错误，请重试', 'danger'); - }) - .then(function () { - var toast = document.getElementById('aksrt-report-submit'); - if (toast) toast.remove(); - }); - } - - function bindAutoHeight(textarea) { - // 对齐参考主题 autoHeight 行为：随内容自动增高，最小保持初始行数高度。 - // 隐藏中的 textarea（如“其它原因”）跳过首次计算，待可见后按实际高度增长。 - if (!textarea || textarea.dataset.aksrtAutoHeight === '1') return; - textarea.dataset.aksrtAutoHeight = '1'; - var minHeight = 0; - var grow = function () { - if (!minHeight) minHeight = textarea.offsetHeight || 0; - textarea.style.height = 'auto'; - textarea.style.height = Math.max(textarea.scrollHeight, minHeight) + 'px'; - }; - textarea.addEventListener('input', grow); - if (textarea.offsetHeight > 0) grow(); - } - - function bindReportModal(shell) { - shell.querySelectorAll('textarea.form-control').forEach(bindAutoHeight); - - shell.addEventListener('click', function (event) { - // 原因徽章：单选 active（参考主题 .active.badg 焦点色），其它原因展开文本框。 - // 参考主题行为：重复点击已选徽章保持选中（先全清再激活），不做反选。 - var chip = event.target.closest('[data-aksrt-report-reason]'); - if (chip) { - event.preventDefault(); - shell.querySelectorAll('[data-aksrt-report-reason].active').forEach(function (el) { - el.classList.remove('active'); - }); - chip.classList.add('active'); - var otherBox = shell.querySelector('.aksrt-report-other'); - if (otherBox) otherBox.style.display = chip.getAttribute('data-aksrt-report-reason') === 'other' ? '' : 'none'; - return; - } - - // 图片举证：点击加号或预览补位触发文件选择。 - var addBtn = event.target.closest('[data-aksrt-report-add]'); - if (addBtn) { - event.preventDefault(); - var fileInput = shell.querySelector('[data-aksrt-report-file]'); - if (fileInput) fileInput.click(); - return; - } - - var submitBtn = event.target.closest('[data-aksrt-report-submit]'); - if (submitBtn) { - event.preventDefault(); - submitReport(shell.getAttribute('data-aksrt-report-target') ? JSON.parse(shell.getAttribute('data-aksrt-report-target')) : {}, shell); - } - }); - - shell.addEventListener('change', function (event) { - var fileInput = event.target.closest('[data-aksrt-report-file]'); - if (!fileInput || !fileInput.files || !fileInput.files.length) return; - Array.prototype.forEach.call(fileInput.files, function (file) { - uploadImage(shell, file); + if (!/^image\/(jpeg|png|gif)$/.test(file.type)) { + showError(error, '请选择 JPG、PNG 或 GIF 图片'); + return; + } + var image = { file: file, status: 'uploading', url: '', attachmentId: 0, node: document.createElement('div') }; + image.node.className = 'aksrt-report-image'; + images.push(image); + form.querySelector('[data-aksrt-report-images]').appendChild(image.node); + uploadImage(image); }); fileInput.value = ''; }); + + form.addEventListener('input', function (event) { + if (event.target === descInput) form.querySelector('[data-aksrt-report-count]').textContent = descInput.value.length + ' / 2000'; + if (event.target === otherInput) { + otherInput.removeAttribute('aria-invalid'); + showError(reasonError, ''); + } + }); + + form.addEventListener('click', function (event) { + var add = event.target.closest('[data-aksrt-report-add]'); + if (add && !add.disabled && !submitting) fileInput.click(); + var imageNode = event.target.closest('.aksrt-report-image'); + if (!imageNode || submitting) return; + var image = images.find(function (entry) { return entry.node === imageNode; }); + if (!image) return; + if (event.target.closest('[data-aksrt-report-remove]')) { + images.splice(images.indexOf(image), 1); + image.node.remove(); + deletePending(image); + showError(error, ''); + syncState(); + } else if (event.target.closest('[data-aksrt-report-retry]') && image.status === 'error') { + showError(error, ''); + uploadImage(image); + } + }); + + form.addEventListener('submit', function (event) { + event.preventDefault(); + if (submitting || closed) return; + showError(error, ''); + var selected = form.querySelector('[name="report_reason"]:checked'); + if (!selected) { + showError(reasonError, '请选择一项举报原因'); + form.querySelector('[name="report_reason"]').focus(); + return; + } + var category = selected.value === 'other' ? null : categories[Number(selected.value)]; + var reason = category ? String(category.name) : otherInput.value.trim(); + if (!reason) { + showError(reasonError, '请填写举报原因'); + otherInput.setAttribute('aria-invalid', 'true'); + otherInput.focus(); + return; + } + if (images.some(function (image) { return image.status !== 'ready'; })) { + showError(error, '请等待图片上传完成，或重试、删除上传失败的图片'); + return; + } + var description = descInput.value.trim(); + if (description) reason += '\n详细描述：\n' + description; + if (images.length) reason += '\n图片举证：\n' + images.map(function (image) { return image.url; }).join('\n'); + submitting = true; + syncState(); + form.querySelectorAll('input, textarea, [data-aksrt-report-remove], [data-aksrt-report-retry]').forEach(function (element) { element.disabled = true; }); + window.fetch(API_ROOT + '/report/submit', { + method: 'POST', + headers: { 'Content-Type': 'application/json', 'X-WP-Nonce': NONCE }, + body: JSON.stringify({ target_type: data.target_type, target_id: data.target_id, category: category ? category.slug : '', reason: reason }), + }).then(function (response) { return response.json(); }).then(function (result) { + if (!result || !result.success) throw new Error((result && result.message) || '举报提交失败，请重试'); + // Submitted evidence belongs to the report even if its dialog has already closed. + images = []; + form.setAttribute('aria-busy', 'false'); + submit.textContent = '举报已提交'; + status.textContent = result.message || '举报已提交，我们会尽快处理'; + form.querySelector('[data-aksrt-modal-close]').textContent = '关闭'; + if (isActive()) window.AksrtModalRuntime.close('submit'); + notyf(result.message || '举报已提交，我们会尽快处理', 'success'); + }).catch(function (failure) { + submitting = false; + if (closed) { + images.forEach(deletePending); + return; + } + form.querySelectorAll('input, textarea, [data-aksrt-report-remove], [data-aksrt-report-retry]').forEach(function (element) { element.disabled = false; }); + otherInput.disabled = otherBox.hidden; + syncState(); + showError(error, failure.message || '网络错误，请重试'); + }); + }); + + function onClose(event) { + if (!event.detail || event.detail.shell !== shell) return; + closed = true; + document.removeEventListener('aksrt:modal:close', onClose); + // While submitting, the response decides whether pending evidence is still needed. + if (!submitting) images.forEach(deletePending); + } + document.addEventListener('aksrt:modal:close', onClose); + otherInput.disabled = true; + syncState(); } - function openReportModal(data) { - if (!window.AksrtModalRuntime || typeof window.AksrtModalRuntime.open !== 'function') { + function openReportModal(data, opener) { + var runtime = window.AksrtModalRuntime; + if (!runtime || typeof runtime.open !== 'function') { notyf('举报组件加载失败，请刷新页面后重试', 'danger'); return; } - - var shell = window.AksrtModalRuntime.open({ - html: buildReportModalHtml(data), - className: 'aksrt-report-modal', - kind: 'report', - mobileBottom: true, + var categories = getReportCategories(); + var shell = runtime.open({ + html: buildReportModalHtml(data, categories), title: TARGETS[data.target_type].title, + className: 'aksrt-report-modal', kind: 'report', mobileBottom: true, focusReturn: opener, }); - shell.setAttribute('data-aksrt-report-target', JSON.stringify({ - target_type: data.target_type, - target_id: data.target_id, - })); - bindReportModal(shell); + bindReportModal(shell, data, categories); } function initReportButtons() { if (document.documentElement.dataset.aksrtReportInitialized === '1') return; document.documentElement.dataset.aksrtReportInitialized = '1'; - document.addEventListener('click', function (e) { - var btn = e.target.closest('[data-aksrt-report]'); - if (!btn) return; - e.preventDefault(); - - try { - var data = JSON.parse(btn.getAttribute('data-aksrt-report')); - if (data && data.target_type && data.target_id) { - openReportModal(data); - } - } catch { - // invalid data attribute - } + document.addEventListener('click', function (event) { + var button = event.target.closest('[data-aksrt-report]'); + if (!button) return; + event.preventDefault(); + var data; + try { data = JSON.parse(button.getAttribute('data-aksrt-report')); } catch (error) { return; } + if (data && TARGETS[data.target_type] && Number(data.target_id) > 0) openReportModal(data, button); }); } diff --git a/inc/helpers/comments/item.php b/inc/helpers/comments/item.php index 0eb23bf1..6df2aa5c 100644 --- a/inc/helpers/comments/item.php +++ b/inc/helpers/comments/item.php @@ -177,10 +177,9 @@ if (!function_exists('aksrt_get_comment_report_html')) : } $report_payload = wp_json_encode([ - 'target_type' => 'comment', - 'target_id' => (int) $comment->comment_ID, - 'target_name' => get_comment_author($comment), - 'target_avatar' => get_avatar_url((int) $comment->user_id > 0 ? (int) $comment->user_id : 0, ['size' => 40]) ?: '', + 'target_type' => 'comment', + 'target_id' => (int) $comment->comment_ID, + 'target_name' => get_comment_author($comment), ]); return '
  • ' . esc_html__('举报', 'aksrt') . '
    • '; diff --git a/src/Core/ScriptsPart1b.php b/src/Core/ScriptsPart1b.php index b33baacf..41c224c8 100644 --- a/src/Core/ScriptsPart1b.php +++ b/src/Core/ScriptsPart1b.php @@ -300,6 +300,13 @@ trait ScriptsPart1b { if (is_singular() || $is_profile_page) { $report_js_path = get_template_directory() . '/assets/js/report.js'; if (file_exists($report_js_path)) { + $report_css_path = get_template_directory() . '/assets/css/frontend/report.css'; + wp_enqueue_style( + 'aksrt-report', + $base_uri . '/assets/css/frontend/report.css', + [$core_dep], + file_exists($report_css_path) ? (string) filemtime($report_css_path) : $version + ); wp_enqueue_script( 'aksrt-report', $base_uri . '/assets/js/report.js', diff --git a/templates/parts/user/author-hero.php b/templates/parts/user/author-hero.php index 245a2697..edebf832 100644 --- a/templates/parts/user/author-hero.php +++ b/templates/parts/user/author-hero.php @@ -107,12 +107,10 @@ $show_cover_menu = $has_more_details || $show_cover_report || $cover_ban_html != 'user', - 'target_id' => $user_id, - 'target_name' => $user->display_name, - 'target_avatar' => get_avatar_url($user_id, ['size' => 40]), + 'target_type' => 'user', + 'target_id' => $user_id, + 'target_name' => $user->display_name, ]; ?> diff --git a/tests/widget-system/report-ban-contract.test.cjs b/tests/widget-system/report-ban-contract.test.cjs index 4fcca6be..f674e1c7 100644 --- a/tests/widget-system/report-ban-contract.test.cjs +++ b/tests/widget-system/report-ban-contract.test.cjs @@ -391,35 +391,32 @@ test('native ban page uses the scoped template-and-dialog admin flow', () => { assert.match(banJs, /if \(!submitting\) dialog\.close\(\)/); assert.match(banCss, /html\.aksrt-ban-modal-open \{ overflow: hidden/); }); -test('report modal mirrors the reference theme: preset reasons, image evidence, notice, geometry', () => { +test('report modal uses accessible reasons, automatic target association and optional evidence', () => { const scripts = read('src/Core/ScriptsPart1c.php') - // 预置原因真实数据源是 ban_preset_reason（UserRuntime::ban_settings）， - // 不再读取 report_settings 中不存在的 categories 键（短路已修）。 assert.match(scripts, /UserRuntime::ban_settings\(\)\['reasons'\]/) assert.ok(!scripts.includes("$report['categories']"), 'dead report.categories source must be removed') - // 图片举证开关与举报说明随 aksrtData 注入。 assert.match(scripts, /imgEnabled/) assert.match(scripts, /report_settings\(\)/) const reportJs = read('assets/js/report.js') - // Zibll 同构标记：edit-header 警示头、原因徽章 active 焦点色、其它原因、 - // 图片举证入口（后台开启时）、举报说明注入、but-average modal-buts 底栏。 - for (const part of ['edit-header', 'toggle-radius mr10 c-red', 'data-aksrt-report-reason', 'form-but-radio', '其它原因', '违规链接', '详细描述', '添加图片举证', 'but-average modal-buts']) { - assert.ok(reportJs.includes(part), `report.js missing reference-theme part: ${part}`) + for (const part of ['aksrt-report-target', 'name="report_reason"', 'type="radio"', '其他原因', '补充说明', '图片举证', '提交举报', '无需填写链接']) { + assert.ok(reportJs.includes(part), `report.js missing form contract: ${part}`) } + assert.doesNotMatch(reportJs, /report_url|违规链接|data-aksrt-report-reason=|bindAutoHeight/) + for (const source of [reportJs, commentItem, authorHero]) assert.doesNotMatch(source, /target_avatar/) + assert.match(reportJs, /description\) reason \+= '\\n详细描述：\\n' \+ description/) assert.match(reportJs, /report\/upload-image/) - assert.ok(!reportJs.includes('is-active'), 'chips must toggle the reference .active class, not a custom one') - - // 举报图片上传端点存在，复用评论上传回调、独立权限（登录 + 举报 + 图片开关）。 + assert.match(reportJs, /window\.AksrtModalRuntime\.getActive\(\) === shell/) assert.match(userController, /'\/report\/upload-image'/) - // 几何 1:1：桌面端 600px（参考主题 Bootstrap 默认模态宽）。 - const css = read('assets/css/frontend/modal-runtime.css') + const css = read('assets/css/frontend/report.css') assert.match(css, /\.aksrt-report-modal:not\(\.aksrt-modal-runtime--bottom\) \.aksrt-modal-runtime__dialog/) assert.match(css, /600px/) - // 加号图标单一来源：main.css 的 .preview .add:before/:after（inset:0 + margin:auto）， - // modal-runtime 不得重复定义（否则过约束冲突，加号偏移只剩“L”形）。 - assert.ok(!/form-upload \.preview \.add::?(before|after)/.test(css), 'duplicated add plus rules must stay out of modal-runtime.css') + assert.match(css, /:focus-visible/) + assert.match(css, /safe-area-inset-bottom/) + assert.match(css, /\[hidden\] \{ display: none !important;/) + assert.doesNotMatch(modalRuntimeCss, /aksrt-report-modal/, 'retired report styles must not remain in the shared stylesheet') + assert.match(scriptsPart1b, /assets\/css\/frontend\/report\.css/) }) test('comments expose a report entry for other users when reporting is enabled', () => { @@ -525,15 +522,13 @@ test('suspend (小黑屋) enforcement blocks publishing end to end', () => { assert.match(restriction, /您已被关入小黑屋，暂时无法评论/) }) -test('report modal close icon and textarea autoHeight match the reference theme', () => { +test('report modal delegates its labelled title, close button and focus return to the shared runtime', () => { const reportJs = read('assets/js/report.js') - // 关闭按钮走 SVG 雪碧图 icon-close（与参考主题 .ic-close 同构，fa-times 退役）。 - assert.match(reportJs, / &'; + const modal = runtime.openReport({ target_type: 'post', target_id: 73, target_name: targetName }); + const target = modal.shell.querySelector('.aksrt-report-target__name'); + const reason = modal.shell.querySelector('.aksrt-report-reason span'); + + assert.equal(modal.event.defaultPrevented, true); + assert.equal(modal.options.title, '举报文章'); + assert.equal(modal.options.focusReturn, modal.opener); + assert.equal(runtime.activeModal, modal.shell); + assert.ok(target.textContent.includes('<img')); + assert.equal(target.querySelector('img'), null); + assert.equal(reason.querySelector('svg'), null); + assert.equal(modal.shell.querySelector('[name="report_url"]'), null); + assert.equal(modal.shell.querySelector('input[type="url"]'), null); + assert.ok(modal.shell.querySelector('.aksrt-report-target')); +}); + +test('requires a radio reason and other text, then sends canonical fields with description', async () => { + const runtime = createRuntime(); + const modal = runtime.openReport(); + const form = modal.shell.querySelector('.aksrt-report-form'); + const reasonError = form.querySelector('[data-aksrt-report-reason-error]'); + const otherBox = form.querySelector('.aksrt-report-other'); + const otherInput = form.querySelector('[name="reason_other"]'); + const description = form.querySelector('[name="report_desc"]'); + + submit(modal); + assert.equal(reasonError.hidden, false); + assert.equal(reasonError.textContent, '请选择一项举报原因'); + assert.equal(runtime.document.activeElement, form.querySelector('[name="report_reason"]')); + assert.equal(callsFor(runtime, '/report/submit').length, 0); + + selectReason(modal, 'other'); + assert.equal(otherBox.hidden, false); + assert.equal(otherInput.disabled, false); + submit(modal); + assert.equal(reasonError.textContent, '请填写举报原因'); + assert.equal(otherInput.getAttribute('aria-invalid'), 'true'); + assert.equal(runtime.document.activeElement, otherInput); + assert.equal(callsFor(runtime, '/report/submit').length, 0); + + otherInput.value = '自定义原因'; + otherInput.dispatch('input'); + description.value = '补充背景'; + description.dispatch('input'); + submit(modal); + const call = callsFor(runtime, '/report/submit')[0]; + const payload = payloadFor(call); + + assert.deepEqual(Object.keys(payload).sort(), ['category', 'reason', 'target_id', 'target_type']); + assert.deepEqual(payload, { + target_type: 'post', + target_id: 42, + category: '', + reason: '自定义原因\n详细描述：\n补充背景', + }); + call.resolve({ success: true, message: '已提交' }); + await flushPromises(); +}); + +test('preset reason ignores hidden custom text while including description in reason', () => { + const runtime = createRuntime(); + const modal = runtime.openReport(); + const otherInput = modal.shell.querySelector('[name="reason_other"]'); + const description = modal.shell.querySelector('[name="report_desc"]'); + otherInput.value = 'hidden custom text'; + description.value = 'More context'; + selectReason(modal, 1); + + assert.equal(modal.shell.querySelector('.aksrt-report-other').hidden, true); + assert.equal(otherInput.disabled, true); + submit(modal); + const payload = payloadFor(callsFor(runtime, '/report/submit')[0]); + + assert.deepEqual(payload, { + target_type: 'post', + target_id: 42, + category: 'abuse', + reason: '人身攻击\n详细描述：\nMore context', + }); +}); + +test('omits all image controls when image evidence is disabled', () => { + const runtime = createRuntime({ imgEnabled: false }); + const modal = runtime.openReport(); + + assert.equal(modal.shell.querySelector('[data-aksrt-report-file]'), null); + assert.equal(modal.shell.querySelector('[data-aksrt-report-add]'), null); + assert.equal(modal.shell.querySelector('[data-aksrt-report-images]'), null); + assert.equal(modal.shell.querySelector('[data-aksrt-report-image-count]'), null); +}); + +test('counts in-flight images once, accepts exactly three, and blocks submit until ready', async () => { + const runtime = createRuntime(); + const modal = runtime.openReport(); + selectReason(modal, 0); + const fileInput = modal.shell.querySelector('[data-aksrt-report-file]'); + fileInput.files = [1, 2, 3].map((index) => ({ name: `evidence-${index}.png`, type: 'image/png' })); + fileInput.dispatch('change'); + + assert.equal(callsFor(runtime, '/report/upload-image').length, 3); + assert.equal(modal.shell.querySelector('[data-aksrt-report-image-count]').textContent, '3 / 3'); + assert.equal(modal.shell.querySelector('[data-aksrt-report-submit]').disabled, true); + assert.equal(modal.shell.querySelector('[data-aksrt-report-status]').textContent, '图片正在上传，完成后即可提交'); + submit(modal); + assert.equal(callsFor(runtime, '/report/submit').length, 0); + + callsFor(runtime, '/report/upload-image').forEach((call, index) => call.resolve({ + success: true, + data: { id: 800 + index, url: `https://evidence.test/${index + 1}.png` }, + })); + await flushPromises(); + assert.equal(modal.shell.querySelectorAll('.aksrt-report-image').length, 3); + assert.equal(modal.shell.querySelector('[data-aksrt-report-image-count]').textContent, '3 / 3'); + assert.equal(modal.shell.querySelector('[data-aksrt-report-add]').disabled, true); + + fileInput.files = [{ name: 'fourth.png', type: 'image/png' }]; + fileInput.dispatch('change'); + assert.equal(callsFor(runtime, '/report/upload-image').length, 3); + + submit(modal); + const call = callsFor(runtime, '/report/submit')[0]; + const payload = payloadFor(call); + for (const index of [1, 2, 3]) assert.ok(payload.reason.includes(`https://evidence.test/${index}.png`)); + call.resolve({ success: true }); + await flushPromises(); +}); + +test('retries a failed upload and deletes its pending attachment when removed', async () => { + const runtime = createRuntime(); + const modal = runtime.openReport(); + const fileInput = modal.shell.querySelector('[data-aksrt-report-file]'); + fileInput.files = [{ name: 'retry.png', type: 'image/png' }]; + fileInput.dispatch('change'); + + callsFor(runtime, '/report/upload-image')[0].resolve({ success: false, message: 'Upload failed' }); + await flushPromises(); + const image = modal.shell.querySelector('.aksrt-report-image'); + assert.equal(image.getAttribute('data-upload-state'), 'error'); + assert.match(modal.shell.querySelector('[data-aksrt-report-error]').textContent, /Upload failed/); + + image.querySelector('[data-aksrt-report-retry]').dispatch('click'); + const retry = callsFor(runtime, '/report/upload-image')[1]; + assert.ok(retry); + retry.resolve({ success: true, data: { id: 901, url: 'https://evidence.test/retry.png' } }); + await flushPromises(); + assert.equal(image.getAttribute('data-upload-state'), 'ready'); + + image.querySelector('[data-aksrt-report-remove]').dispatch('click'); + const deletion = callsFor(runtime, '/upload/pending/901')[0]; + assert.ok(deletion); + assert.equal(deletion.options.method, 'DELETE'); + assert.equal(modal.shell.querySelectorAll('.aksrt-report-image').length, 0); + assert.equal(modal.shell.querySelector('[data-aksrt-report-image-count]').textContent, '0 / 3'); +}); + +test('server failure preserves values, reenables controls, and allows a retry', async () => { + const runtime = createRuntime(); + const modal = runtime.openReport(); + selectReason(modal, 'other'); + const form = modal.shell.querySelector('.aksrt-report-form'); + const otherInput = form.querySelector('[name="reason_other"]'); + const description = form.querySelector('[name="report_desc"]'); + const submitButton = form.querySelector('[data-aksrt-report-submit]'); + otherInput.value = 'A custom report reason'; + description.value = 'Additional context'; + + submit(modal); + const failedRequest = callsFor(runtime, '/report/submit')[0]; + assert.equal(submitButton.disabled, true); + assert.equal(otherInput.disabled, true); + failedRequest.resolve({ success: false, message: 'Server rejected report' }); + await flushPromises(); + + assert.equal(otherInput.value, 'A custom report reason'); + assert.equal(description.value, 'Additional context'); + assert.equal(form.querySelector('[name="report_reason"]:checked').value, 'other'); + assert.equal(otherInput.disabled, false); + assert.equal(description.disabled, false); + assert.equal(submitButton.disabled, false); + assert.equal(form.querySelector('[data-aksrt-report-error]').textContent, 'Server rejected report'); + + submit(modal); + const retry = callsFor(runtime, '/report/submit')[1]; + assert.equal(payloadFor(retry).reason, 'A custom report reason\n详细描述：\nAdditional context'); + retry.resolve({ success: true }); + await flushPromises(); +}); + +test('blocks duplicate submits and closing an old submitting dialog cannot close the new one', async () => { + const runtime = createRuntime(); + const oldModal = runtime.openReport(); + selectReason(oldModal, 0); + submit(oldModal); + submit(oldModal); + assert.equal(callsFor(runtime, '/report/submit').length, 1); + + const newModal = runtime.openReport({ target_type: 'comment', target_id: 88, target_name: 'Comment' }); + runtime.modalRuntime.close('dismiss', oldModal.shell); + callsFor(runtime, '/report/submit')[0].resolve({ success: true }); + await flushPromises(); + + assert.equal(runtime.activeModal, newModal.shell); + assert.equal(runtime.closeCalls.length, 1); + assert.equal(runtime.closeCalls[0].shell, oldModal.shell); +}); + +test('cleans pending attachments on close and when an upload completes after close', async () => { + const runtime = createRuntime(); + const readyModal = runtime.openReport(); + const readyFile = readyModal.shell.querySelector('[data-aksrt-report-file]'); + readyFile.files = [{ name: 'ready.png', type: 'image/png' }]; + readyFile.dispatch('change'); + callsFor(runtime, '/report/upload-image')[0].resolve({ + success: true, + data: { id: 1001, url: 'https://evidence.test/ready.png' }, + }); + await flushPromises(); + runtime.modalRuntime.close('cancel', readyModal.shell); + + const readyDeletion = callsFor(runtime, '/upload/pending/1001')[0]; + assert.ok(readyDeletion); + assert.equal(readyDeletion.options.method, 'DELETE'); + + const pendingModal = runtime.openReport(); + const pendingFile = pendingModal.shell.querySelector('[data-aksrt-report-file]'); + pendingFile.files = [{ name: 'pending.png', type: 'image/png' }]; + pendingFile.dispatch('change'); + const pendingUpload = callsFor(runtime, '/report/upload-image')[1]; + runtime.modalRuntime.close('cancel', pendingModal.shell); + assert.equal(callsFor(runtime, '/upload/pending/1002').length, 0); + + pendingUpload.resolve({ + success: true, + data: { id: 1002, url: 'https://evidence.test/pending.png' }, + }); + await flushPromises(); + const lateDeletion = callsFor(runtime, '/upload/pending/1002')[0]; + assert.ok(lateDeletion); + assert.equal(lateDeletion.options.method, 'DELETE'); +}); + +test('keeps a live child modal open and marks the finished report after success', async () => { + const runtime = createRuntime(); + const report = runtime.openReport(); + selectReason(report, 0); + submit(report); + const request = callsFor(runtime, '/report/submit')[0]; + const child = runtime.modalRuntime.open({ className: 'aksrt-child-modal', html: '

    Child dialog

    ' }); + request.resolve({ success: true }); + await flushPromises(); + + const form = report.shell.querySelector('.aksrt-report-form'); + assert.equal(runtime.activeModal, child); + assert.equal(runtime.closeCalls.length, 0); + assert.equal(form.getAttribute('aria-busy'), 'false'); + assert.equal(form.querySelector('[data-aksrt-report-submit]').textContent, '举报已提交'); + assert.ok(report.shell.querySelector('[data-aksrt-report-status]')); +}); + +test('retains claimed evidence on post-close success and deletes it on post-close failure', async () => { + const runtime = createRuntime(); + async function submitClosedReport(id, result) { + const modal = runtime.openReport(); + selectReason(modal, 0); + const fileInput = modal.shell.querySelector('[data-aksrt-report-file]'); + fileInput.files = [{ name: `${id}.png`, type: 'image/png' }]; + fileInput.dispatch('change'); + callsFor(runtime, '/report/upload-image').at(-1).resolve({ + success: true, + data: { id, url: `https://evidence.test/${id}.png` }, + }); + await flushPromises(); + submit(modal); + const request = callsFor(runtime, '/report/submit').at(-1); + runtime.modalRuntime.close('dismiss', modal.shell); + request.resolve(result); + await flushPromises(); + } + + await submitClosedReport(1101, { success: true }); + assert.equal(callsFor(runtime, '/upload/pending/1101').length, 0); + await submitClosedReport(1102, { success: false, message: 'Rejected' }); + const deletion = callsFor(runtime, '/upload/pending/1102')[0]; + assert.ok(deletion); + assert.equal(deletion.options.method, 'DELETE'); +});