@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary-color:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--card-bg:var(--bg-primary);--hover-bg:#e2e8f0;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#94a3b833;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 40px #00000014;--shadow-xl:0 20px 60px #0000001f;--shadow-glow:0 0 30px #6366f140;--shadow-primary:0 4px 14px #6366f159;--glass-bg:#ffffffd9;--glass-border:#ffffff80;--glass-shadow:0 8px 32px #00000014;--sidebar-width:280px;--header-height:72px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--card-bg:var(--bg-primary);--hover-bg:#475569;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#94a3b826;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 40px #0006;--shadow-xl:0 20px 60px #00000080;--shadow-glow:0 0 40px #6366f166;--shadow-primary:0 4px 20px #6366f180;--glass-bg:#0f172ae6;--glass-border:#94a3b81a;--glass-shadow:0 8px 32px #0006;--overlay-color:#000000a6}[data-admin-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--card-bg:var(--bg-primary);--hover-bg:#e2e8f0;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#94a3b833;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 40px #00000014;--shadow-xl:0 20px 60px #0000001f;--shadow-glow:0 0 30px #6366f140;--shadow-primary:0 4px 14px #6366f159;--glass-bg:#ffffffd9;--glass-border:#ffffff80;--glass-shadow:0 8px 32px #00000014;--overlay-color:#00000073}[data-admin-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--card-bg:var(--bg-primary);--hover-bg:#475569;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#94a3b826;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 40px #0006;--shadow-xl:0 20px 60px #00000080;--shadow-glow:0 0 40px #6366f166;--shadow-primary:0 4px 20px #6366f180;--glass-bg:#0f172ae6;--glass-border:#94a3b81a;--glass-shadow:0 8px 32px #0006;--overlay-color:#000000a6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-primary);background:var(--bg-secondary);min-height:100vh;margin:0;font-family:Outfit,Noto Serif SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}.lazy-image{opacity:0;transition:opacity .3s}.lazy-image.loaded{opacity:1}#app{background:var(--bg-primary);min-height:100vh;position:relative}.app-bg-gradient{z-index:-1;opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity .5s,visibility .5s;position:fixed;top:0;left:0}.app-bg-gradient.has-gradient{opacity:1;visibility:visible;background:var(--background-gradient)}.glass,.glass-strong{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);will-change:transform;transform:translateZ(0)}.glass-light{will-change:transform;background:#ffffffd9;border:1px solid #ffffff4d;transform:translateZ(0)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);will-change:transform;transition:transform .3s,border-color .3s,box-shadow .3s;transform:translateZ(0)}.glass-card:hover{box-shadow:var(--glass-shadow), var(--shadow-glow);border-color:#6366f14d;transform:translateY(-2px)}.glow-effect{box-shadow:var(--shadow-glow)}.gradient-text{background:linear-gradient(135deg, var(--primary-color), #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hover-lift{transition:transform var(--transition-base), box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{color:var(--text-primary);background:#6366f133}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}img{image-rendering:auto}a,button,input,select,textarea{transition-timing-function:cubic-bezier(.4,0,.2,1)}[data-iframe] .header-content,[data-iframe] .admin-header{padding-left:16px!important;padding-right:16px!important}[data-iframe] .article-list-page,[data-iframe] .article-detail-page,[data-iframe] .category-detail-page,[data-iframe] .landing-page .landing-main,[data-iframe] .home-page .main-content{padding:0!important}[data-iframe] .moments-page,[data-iframe] .resources-page{padding-bottom:0!important}[data-iframe] .moments-header,[data-iframe] .resources-header,[data-iframe] .content-wrapper,[data-iframe] .articles-container,[data-iframe] .admin-categories,[data-iframe] .admin-menus,[data-iframe] .admin-permissions,[data-iframe] .admin-roles{padding:0!important}[data-iframe] .excel-editor-page,[data-iframe] .article-editor,[data-iframe] .word-editor,[data-iframe] .flowchart-editor{border-radius:0!important;height:100vh!important}[data-iframe] body,[data-iframe] #app{margin:0!important;padding:0!important}