:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--color-primary:#b5654a;--color-brick-red:#b5654a;--color-cream:#f5f1e6;--color-light-brown:#d7ccc8;--color-medium-brown:#8b7355;--color-dark-brown:#5d4037;--color-primary-hover:#9c5340;--color-primary-light:#e8c4b8;--color-secondary:#8b7355;--color-secondary-hover:#756049;--color-secondary-light:#d7ccc8;--color-background:#f5f1e6;--color-surface:#fff;--color-surface-alt:#fff8e1;--color-border:#d7ccc8;--color-border-light:#efebe9;--color-border-dark:#bcaaa4;--color-text:#5d4037;--color-text-secondary:#8b7355;--color-text-light:#a1887f;--color-text-disabled:#bdbdbd;--color-accent:#7a9e7e;--color-warning:#ffb74d;--color-error:#d32f2f;--color-info:#4a6572;--font-family-heading:"Ma Shan Zheng", "Microsoft YaHei", sans-serif;--font-family-body:"Noto Serif SC", "SimSun", serif;--font-family-code:"JetBrains Mono", "Cascadia Code", monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px;--font-size-5xl:36px;--font-size-6xl:48px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #8b73551a;--shadow-md:0 4px 16px #8b735526;--shadow-lg:0 8px 32px #8b735533;--shadow-xl:0 12px 48px #8b735540;--shadow-inner:inset 0 2px 4px #8b73551a;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--transition-bounce:.25s cubic-bezier(.68, -.55, .265, 1.55);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}@media (prefers-color-scheme:dark){:root{--color-background:#1a1a1a;--color-surface:#2d2d2d;--color-text:#e0e0e0;--color-text-secondary:#a0a0a0;--color-border:#404040}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);min-height:100vh;overflow-x:hidden}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4);color:var(--color-text)}h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-6)}h2{font-size:var(--font-size-4xl);margin-bottom:var(--space-5)}h3{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}h4{font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}h5{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}h6{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}small{font-size:var(--font-size-sm);color:var(--color-text-secondary)}strong{font-weight:var(--font-weight-semibold)}em{font-style:italic}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}img{max-width:100%;height:auto;display:block}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-light)}table{border-collapse:collapse;width:100%;margin-bottom:var(--space-4)}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:var(--font-weight-semibold);background-color:var(--color-surface-alt)}code{font-family:var(--font-family-code);font-size:var(--font-size-sm);background-color:var(--color-surface-alt);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}pre{font-family:var(--font-family-code);font-size:var(--font-size-sm);background-color:var(--color-surface-alt);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow-x:auto}pre code{background:0 0;padding:0}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-4);margin:0 auto}@media (width>=768px){.container{padding:0 var(--space-6)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-accent)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-surface-alt{background-color:var(--color-surface-alt)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}@media (width>=768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.fade-in{animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp var(--transition-normal)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sewing-stitch{position:relative}.sewing-stitch:after{content:"";background-image:repeating-linear-gradient(to right, transparent, transparent 4px, var(--color-primary) 4px, var(--color-primary) 8px);height:2px;position:absolute;bottom:-4px;left:0;right:0}@media print{.no-print{display:none!important}body{color:#000;background-color:#fff}a{color:#000;text-decoration:underline}}:focus,:focus-visible,:focus-within{box-shadow:none!important;outline:none!important}.ant-menu-item:focus,.ant-menu-item:focus-visible,.ant-menu-item:active,.ant-menu-item-selected:focus,.ant-menu-item-selected:focus-visible,.ant-menu-item :focus,.ant-menu-item :focus-visible{box-shadow:none!important;text-shadow:none!important;-webkit-text-stroke:0!important;outline:none!important}.ant-menu-item,.ant-menu-item *{text-shadow:none!important;-webkit-text-stroke:0!important;text-decoration:none!important}.sewing-header :focus,.sewing-header :focus-visible{text-shadow:none!important;-webkit-text-stroke:0!important;outline:none!important}.sewing-header{box-shadow:var(--shadow-sm);z-index:var(--z-index-sticky);border-bottom:1px solid var(--color-border);height:auto;line-height:normal;position:sticky;top:0;background-color:var(--color-surface)!important;padding:0!important}.header-container{max-width:var(--container-xl);padding:0 var(--space-4);justify-content:space-between;align-items:center;height:80px;margin:0 auto;display:flex}.header-logo{align-items:center;display:flex}.logo-link{color:var(--color-primary);transition:all var(--transition-fast);border-radius:var(--radius-md);outline:none;align-items:center;text-decoration:none;display:flex}.logo-link:hover{transform:scale(1.02)}.logo-link:focus{outline:none;box-shadow:inset 0 0 0 1px #bc6c254d}.logo-link:active{transform:scale(.98);box-shadow:inset 0 0 0 2px #bc6c2533}.logo-container{flex-direction:column;align-items:center;gap:4px;min-width:80px;display:flex}.logo-image{object-fit:contain;width:auto;max-width:80px;height:48px;transition:transform var(--transition-fast)}.logo-link:hover .logo-image{transform:scale(1.05)}.logo-text-container{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:120px;display:flex}.logo-text{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-dark-brown);white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;line-height:1.2;overflow:hidden}.logo-subtitle{font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--color-medium-brown);white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;line-height:1.2;overflow:hidden}.header-nav{margin-left:var(--space-8);flex:1;justify-content:center;display:flex}.desktop-nav{display:block}.nav-menu{line-height:62px;background:0 0!important;border-bottom:none!important}.nav-menu .ant-menu-item{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:0 var(--space-3)!important;-webkit-tap-highlight-color:transparent!important;text-shadow:none!important;-webkit-text-stroke:0!important;outline:none!important;margin:0 2px!important;text-decoration:none!important}.nav-menu .ant-menu-item:hover{color:var(--color-primary)!important;background-color:var(--color-background)!important;text-shadow:none!important;-webkit-text-stroke:0!important}.nav-menu .ant-menu-item:focus,.nav-menu .ant-menu-item:focus-visible{border-radius:var(--radius-md)!important;text-shadow:none!important;-webkit-text-stroke:0!important;background-color:#bc6c251a!important;outline:none!important}.nav-menu .ant-menu-item:active{transform:scale(.98);border-radius:var(--radius-md)!important;text-shadow:none!important;-webkit-text-stroke:0!important;background-color:#bc6c2526!important;outline:none!important}.nav-menu .ant-menu-item .anticon{margin-right:-4px!important}.nav-menu .ant-menu-item a,.nav-menu .ant-menu-item span,.nav-menu .ant-menu-item div{text-shadow:none!important;-webkit-text-stroke:0!important;outline:none!important;text-decoration:none!important}.nav-menu .ant-menu-item a:focus,.nav-menu .ant-menu-item a:focus-visible,.nav-menu .ant-menu-item a:active{text-shadow:none!important;-webkit-text-stroke:0!important;outline:none!important}.nav-menu .ant-menu-item-selected{font-weight:var(--font-weight-semibold);color:#fff!important;background-color:var(--color-primary)!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 0 0 1px #ffffff4d!important}.nav-menu .ant-menu-item-selected:after{display:none!important}.nav-menu .ant-menu-item-selected:focus{box-shadow:inset 0 0 0 2px #ffffff80!important}.header-actions{align-items:center;gap:var(--space-4);display:flex}.header-search{width:240px}.search-input .ant-input{border-radius:var(--radius-lg);border-color:var(--color-border);background-color:var(--color-background);font-size:var(--font-size-sm)}.search-input .ant-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-input .ant-input-prefix{color:var(--color-text-light)}.user-actions{align-items:center;gap:var(--space-3);display:flex}.auth-buttons{align-items:center;gap:var(--space-2);display:flex}.login-btn{color:var(--color-text);font-weight:var(--font-weight-medium)}.login-btn:hover{color:var(--color-primary)!important;background-color:var(--color-background)!important}.register-btn{background-color:var(--color-primary);border-color:var(--color-primary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md)}.register-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);background-color:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.user-dropdown{cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.user-dropdown:hover{background-color:var(--color-background)}.user-avatar{background-color:var(--color-primary)}.username{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.mobile-menu-btn{font-size:var(--font-size-xl);color:var(--color-text);display:none!important}.mobile-menu{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-4);animation:.3s slideDown;display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-menu{background:0 0!important;border:none!important}.mobile-nav-menu .ant-menu-item{border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);padding:var(--space-3) var(--space-4)!important;margin:var(--space-1) 0!important;-webkit-tap-highlight-color:transparent!important;text-shadow:none!important;-webkit-text-stroke:0!important;outline:none!important;text-decoration:none!important}.mobile-nav-menu .ant-menu-item:hover{background-color:var(--color-background)!important;text-shadow:none!important;-webkit-text-stroke:0!important}.mobile-nav-menu .ant-menu-item:focus,.mobile-nav-menu .ant-menu-item:focus-visible{border-radius:var(--radius-md)!important;text-shadow:none!important;-webkit-text-stroke:0!important;background-color:#bc6c251a!important;outline:none!important}.mobile-nav-menu .ant-menu-item:active{transform:scale(.98);border-radius:var(--radius-md)!important;text-shadow:none!important;-webkit-text-stroke:0!important;background-color:#bc6c2526!important;outline:none!important}.mobile-nav-menu .ant-menu-item a,.mobile-nav-menu .ant-menu-item span,.mobile-nav-menu .ant-menu-item div{text-shadow:none!important;-webkit-text-stroke:0!important;outline:none!important;text-decoration:none!important}.mobile-nav-menu .ant-menu-item:focus{border-radius:var(--radius-md)!important;background-color:#bc6c251a!important;outline:none!important}.mobile-nav-menu .ant-menu-item:active{transform:scale(.98);border-radius:var(--radius-md)!important;background-color:#bc6c2526!important}.mobile-nav-menu .ant-menu-item-selected{background-color:var(--color-primary)!important;color:#fff!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 0 0 1px #ffffff4d!important}.mobile-nav-menu .ant-menu-item-selected:focus{box-shadow:inset 0 0 0 2px #ffffff80!important}.mobile-search{margin-top:var(--space-4);padding:0 var(--space-4)}.mobile-search-input .ant-input{border-radius:var(--radius-lg);border-color:var(--color-border);background-color:var(--color-background)}@media (width<=1024px){.header-search{width:200px}}@media (width<=768px){.header-container{padding:0 var(--space-3);height:56px}.logo-text{font-size:var(--font-size-xl)}.logo-icon{font-size:var(--font-size-2xl)}.desktop-nav,.header-search,.auth-buttons{display:none}.mobile-menu-btn{display:block!important}.mobile-menu{display:block}}@media (width<=480px){.header-container{padding:0 var(--space-2)}.logo-text{font-size:var(--font-size-lg)}.logo-icon{font-size:var(--font-size-xl)}}@media (prefers-color-scheme:dark){.sewing-header{border-bottom-color:var(--color-border);background-color:var(--color-surface)!important}.search-input .ant-input{background-color:var(--color-surface-alt);border-color:var(--color-border);color:var(--color-text)}.nav-menu .ant-menu-item{color:var(--color-text)}.nav-menu .ant-menu-item:hover{background-color:var(--color-surface-alt)!important}.mobile-menu{background-color:var(--color-surface)}}.sewing-footer{border-top:1px solid var(--color-border);margin-top:auto;background-color:var(--color-surface)!important;padding:var(--space-6) 0 0 0!important}.footer-container{max-width:var(--container-xl);padding:0 var(--space-4);margin:0 auto}.footer-main{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.footer-brand{gap:var(--space-4);flex-direction:column;display:flex}.footer-logo{align-items:center;gap:var(--space-2);display:flex}.footer-logo .logo-icon{font-size:var(--font-size-3xl);color:var(--color-primary)}.footer-logo .logo-image{object-fit:contain;height:30px}.footer-logo .logo-text{color:var(--color-primary);font-family:var(--font-family-heading);margin:0}.brand-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.footer-title{font-weight:var(--font-weight-semibold);font-family:var(--font-family-heading);padding-bottom:var(--space-2);position:relative;color:var(--color-text)!important;margin-bottom:var(--space-4)!important}.footer-title:after{content:"";background-color:var(--color-primary);border-radius:var(--radius-full);width:40px;height:2px;position:absolute;bottom:0;left:0}.footer-links{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-links li{margin-bottom:0}.footer-links a{color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);padding:var(--space-1) 0;white-space:nowrap;display:inline-block;position:relative}.footer-links a:hover{color:var(--color-primary);transform:translate(4px)}.footer-links a:before{content:"→";opacity:0;transition:all var(--transition-fast);color:var(--color-primary);position:absolute;left:-16px}.footer-links a:hover:before{opacity:1;left:-12px}.footer-bottom{padding:var(--space-4) 0;color:var(--color-text-light)}.footer-bottom .ant-typography{font-size:var(--font-size-sm)}.footer-bottom-links{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.footer-separator{opacity:.4}.footer-icp-link,.footer-police-link{color:var(--color-text-light);transition:color var(--transition-fast);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.footer-icp-link:hover,.footer-police-link:hover{color:var(--color-primary);text-decoration:underline}.footer-police-icon{vertical-align:middle;width:16px;height:16px;display:inline-block}.footer-bottom .anticon-heart{color:#ff4d4f;animation:1.5s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (width<=768px){.sewing-footer{padding:var(--space-6) 0 0 0!important}.footer-container{padding:0 var(--space-3)}.footer-main{padding-bottom:var(--space-6)}.footer-brand{text-align:center;margin-bottom:var(--space-6);align-items:center}.footer-logo{justify-content:center}.footer-title{text-align:center}.footer-title:after{left:50%;transform:translate(-50%)}.footer-links{text-align:center;justify-content:center;gap:var(--space-2)}.footer-links a:hover:before{display:none}.footer-bottom{text-align:center}.footer-bottom .ant-row{gap:var(--space-3);flex-direction:column}}@media (width<=480px){.footer-links a,.footer-bottom .ant-typography{font-size:var(--font-size-xs)}}@media (prefers-color-scheme:dark){.sewing-footer{border-top-color:var(--color-border);background-color:var(--color-surface)!important}.footer-main{border-bottom-color:var(--color-border)}.brand-description,.footer-links a,.footer-bottom{color:var(--color-text-light)}}.main-layout{background-color:var(--color-background);flex-direction:column;min-height:100vh;display:flex}.layout-content{background-color:var(--color-background);flex:1;margin:0;padding:0}.content-container{max-width:var(--container-xl);padding:var(--space-10) var(--space-4) var(--space-6) var(--space-4);width:100%;margin:0 auto}.back-top-btn{border-radius:var(--radius-full);background-color:var(--color-primary);width:48px;height:48px;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);cursor:pointer;justify-content:center;align-items:center;display:flex}.back-top-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.back-top-icon{font-size:var(--font-size-3xl);color:#fff}@media (width<=768px){.content-container{padding:var(--space-4) var(--space-3)}.back-top-btn{width:40px;height:40px;bottom:16px!important;right:16px!important}.back-top-icon{font-size:var(--font-size-2xl)}}@media (width<=480px){.content-container{padding:var(--space-3) var(--space-2)}.back-top-btn{width:36px;height:36px;bottom:12px!important;right:12px!important}.back-top-icon{font-size:var(--font-size-xl)}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-20px)}.loading-container{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:400px;display:flex}.loading-spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.error-container{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;min-height:400px;padding:var(--space-8);flex-direction:column;display:flex}.error-icon{font-size:var(--font-size-6xl);color:var(--color-error)}.error-title{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.error-message{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:400px;line-height:var(--line-height-relaxed)}.empty-container{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;min-height:300px;padding:var(--space-8);flex-direction:column;display:flex}.empty-icon{font-size:var(--font-size-5xl);color:var(--color-text-light);opacity:.5}.empty-title{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.empty-message{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:400px;line-height:var(--line-height-relaxed)}@media (prefers-color-scheme:dark){.main-layout,.layout-content{background-color:var(--color-background)}.loading-spinner{border-color:var(--color-border);border-top-color:var(--color-primary)}.loading-text{color:var(--color-text-light)}.error-title{color:var(--color-text)}.error-message{color:var(--color-text-light)}.empty-title{color:var(--color-text)}.empty-message{color:var(--color-text-light)}}.hero-section{padding:var(--space-12) 0 var(--space-8) 0;background:linear-gradient(135deg, var(--color-background) 0%, #e8dfca 50%, var(--color-background) 100%);position:relative;overflow:hidden}.hero-background{pointer-events:none;z-index:0;position:absolute;inset:0}.sewing-thread{background:repeating-linear-gradient(to right, transparent, transparent 4px, var(--color-primary-light) 4px, var(--color-primary-light) 8px);opacity:.3;position:absolute}.thread-1{width:100px;height:2px;top:20%;left:10%;transform:rotate(15deg)}.thread-2{width:150px;height:2px;top:60%;right:15%;transform:rotate(-10deg)}.thread-3{width:120px;height:2px;bottom:30%;left:20%;transform:rotate(5deg)}.sewing-needle{background:var(--color-text);opacity:.2;width:40px;height:2px;position:absolute;top:30%;right:10%;transform:rotate(45deg)}.sewing-needle:before{content:"";background:var(--color-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-8px}.hero-container{z-index:1;max-width:var(--container-xl);padding:0 var(--space-4);margin:0 auto;position:relative}.hero-badge{margin-bottom:var(--space-8);display:inline-block}.badge-text{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);box-shadow:var(--shadow-sm);display:inline-flex}.hero-title{color:var(--color-text);font-size:var(--font-size-5xl)!important;font-weight:var(--font-weight-bold)!important;margin-bottom:var(--space-8)!important;line-height:1.2!important}.title-highlight{color:var(--color-primary);display:inline-block;position:relative}.title-highlight:after{content:"";background-color:var(--color-primary-light);z-index:-1;opacity:.5;border-radius:var(--radius-sm);height:8px;position:absolute;bottom:4px;left:0;right:0}.hero-subtitle{max-width:600px;font-size:var(--font-size-lg)!important;line-height:var(--line-height-relaxed)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--space-10)!important}.hero-actions{margin-bottom:var(--space-12)}.hero-btn-primary{height:56px;padding:0 var(--space-8)!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;border-radius:var(--radius-lg)!important;background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;box-shadow:var(--shadow-md)!important;transition:all var(--transition-normal)!important}.hero-btn-primary:hover{background-color:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-4px)!important}.hero-btn-primary a{color:#fff!important}.hero-btn-secondary{height:56px;padding:0 var(--space-8)!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;border-radius:var(--radius-lg)!important;border-width:2px!important;border-color:var(--color-secondary)!important;color:var(--color-secondary)!important;transition:all var(--transition-normal)!important;background-color:#0000!important}.hero-btn-secondary:hover{background-color:var(--color-secondary)!important;border-color:var(--color-secondary)!important;color:#fff!important;box-shadow:var(--shadow-md)!important;transform:translateY(-4px)!important}.hero-btn-secondary a{color:inherit!important}.hero-btn-secondary:hover a{color:#fff!important}.hero-stats{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);margin-top:var(--space-4);overflow:hidden}.stat-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.stat-icon{background-color:var(--color-surface-alt);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-primary);font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-content{flex-direction:column;min-width:0;display:flex;overflow:hidden}.old-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;line-height:1.1;overflow:hidden}.old-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero-illustration{height:100%;min-height:160px;padding-top:var(--space-6);position:relative}.illustration-container{width:100%;height:100%;margin-top:var(--space-12);position:relative}.sewing-machine{width:160px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.machine-body{border-radius:var(--radius-lg);width:200px;height:100px;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#8b7355,#5d4037);position:absolute;top:0;left:0}.machine-needle{background-color:var(--color-text);transform-origin:top;width:2px;height:40px;animation:2s ease-in-out infinite sewing;position:absolute;top:100px;left:100px}.machine-thread{background:repeating-linear-gradient(to bottom, transparent, transparent 4px, var(--color-primary-light) 4px, var(--color-primary-light) 8px);width:2px;height:100px;position:absolute;top:0;left:100px}.machine-bobbin{background-color:var(--color-secondary);border-radius:50%;width:20px;height:20px;animation:4s linear infinite spin;position:absolute;top:120px;left:90px}.floating-elements{position:absolute;inset:0}.floating-element{border-radius:var(--radius-lg);background-color:var(--color-surface);width:60px;height:60px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;animation:6s ease-in-out infinite float;display:flex;position:absolute}.scissors{font-size:24px;animation-delay:1s;top:30%;right:25%}.fabric-1{animation-delay:0s;top:40%;left:20%}.fabric-2{animation-delay:2s;bottom:30%;right:20%}.thread-spool{font-size:24px;animation-delay:3s;bottom:40%;left:30%}.fabric-pattern{background:repeating-linear-gradient(45deg, var(--color-primary-light), var(--color-primary-light) 4px, transparent 4px, transparent 8px);border-radius:var(--radius-md);width:40px;height:40px}@keyframes sewing{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(20px)rotate(5deg)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@media (width<=992px){.hero-section{padding:var(--space-8) 0}.hero-title{font-size:var(--font-size-4xl)!important}.hero-subtitle{font-size:var(--font-size-base)!important}.hero-actions{align-items:flex-start;gap:var(--space-4);flex-direction:column}.hero-btn-primary,.hero-btn-secondary{justify-content:center;width:100%}.hero-illustration{min-height:300px;margin-top:var(--space-10)}}@media (width<=768px){.hero-title{font-size:var(--font-size-3xl)!important}.hero-stats{padding:var(--space-2)}.stat-value{font-size:var(--font-size-xl)}.stat-icon{width:40px;height:40px;font-size:var(--font-size-lg)}.sewing-machine{width:150px;height:300px}.machine-body{width:150px;height:100px}.floating-element{width:48px;height:48px}.scissors,.thread-spool{font-size:24px}.fabric-pattern{width:32px;height:32px}}@media (width<=480px){.hero-section{padding:var(--space-6) 0}.hero-title{font-size:var(--font-size-2xl)!important}.hero-subtitle{font-size:var(--font-size-sm)!important}.hero-btn-primary,.hero-btn-secondary{height:48px;font-size:var(--font-size-base)!important}.stat-item{text-align:center;gap:var(--space-2);flex-direction:column}.stat-content{align-items:center}}@media (prefers-color-scheme:dark){.hero-section{background:linear-gradient(135deg, var(--color-background) 0%, #2d2d2d 50%, var(--color-background) 100%)}.badge-text{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.hero-stats{background-color:var(--color-surface);border-color:var(--color-border)}.stat-icon{background-color:var(--color-surface-alt)}.floating-element{background-color:var(--color-surface)}.machine-body{background:linear-gradient(135deg,#5d4037,#3e2c24)}}.tutorial-card{flex-direction:column;height:100%;display:flex;border-radius:var(--radius-lg)!important;border:1px solid var(--color-border)!important;transition:all var(--transition-normal)!important;background:linear-gradient(145deg,#fff 0%,#fef6e9 100%)!important;overflow:hidden!important}.tutorial-card .ant-card-body{width:100%;overflow:hidden;padding:0!important}.tutorial-card:hover{box-shadow:var(--shadow-lg)!important;border-color:var(--color-primary-light)!important;transform:translateY(-8px)!important}.tutorial-cover{border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:center;align-items:center;height:160px;display:flex;position:relative}.tutorial-cover-placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.tutorial-cover-placeholder .cover-icon{color:#ffffffd9;filter:drop-shadow(0 2px 4px #0003);font-size:48px}.cover-content{align-items:center;gap:var(--space-4);flex-direction:column;display:flex;position:relative}.cover-icon{color:#ffffffe6;font-size:48px}.difficulty-badge{top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);position:absolute}.tutorial-content{padding:var(--space-3);flex-direction:column;flex:1;display:flex}.tutorial-tags{margin-bottom:var(--space-3)}.tutorial-tag{font-size:var(--font-size-xs)!important;padding:0 var(--space-2)!important;border-radius:var(--radius-full)!important;background-color:var(--color-surface-alt)!important;height:20px!important;color:var(--color-text-secondary)!important;border-color:#0000!important;margin:0!important;line-height:18px!important}.tutorial-tag:hover{background-color:var(--color-primary-light)!important;color:var(--color-primary)!important}.tutorial-title{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;margin:0 0 var(--space-2) 0!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;line-height:1.4!important}.tutorial-description{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tutorial-description.ant-typography{line-height:1.5!important;font-size:var(--font-size-sm)!important;margin-bottom:var(--space-3)!important}.tutorial-description.ant-typography-ellipsis-multiple-line{-webkit-line-clamp:3;line-clamp:3;max-height:calc(3 * 1.5 * var(--font-size-sm));-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tutorial-title{transition:color var(--transition-fast);color:var(--color-text)!important}.tutorial-title:hover{color:var(--color-primary)!important}.tutorial-description{flex:1;color:var(--color-text-secondary)!important;font-size:var(--font-size-sm)!important;line-height:var(--line-height-relaxed)!important;margin-bottom:var(--space-4)!important}.tutorial-author{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.tutorial-meta{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.meta-left,.meta-right{align-items:center;gap:var(--space-3);display:flex}.meta-item{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-light);display:flex}.meta-item .anticon{font-size:var(--font-size-sm)}.meta-item .ant-typography{font-size:var(--font-size-sm);color:inherit}.tutorial-actions{gap:var(--space-2);display:flex}.view-tutorial-btn{padding:var(--space-2) var(--space-4);background-color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;display:flex;color:#fff!important;text-decoration:none!important}.view-tutorial-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px);color:#fff!important}.favorite-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;display:flex}.favorite-btn:hover{background-color:var(--color-surface-alt);border-color:var(--color-primary-light);color:var(--color-primary)}.favorite-btn .anticon{font-size:var(--font-size-sm)}@media (width<=768px){.tutorial-cover{height:140px}.cover-icon{font-size:40px}.tutorial-title{font-size:var(--font-size-base)!important}.tutorial-description{font-size:var(--font-size-xs)!important}.tutorial-meta{align-items:flex-start;gap:var(--space-1);flex-direction:column}}@media (width<=480px){.meta-item{font-size:var(--font-size-xs)}.cover-icon{font-size:32px}.tutorial-actions{flex-direction:column}}@media (prefers-color-scheme:dark){.tutorial-card{border-color:var(--color-border)!important;background-color:var(--color-surface)!important}.tutorial-card:hover{border-color:var(--color-primary)!important}.tutorial-tag{background-color:var(--color-surface-alt)!important;color:var(--color-text-light)!important}.tutorial-title a{color:var(--color-text)!important}.tutorial-description{color:var(--color-text-light)!important}.author-name{color:var(--color-text)}.meta-item{color:var(--color-text-light)}.favorite-btn{border-color:var(--color-border);color:var(--color-text-light)}.favorite-btn:hover{background-color:var(--color-surface-alt);border-color:var(--color-primary);color:var(--color-primary)}}.work-card{flex-direction:column;height:100%;display:flex;border-radius:var(--radius-lg)!important;border:1px solid var(--color-border)!important;transition:all var(--transition-normal)!important;background:linear-gradient(145deg,#fff 0%,#f5eeeb 100%)!important;overflow:hidden!important}.work-card:hover{box-shadow:var(--shadow-lg)!important;border-color:var(--color-primary-light)!important;transform:translateY(-8px)!important}.work-image{border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:200px;position:relative;overflow:hidden}.image-overlay{opacity:0;transition:opacity var(--transition-normal);padding:var(--space-4);background:linear-gradient(#0000001a 0%,#0000004d 100%);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.work-image:hover .image-overlay{opacity:1}.image-stats{gap:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;display:flex}.stat-item{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text);display:flex}.stat-item .anticon{color:var(--color-primary);font-size:var(--font-size-sm)}.stat-count{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.image-tags{top:var(--space-3);left:var(--space-3);position:absolute}.work-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:var(--font-size-xs)!important;padding:0 var(--space-2)!important;border-radius:var(--radius-full)!important;height:20px!important;color:var(--color-text)!important;margin:0 0 var(--space-1) 0!important;background-color:#ffffffe6!important;border-color:#0000!important;line-height:18px!important}.work-tag:hover{background-color:var(--color-primary)!important;color:#fff!important}.work-content{padding:var(--space-3);flex-direction:column;flex:1;display:flex}.work-title{margin:0 0 var(--space-2) 0!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;line-height:1.4!important}.work-title a{transition:color var(--transition-fast);color:var(--color-text)!important}.work-title a:hover{color:var(--color-primary)!important;text-decoration:none!important}.work-description{flex:1;color:var(--color-text-secondary)!important;font-size:var(--font-size-sm)!important;line-height:var(--line-height-relaxed)!important;margin-bottom:var(--space-4)!important}.work-author{margin-bottom:var(--space-4);padding:var(--space-2) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.author-info{align-items:center;gap:var(--space-2);display:flex}.author-info .ant-avatar{background-color:var(--color-primary)}.author-name{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium)}.work-actions{align-items:center;gap:var(--space-1);display:flex}.action-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:none;display:flex}.action-btn:hover{background-color:var(--color-surface-alt)}.action-btn .anticon{font-size:var(--font-size-sm)}.action-btn .ant-typography{font-size:var(--font-size-sm);color:inherit}.like-btn:hover{color:#ff4d4f}.comment-btn:hover{color:var(--color-primary)}.share-btn:hover{color:var(--color-accent)}.view-work-btn{padding:var(--space-2) var(--space-3);background-color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;transition:all var(--transition-fast);justify-content:center;align-items:center;margin-top:auto;display:flex;color:#fff!important;text-decoration:none!important}.view-work-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px);color:#fff!important}@media (width<=768px){.work-image{height:160px}.work-title{font-size:var(--font-size-base)!important}.work-description{font-size:var(--font-size-xs)!important}.work-author{align-items:flex-start;gap:var(--space-2);flex-direction:column}.work-actions{justify-content:space-between;width:100%}.action-btn{flex:1;justify-content:center}}@media (width<=480px){.work-image{height:140px}.image-stats{gap:var(--space-2);padding:var(--space-1) var(--space-2)}.stat-item{font-size:var(--font-size-xs)}.work-tag{padding:0 var(--space-1)!important;height:18px!important;font-size:10px!important;line-height:16px!important}}@media (prefers-color-scheme:dark){.work-card{border-color:var(--color-border)!important;background-color:var(--color-surface)!important}.work-card:hover{border-color:var(--color-primary)!important}.image-overlay{background:linear-gradient(#0003 0%,#0006 100%)}.image-stats{background-color:#2d2d2de6}.stat-item{color:var(--color-text)}.work-tag{color:var(--color-text)!important;background-color:#2d2d2de6!important}.work-tag:hover{background-color:var(--color-primary)!important;color:#fff!important}.work-title a{color:var(--color-text)!important}.work-description{color:var(--color-text-light)!important}.work-author{border-color:var(--color-border)}.author-name{color:var(--color-text)}.action-btn{color:var(--color-text-light)}.action-btn:hover{background-color:var(--color-surface-alt)}}.home-page{gap:var(--space-2);max-width:var(--container-2xl);padding:0 var(--space-6);box-sizing:border-box;flex-direction:column;width:100%;margin:0 auto;display:flex}.section{padding:var(--space-4) 0;position:relative}.section:before{content:"";z-index:-1;width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.featured-tutorials:before{background:linear-gradient(#f5f1e6 0%,#fff8e199 50%,#f5f1e6 100%)}.featured-tutorials{padding:var(--space-1) 0}.featured-tutorials .section-header,.featured-tutorials .tutorial-meta{margin-bottom:var(--space-2)}.featured-tutorials .meta-item,.featured-tutorials .meta-item .anticon{font-size:var(--font-size-xs)}.featured-tutorials .section-header{margin:var(--space-8)}.featured-tutorials .tutorial-meta{margin-bottom:var(--space-2);gap:var(--space-2)}.featured-tutorials .meta-left,.featured-tutorials .meta-right{gap:var(--space-1)}.featured-tutorials .meta-item{font-size:var(--font-size-xs);white-space:nowrap;gap:2px}.featured-tutorials .meta-item.rating{gap:4px}.featured-tutorials .meta-item.rating .ant-rate{font-size:12px}.featured-tutorials .meta-item.rating .rating-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary)}.featured-works:before{border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);background:linear-gradient(#fff 0%,#e8c4b840 50%,#fff 100%)}.community-posts:before{background:linear-gradient(#f5f1e6 0%,#7a9e7e14 50%,#f5f1e6 100%)}.feature-entries:before{background:linear-gradient(#fff 0%,#b5654a0f 50%,#fff 100%)}.call-to-action:before{background:linear-gradient(135deg, var(--color-background) 0%, var(--color-surface-alt) 100%)}.section>.section-container{max-width:var(--container-xl);width:100%;margin:0 auto}.section-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.section-title{align-items:center;gap:var(--space-3);display:flex;color:var(--color-text)!important;font-family:var(--font-family-heading)!important;font-size:var(--font-size-2xl)!important;line-height:var(--line-height-tight)!important;margin:0!important}.section-icon{color:var(--color-primary);font-size:var(--font-size-2xl);flex-shrink:0}.section-link{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;font-size:var(--font-size-sm);background-color:#0000;border:1px solid #0000;display:inline-flex;color:var(--color-primary)!important;text-decoration:none!important}.section-link:hover{border-color:var(--color-primary-light);gap:var(--space-2);background-color:#b5654a0d;transform:translateY(-1px);color:var(--color-primary-hover)!important}.section-link .anticon{font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.section-link:hover .anticon{transform:translate(2px)}.section-description{max-width:800px;font-weight:var(--font-weight-normal);color:var(--color-text-secondary)!important;font-size:var(--font-size-base)!important;line-height:var(--line-height-relaxed)!important;margin-bottom:var(--space-4)!important}.featured-tutorials{background-color:var(--color-background)}.tutorials-grid{margin-top:var(--space-2);margin-bottom:var(--space-1)}.featured-works{background-color:var(--color-surface);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.works-grid{margin-top:var(--space-2)}.community-posts{background-color:var(--color-background)}.posts-card{border-radius:var(--radius-lg)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-sm)!important;padding:var(--space-4)!important;overflow:hidden!important}.posts-list{gap:var(--space-4);flex-direction:column;display:flex}.post-item{padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.post-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.tutorials-grid .ant-col,.works-grid .ant-col,.features-grid .ant-col{display:flex}.tutorials-grid .ant-col>.tutorial-card,.works-grid .ant-col>.work-card,.features-grid .ant-col>.feature-card{flex-direction:column;flex:1;height:100%;display:flex}.feature-entries{background-color:var(--color-surface)}.feature-card{flex-direction:column;height:100%;display:flex;border-radius:var(--radius-xl)!important;border:1px solid var(--color-border-light)!important;transition:all var(--transition-fast)!important;padding:var(--space-6)!important}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-primary-light)!important;box-shadow:var(--shadow-md)!important}.feature-icon{font-size:var(--font-size-4xl);color:var(--color-primary);margin-bottom:var(--space-4);border-radius:var(--radius-lg);width:64px;height:64px;margin:0 auto var(--space-4) auto;background-color:#b5654a1a;justify-content:center;align-items:center;display:flex}.feature-title{text-align:center;margin:var(--space-4) 0!important;font-size:var(--font-size-xl)!important;color:var(--color-text)!important}.feature-description{text-align:center;flex:1;color:var(--color-text-secondary)!important;font-size:var(--font-size-base)!important;line-height:var(--line-height-relaxed)!important;margin-bottom:var(--space-6)!important}.feature-link{text-align:center;margin-top:auto;display:block}.feature-link .ant-btn{justify-content:center;width:100%}.post-title{margin:0 0 var(--space-2) 0!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important}.post-title a{transition:color var(--transition-fast);color:var(--color-text)!important}.post-title a:hover{color:var(--color-primary)!important;text-decoration:none!important}.post-excerpt{color:var(--color-text-secondary)!important;font-size:var(--font-size-base)!important;line-height:var(--line-height-relaxed)!important;margin-bottom:var(--space-3)!important}.post-meta{gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-light);display:flex}.post-author{font-weight:var(--font-weight-medium);color:var(--color-text)}.post-time{color:var(--color-text-light)}.post-replies{color:var(--color-primary);font-weight:var(--font-weight-medium)}.feature-entries{background-color:var(--color-surface);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.features-grid{margin-top:var(--space-8)}.feature-card{height:100%;border-radius:var(--radius-lg)!important;border:1px solid var(--color-border)!important;text-align:center!important;transition:all var(--transition-normal)!important}.feature-card:hover{border-color:var(--color-primary)!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-8px)!important}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-4) auto;background-color:var(--color-surface-alt);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--font-size-3xl);justify-content:center;align-items:center;display:flex}.feature-title{margin:0 0 var(--space-2) 0!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-text)!important}.feature-description{min-height:60px;color:var(--color-text-secondary)!important;font-size:var(--font-size-sm)!important;line-height:var(--line-height-relaxed)!important;margin-bottom:var(--space-4)!important}.feature-link{color:var(--color-primary)!important;font-weight:var(--font-weight-medium)!important;padding:0!important}.feature-link a{color:inherit!important}.feature-link:hover{color:var(--color-primary-hover)!important}.call-to-action,.community-cta{background-color:var(--color-background)}.community-cta .ant-row{align-items:flex-start;display:flex}.community-section,.cta-section{flex-direction:column;height:100%;display:flex}.community-section .section-header{margin-bottom:var(--space-4)}.cta-section .cta-card{flex-direction:column;height:100%;display:flex;border-radius:var(--radius-xl)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-sm)!important;padding:var(--space-6)!important}.cta-content{flex-direction:column;flex:1;display:flex}.cta-title{font-size:var(--font-size-3xl)!important;font-weight:var(--font-weight-bold)!important;color:var(--color-text)!important;margin-bottom:var(--space-4)!important;line-height:1.2!important}.cta-description{flex:1;font-size:var(--font-size-lg)!important;line-height:var(--line-height-relaxed)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--space-6)!important}.community-stats{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border-light);margin-top:auto}.community-stat{text-align:center;padding:var(--space-3)}.stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-1);line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (width<=992px){.community-cta .ant-row{gap:var(--space-4)}.community-section,.cta-section{height:auto}.cta-card{padding:var(--space-4)!important}.cta-title{font-size:var(--font-size-2xl)!important}.cta-description{font-size:var(--font-size-base)!important}}@media (width<=576px){.community-stats{padding:var(--space-4)}.stat-number{font-size:var(--font-size-xl)}.stat-label{font-size:var(--font-size-xs)}}.cta-card{border-radius:var(--radius-xl)!important;border:1px solid var(--color-border)!important;background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-alt) 100%)!important;box-shadow:var(--shadow-md)!important;overflow:hidden!important}.cta-title{font-size:var(--font-size-4xl)!important;font-weight:var(--font-weight-bold)!important;margin-bottom:var(--space-4)!important;color:var(--color-text)!important;line-height:1.2!important}.cta-description{max-width:500px;font-size:var(--font-size-lg)!important;line-height:var(--line-height-relaxed)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--space-6)!important}.cta-actions{margin-bottom:var(--space-4)}.cta-actions .ant-btn{height:48px;padding:0 var(--space-6)!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;border-radius:var(--radius-lg)!important}.cta-actions .ant-btn-primary{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.cta-actions .ant-btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);background-color:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.cta-actions .ant-btn-default{border-color:var(--color-secondary)!important;color:var(--color-secondary)!important}.cta-actions .ant-btn-default:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px);background-color:var(--color-secondary)!important;border-color:var(--color-secondary)!important;color:#fff!important}.cta-actions a{color:inherit!important}.cta-illustration{height:300px;position:relative}.community-illustration{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-avatars{position:absolute;inset:0}.avatar{background-color:var(--color-surface);border-radius:var(--radius-full);width:60px;height:60px;font-size:var(--font-size-3xl);box-shadow:var(--shadow-md);justify-content:center;align-items:center;animation:6s ease-in-out infinite float;display:flex;position:absolute}.avatar-1{animation-delay:0s;top:20%;left:20%}.avatar-2{animation-delay:1s;top:10%;right:25%}.avatar-3{animation-delay:2s;bottom:20%;left:30%}.avatar-4{animation-delay:3s;bottom:10%;right:20%}.community-text{align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.community-text span{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);opacity:0;animation:8s ease-in-out infinite fadeInOut}.text-1{animation-delay:0s}.text-2{animation-delay:2s}.text-3{animation-delay:4s}.text-4{animation-delay:6s}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(10px)}25%,75%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-5px)}}@media (width<=992px){.home-page{gap:var(--space-8)}.section{padding:var(--space-6) 0}.section-title{font-size:var(--font-size-3xl)!important}.section-description{font-size:var(--font-size-base)!important}.cta-title{font-size:var(--font-size-3xl)!important}.cta-description{font-size:var(--font-size-base)!important}.cta-illustration{height:250px}.avatar{width:50px;height:50px;font-size:var(--font-size-2xl)}}@media (width<=768px){.home-page{gap:var(--space-6)}.section{padding:var(--space-4) 0}.section-header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.section-link{align-self:flex-end}.section-title{font-size:var(--font-size-2xl)!important}.section-description{font-size:var(--font-size-sm)!important;margin-bottom:var(--space-6)!important}.feature-icon{width:56px;height:56px;font-size:var(--font-size-2xl)}.feature-title{font-size:var(--font-size-base)!important}.feature-description{min-height:50px;font-size:var(--font-size-xs)!important}.cta-card{text-align:center}.cta-title{font-size:var(--font-size-2xl)!important}.cta-description{font-size:var(--font-size-sm)!important}.cta-actions{align-items:center;gap:var(--space-2);flex-direction:column}.cta-actions .ant-btn{width:100%;max-width:300px}.cta-illustration{height:200px;margin-top:var(--space-4)}.avatar{width:40px;height:40px;font-size:var(--font-size-xl)}.community-text span{font-size:var(--font-size-xl)}}@media (width<=480px){.section-title{font-size:var(--font-size-xl)!important}.section-icon{font-size:var(--font-size-xl)}.post-meta{gap:var(--space-1);flex-direction:column}.feature-card{padding:var(--space-3)!important}.feature-icon{width:48px;height:48px;font-size:var(--font-size-xl)}.cta-illustration{height:150px}.avatar{width:32px;height:32px;font-size:var(--font-size-lg)}.community-text span{font-size:var(--font-size-lg)}}@media (prefers-color-scheme:dark){.featured-tutorials,.community-posts,.call-to-action{background-color:var(--color-background)}.featured-works,.feature-entries{background-color:var(--color-surface);border-color:var(--color-border)}.posts-card,.cta-card{border-color:var(--color-border)!important;background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-alt) 100%)!important}.post-item{background-color:var(--color-surface);border-color:var(--color-border)}.post-item:hover{border-color:var(--color-primary)}.feature-card{border-color:var(--color-border)!important;background-color:var(--color-surface)!important}.feature-card:hover{border-color:var(--color-primary)!important}.feature-icon{background-color:var(--color-surface-alt)}.avatar{background-color:var(--color-surface)}}.featured-tutorials .tutorial-card{flex-direction:column;height:100%;display:flex}.featured-tutorials .tutorial-card .ant-card-body{flex-direction:column;flex:1;display:flex;padding:0!important}.featured-tutorials .tutorial-content{padding:var(--space-3);flex-direction:column;flex:1;display:flex}.featured-tutorials .tutorial-tags{height:28px;margin-bottom:var(--space-2);overflow:hidden}.featured-tutorials .tutorial-title{height:44px;margin-bottom:var(--space-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.featured-tutorials .tutorial-description-container{min-height:72px;max-height:72px;margin-bottom:var(--space-3);flex:1;position:relative}.featured-tutorials .tutorial-description.ant-typography-ellipsis-multiple-line{-webkit-line-clamp:3!important;line-clamp:3!important;height:72px!important;line-height:1.5!important;font-size:var(--font-size-sm)!important;-webkit-box-orient:vertical!important;margin:0!important;display:-webkit-box!important;overflow:hidden!important}.featured-tutorials .tutorial-meta{height:24px;margin-bottom:var(--space-3);overflow:hidden}.featured-tutorials .tutorial-actions{height:48px;padding-top:var(--space-3);border-top:1px solid var(--color-border-light);align-items:center;margin-top:auto;display:flex}.featured-tutorials .view-tutorial-btn,.featured-tutorials .favorite-btn{justify-content:center;align-items:center;height:36px;display:flex}@media (width<=768px){.featured-tutorials .tutorial-title{height:66px}.featured-tutorials .tutorial-description-container{min-height:60px;max-height:60px}.featured-tutorials .tutorial-description.ant-typography-ellipsis-multiple-line{-webkit-line-clamp:2!important;line-clamp:2!important;height:60px!important}}.featured-works{padding:0 0 var(--space-1) 0}.featured-works .section-header{margin:var(--space-4)}.featured-works .work-card{flex-direction:column;height:100%;min-height:380px;display:flex}.featured-works .work-card .ant-card-body{flex-direction:column;flex:1;display:flex;padding:0!important}.featured-works .work-content{padding:var(--space-3);flex-direction:column;flex:1;display:flex}.featured-works .work-image{border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:160px;position:relative;overflow:hidden}.featured-works .image-tags{height:28px;margin-bottom:var(--space-2);overflow:hidden}.featured-works .work-title{height:44px;margin-bottom:var(--space-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.featured-works .work-description-container{min-height:48px;max-height:48px;margin-bottom:var(--space-3);flex:1;position:relative}.featured-works .work-description.ant-typography-ellipsis-multiple-line{-webkit-line-clamp:2!important;line-clamp:2!important;height:48px!important;line-height:1.5!important;font-size:var(--font-size-sm)!important;-webkit-box-orient:vertical!important;margin:0!important;display:-webkit-box!important;overflow:hidden!important}.featured-works .work-author{height:56px;margin-bottom:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex;overflow:hidden}.featured-works .work-actions{align-items:center;gap:var(--space-1);flex-shrink:0;height:48px;display:flex}.featured-works .view-work-btn{justify-content:center;align-items:center;height:36px;display:flex}@media (width<=768px){.featured-works .work-title{height:66px}.featured-works .work-description-container{min-height:36px;max-height:36px}.featured-works .work-description.ant-typography-ellipsis-multiple-line{-webkit-line-clamp:1!important;line-clamp:1!important;height:36px!important}.featured-works .work-author{align-items:flex-start;gap:var(--space-2);flex-direction:column;height:auto;min-height:60px}.featured-works .work-actions{justify-content:space-between;width:100%}}.featured-works .author-info{align-items:center;gap:var(--space-2);flex-shrink:1;min-width:0;display:flex}.featured-works .author-name{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.featured-works .action-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:none;height:32px;display:flex}.featured-works .action-btn:hover{background-color:var(--color-surface-alt)}.featured-works .action-btn .anticon{font-size:var(--font-size-sm)}.featured-works .action-btn .ant-typography{font-size:var(--font-size-sm);color:inherit}.featured-works .like-btn:hover{color:#ff4d4f}.featured-works .comment-btn:hover{color:var(--color-primary)}.featured-works .share-btn:hover{color:var(--color-accent)}.featured-patterns{padding:var(--space-4) 0;background:linear-gradient(#f5f1e6 0%,#8b735514 50%,#f5f1e6 100%)}.featured-patterns .section-header{margin-bottom:var(--space-2)}.home-pattern-card{flex-direction:column;height:100%;display:flex;border-radius:var(--radius-lg)!important;background:linear-gradient(145deg,#fff 0%,#fdf8f0 100%)!important;overflow:hidden!important}.home-pattern-card .ant-card-cover{height:200px;overflow:hidden}.home-pattern-card .ant-card-body,.home-pattern-card .ant-card-meta,.home-pattern-card .ant-card-meta-detail{flex-direction:column;flex:1;display:flex}.home-pattern-card .ant-card-meta-description{flex-direction:column;flex:1;justify-content:space-between;display:flex}.pattern-card-cover{background-color:var(--color-surface-alt);justify-content:center;align-items:center;height:200px;display:flex;overflow:hidden}.pattern-card-cover img{object-fit:cover;width:100%;height:100%}.pattern-card-placeholder{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-alt) 100%)}.pattern-card-link{height:100%;display:block;text-decoration:none!important}.pattern-card-link:hover{text-decoration:none!important}.featured-tools{padding:var(--space-4) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);background:linear-gradient(#fff 0%,#4a65720f 50%,#fff 100%)}.featured-tools .section-header{margin-bottom:var(--space-2)}.home-tool-card{flex-direction:column;height:100%;display:flex;border-radius:var(--radius-lg)!important;background:linear-gradient(145deg,#fff 0%,#f0f4f6 100%)!important;overflow:hidden!important}.home-tool-card .ant-card-cover{height:180px;overflow:hidden}.home-tool-card .ant-card-body,.home-tool-card .ant-card-meta,.home-tool-card .ant-card-meta-detail{flex-direction:column;flex:1;display:flex}.home-tool-card .ant-card-meta-description{flex-direction:column;flex:1;justify-content:space-between;display:flex}.tool-card-cover{background-color:var(--color-surface-alt);justify-content:center;align-items:center;height:180px;display:flex;overflow:hidden}.tool-card-cover img{object-fit:cover;width:100%;height:100%}.tool-card-placeholder{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-alt) 100%)}.tool-card-link{height:100%;display:block;text-decoration:none!important}.tool-card-link:hover{text-decoration:none!important}.section-empty{padding:var(--space-8) 0;justify-content:center;align-items:center;min-height:200px;display:flex}@media (prefers-color-scheme:dark){.featured-patterns{background:linear-gradient(#1e1e1e 0%,#8b73551f 50%,#1e1e1e 100%)}.featured-tools{border-color:var(--color-border);background:linear-gradient(#282828 0%,#4a65721a 50%,#282828 100%)}.pattern-card-placeholder,.tool-card-placeholder{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-alt) 100%)}}.tutorials-page{background:#f8f5f0;min-height:100vh;padding-bottom:3rem}.tutorials-hero{background:linear-gradient(135deg,#8b6b4a 0%,#6b4f3a 50%,#5a3e2e 100%);padding:2rem;position:relative;overflow:hidden}.tutorials-hero-bg-decoration{pointer-events:none;position:absolute;inset:0}.tutorials-hero-circle{opacity:.08;border-radius:50%;position:absolute}.tutorials-hero-circle-1{background:#fff;width:300px;height:300px;top:-80px;right:-80px}.tutorials-hero-circle-2{background:#fff;width:180px;height:180px;bottom:-60px;left:10%}.tutorials-hero-circle-3{background:#fff;width:100px;height:100px;top:20%;left:60%}.tutorials-hero-content{z-index:1;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex;position:relative}.tutorials-hero-text{flex:1}.tutorials-hero-title{letter-spacing:1px;color:#fff!important;margin-bottom:.5rem!important;font-size:2rem!important;font-weight:700!important}.tutorials-hero-title-icon{opacity:.9;margin-right:10px}.tutorials-hero-description{max-width:480px;color:#fffc!important;margin-bottom:1rem!important;font-size:1rem!important;line-height:1.5!important}.tutorials-hero-search{max-width:480px}.tutorials-hero-search .tutorial-search .ant-input-wrapper{border-radius:10px;align-items:center;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.tutorials-hero-search .tutorial-search .ant-input-wrapper .ant-input{border:none;padding:0 16px;font-size:14px;line-height:44px;height:44px!important}.tutorials-hero-search .tutorial-search .ant-input-wrapper .ant-input-group-addon{align-items:center;height:44px;display:flex}.tutorials-hero-search .tutorial-search .ant-input-wrapper .ant-input-group-addon .ant-btn{background:#d4a574;border:none;justify-content:center;align-items:center;font-size:14px;display:flex;border-radius:0!important;height:44px!important;padding:0 20px!important}.tutorials-hero-search .tutorial-search .ant-input-wrapper .ant-input-group-addon .ant-btn:hover{background:#c49464!important}.tutorials-hero-action{flex-direction:column;flex-shrink:0;align-items:center;gap:1rem;display:flex}.tutorials-hero-publish-btn{background:#d4a574!important;border:none!important;border-radius:10px!important;height:44px!important;padding:0 24px!important;font-size:15px!important;font-weight:600!important;transition:all .3s!important;box-shadow:0 4px 15px #d4a57466!important}.tutorials-hero-publish-btn:hover{background:#c49464!important;transform:translateY(-2px)!important;box-shadow:0 6px 25px #d4a57480!important}.tutorials-hero-stats{text-align:center}.tutorials-stat-item{flex-direction:column;align-items:center;gap:1px;display:flex}.tutorials-stat-number{color:#fff;font-size:1.4rem;font-weight:700;line-height:1}.tutorials-stat-label{color:#fff9;font-size:.75rem}.toolbar{justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1.5rem 0;display:flex}.toolbar-left{align-items:center;display:flex}.publish-btn-mobile{display:none!important}.tutorials-grid{margin-bottom:2rem}.tutorials-grid .ant-col{margin-bottom:0}.empty-icon{color:#d9d0c5;margin-bottom:1rem;font-size:64px}.empty-title{color:#666!important;margin-bottom:.5rem!important}.empty-desc{color:#999!important;margin-bottom:1.5rem!important}.fab-publish{z-index:1000;bottom:24px;right:24px;background:#d4a574!important;border:none!important;width:56px!important;height:56px!important;display:none!important;position:fixed!important;box-shadow:0 4px 20px #d4a57480!important}.fab-publish:hover{background:#c49464!important}.fab-publish .anticon{font-size:22px!important}@media (width<=768px){.tutorials-hero{padding:2rem 1.25rem}.tutorials-hero-content{text-align:center;flex-direction:column}.tutorials-hero-title{font-size:1.5rem!important}.tutorials-hero-description{max-width:100%;margin-left:auto!important;margin-right:auto!important}.tutorials-hero-search{max-width:100%}.tutorials-hero-action,.tutorials-hero-publish-btn{width:100%}.tutorials-hero-circle-1{width:150px;height:150px;top:-50px;right:-50px}.tutorials-hero-circle-2{width:100px;height:100px}.tutorials-hero-circle-3{display:none}.page-content{padding:0 1rem}.toolbar{flex-direction:column;align-items:stretch;gap:1rem}.toolbar-left{width:100%}.sort-tabs{justify-content:center;width:100%}.sort-tab{flex:1;justify-content:center;padding:0 12px!important;font-size:13px!important}.publish-btn-mobile{display:none!important}.fab-publish{display:flex!important}}@media (width>=769px) and (width<=1024px){.tutorials-hero-content{text-align:center;flex-direction:column}.tutorials-hero-description{margin-left:auto!important;margin-right:auto!important}.tutorials-hero-search{max-width:100%}.tutorials-hero-action{flex-direction:row;justify-content:center;width:100%}}@media (width>=1025px){.fab-publish{display:none!important}}.comment-section{width:100%;margin-top:8px}.comment-section .ant-divider-horizontal{margin:16px 0}.comment-section-header{margin-bottom:20px}.comment-input-area{width:100%;margin-bottom:8px}.comment-input-area .ant-space{width:100%}.comment-input-area .ant-space .ant-space-item:first-child{flex-shrink:0}.comment-input-area .ant-space .ant-space-item:last-child{flex:1;min-width:0}.comment-textarea{resize:none;border-radius:8px;width:100%;transition:border-color .3s}.comment-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a}.comment-submit-row{justify-content:flex-end;width:100%;margin-top:12px;display:flex}.comment-submit-row .ant-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:6px;height:36px;padding:4px 20px;font-size:14px}.comment-submit-row .ant-btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.comment-submit-row .ant-btn-primary:disabled{background:#d9d9d9}.comment-login-hint{text-align:center;background:#fafafa;border:1px dashed #d9d9d9;border-radius:8px;width:100%;padding:24px}.comment-login-hint a{color:#8b5cf6;font-weight:600}.comment-login-hint a:hover{color:#6d28d9}.comment-loading{text-align:center;padding:40px 0}.comment-list{flex-direction:column;gap:0;width:100%;display:flex}.comment-item{border-bottom:1px solid #f0f0f0;padding:16px 0}.comment-item:last-child{border-bottom:none}.comment-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.comment-meta{flex-direction:column;gap:2px;display:flex}.comment-author{color:#262626;font-size:14px}.comment-time{font-size:12px}.comment-content{margin-bottom:8px;padding-left:48px}.comment-text{color:#434343;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.comment-actions{padding-left:48px}.comment-actions .ant-btn-text{color:#8c8c8c;font-size:13px}.comment-actions .ant-btn-text:hover{color:#8b5cf6}.comment-actions .ant-btn-dangerous:hover{color:#ff4d4f}.reply-input-area{background:#fafafa;border-radius:8px;margin-top:12px;margin-left:48px;padding:12px}.reply-input-area .ant-space-compact{width:100%}.reply-input-area .ant-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:0 6px 6px 0}.reply-input-area .ant-btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.replies-section{background:#fafafa;border-radius:8px;width:auto;margin-top:12px;margin-left:48px;padding:8px 0}.reply-item{border-bottom:1px solid #f0f0f0;padding:10px 16px}.reply-item:last-child{border-bottom:none}.reply-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.reply-meta{align-items:center;gap:8px;display:flex}.reply-author{color:#262626;font-size:13px}.reply-time{font-size:11px}.reply-text{color:#434343;white-space:pre-wrap;margin:4px 0 0 36px;font-size:13px;line-height:1.5}.reply-actions{margin-top:4px;margin-left:36px}.reply-actions .ant-btn-dangerous{color:#8c8c8c;font-size:12px}.reply-actions .ant-btn-dangerous:hover{color:#ff4d4f}.tutorial-detail-page{max-width:900px;margin:0 auto;padding:24px 16px}.detail-cover{border-radius:12px;width:100%;margin-bottom:24px;overflow:hidden}.detail-title{margin-bottom:12px!important;font-size:28px!important}.detail-actions{margin:16px 0}.detail-section{margin-bottom:24px}.detail-content{background:#fafafa;border-radius:8px;padding:24px;line-height:1.8}.detail-content p{margin-bottom:8px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin-top:24px;margin-bottom:12px;font-weight:600}.markdown-content h1{font-size:24px}.markdown-content h2{font-size:20px}.markdown-content h3{font-size:18px}.markdown-content ul,.markdown-content ol{margin-bottom:12px;padding-left:24px}.markdown-content li{margin-bottom:4px}.markdown-content blockquote{color:#8c8c8c;border-left:4px solid #d9d9d9;margin:16px 0;padding-left:16px;font-style:italic}.markdown-content code{background:#f0f0f0;border-radius:4px;padding:2px 6px;font-size:.9em}.markdown-content pre{color:#d4d4d4;background:#1e1e1e;border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.markdown-content pre code{color:inherit;background:0 0;padding:0}.markdown-content table{border-collapse:collapse;width:100%;margin:16px 0}.markdown-content th,.markdown-content td{text-align:left;border:1px solid #d9d9d9;padding:8px 12px}.markdown-content th{background:#f0f0f0;font-weight:600}.markdown-content hr{border:none;border-top:1px solid #d9d9d9;margin:24px 0}.markdown-content a{color:#1677ff;text-decoration:underline}.markdown-content img,.markdown-content video{border-radius:8px;max-width:100%;margin:16px 0;display:block}@media (prefers-color-scheme:dark){.wmde-markdown,.wmde-markdown-var{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#c9d1d9;--color-fg-muted:#8b949e;--color-fg-subtle:#484f58;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:#6e768166;--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-attention-subtle:#bb800926;--color-danger-fg:#f85149;--color-danger-emphasis:#da3633;--color-attention-fg:#d29922;--color-attention-emphasis:#9e6a03;--color-done-fg:#a371f7;--color-done-emphasis:#8957e5;--color-success-fg:#3fb950;--color-success-emphasis:#238636;--color-copied-active-bg:#2e9b33}}@media (prefers-color-scheme:light){.wmde-markdown,.wmde-markdown-var{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#24292f;--color-fg-muted:#57606a;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:#afb8c133;--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#d1242f;--color-danger-emphasis:#cf222e;--color-attention-fg:#9a6700;--color-attention-emphasis:#9a6700;--color-done-fg:#8250df;--color-done-emphasis:#8250df;--color-success-fg:#1a7f37;--color-success-emphasis:#1f883d;--color-copied-active-bg:#2e9b33}}[data-color-mode*=dark] .wmde-markdown,[data-color-mode*=dark] .wmde-markdown-var,.wmde-markdown-var[data-color-mode*=dark],.wmde-markdown[data-color-mode*=dark],body[data-color-mode*=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#c9d1d9;--color-fg-muted:#8b949e;--color-fg-subtle:#484f58;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:#6e768166;--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-attention-subtle:#bb800926;--color-danger-fg:#f85149}[data-color-mode*=light] .wmde-markdown,[data-color-mode*=light] .wmde-markdown-var,.wmde-markdown-var[data-color-mode*=light],.wmde-markdown[data-color-mode*=light],body[data-color-mode*=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#24292f;--color-fg-muted:#57606a;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:#afb8c133;--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#cf222e}.wmde-markdown{-webkit-text-size-adjust:100%;word-wrap:break-word;color:var(--color-fg-default);background-color:var(--color-canvas-default);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5}.wmde-markdown details,.wmde-markdown figcaption,.wmde-markdown figure{display:block}.wmde-markdown summary{display:list-item}.wmde-markdown [hidden]{display:none!important}.wmde-markdown a{color:var(--color-accent-fg);background-color:#0000;text-decoration:none}.wmde-markdown a:active,.wmde-markdown a:hover{outline-width:0}.wmde-markdown abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wmde-markdown b,.wmde-markdown strong{font-weight:600}.wmde-markdown dfn{font-style:italic}.wmde-markdown h1{border-bottom:1px solid var(--color-border-muted);margin:.67em 0;padding-bottom:.3em;font-size:2em;font-weight:600}.wmde-markdown mark{background-color:var(--color-attention-subtle);color:var(--color-text-primary)}.wmde-markdown small{font-size:90%}.wmde-markdown sub,.wmde-markdown sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.wmde-markdown sub{bottom:-.25em}.wmde-markdown sup{top:-.5em}.wmde-markdown img{box-sizing:content-box;background-color:var(--color-canvas-default);border-style:none;max-width:100%;display:inline-block}.wmde-markdown code,.wmde-markdown kbd,.wmde-markdown pre,.wmde-markdown samp{font-family:monospace;font-size:1em}.wmde-markdown figure{margin:1em 40px}.wmde-markdown hr{box-sizing:content-box;border:0;border-bottom:1px solid var(--color-border-muted);background:0 0;background-color:var(--color-border-default);height:.25em;margin:24px 0;padding:0;overflow:hidden}.wmde-markdown input{font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible}.wmde-markdown [type=button],.wmde-markdown [type=reset],.wmde-markdown [type=submit]{-webkit-appearance:button}.wmde-markdown [type=button]::-moz-focus-inner{border-style:none;padding:0}.wmde-markdown [type=reset]::-moz-focus-inner{border-style:none;padding:0}.wmde-markdown [type=submit]::-moz-focus-inner{border-style:none;padding:0}:is(.wmde-markdown [type=button]:-moz-focusring,.wmde-markdown [type=reset]:-moz-focusring,.wmde-markdown [type=submit]:-moz-focusring){outline:1px dotted buttontext}.wmde-markdown [type=checkbox],.wmde-markdown [type=radio]{box-sizing:border-box;padding:0}.wmde-markdown [type=number]::-webkit-inner-spin-button{height:auto}.wmde-markdown [type=number]::-webkit-outer-spin-button{height:auto}.wmde-markdown [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.wmde-markdown [type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.wmde-markdown [type=search]::-webkit-search-decoration{-webkit-appearance:none}.wmde-markdown ::-webkit-input-placeholder{color:inherit;opacity:.54}.wmde-markdown ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.wmde-markdown a:hover{text-decoration:underline}.wmde-markdown hr:before{content:"";display:table}.wmde-markdown hr:after{clear:both;content:"";display:table}.wmde-markdown table{border-spacing:0;border-collapse:collapse;width:max-content;max-width:100%;display:block}.wmde-markdown td,.wmde-markdown th{padding:0}.wmde-markdown details summary{cursor:pointer}.wmde-markdown details:not([open])>:not(summary){display:none!important}.wmde-markdown kbd{color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-subtle);border:solid 1px var(--color-neutral-muted);border-bottom-color:var(--color-neutral-muted);box-shadow:inset 0 -1px 0 var(--color-neutral-muted);border-radius:6px;padding:3px 5px;font:11px/10px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;display:inline-block}.wmde-markdown h1,.wmde-markdown h2,.wmde-markdown h3,.wmde-markdown h4,.wmde-markdown h5,.wmde-markdown h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.wmde-markdown h2{border-bottom:1px solid var(--color-border-muted);padding-bottom:.3em;font-size:1.5em;font-weight:600}.wmde-markdown h3{font-size:1.25em;font-weight:600}.wmde-markdown h4{font-size:1em;font-weight:600}.wmde-markdown h5{font-size:.875em;font-weight:600}.wmde-markdown h6{color:var(--color-fg-muted);font-size:.85em;font-weight:600}.wmde-markdown p{margin-top:0;margin-bottom:10px}.wmde-markdown blockquote{color:var(--color-fg-muted);border-left:.25em solid var(--color-border-default);margin:0;padding:0 1em}.wmde-markdown ul,.wmde-markdown ol{margin-top:0;margin-bottom:0;padding-left:2em}.wmde-markdown ol ol,.wmde-markdown ul ol{list-style-type:lower-roman}.wmde-markdown ul ul ol,.wmde-markdown ul ol ol,.wmde-markdown ol ul ol,.wmde-markdown ol ol ol{list-style-type:lower-alpha}.wmde-markdown dd{margin-left:0}.wmde-markdown tt,.wmde-markdown code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.wmde-markdown pre{word-wrap:normal;margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.wmde-markdown .octicon{vertical-align:text-bottom;fill:currentColor;display:inline-block;overflow:visible!important}.wmde-markdown ::placeholder{color:var(--color-fg-subtle);opacity:1}.wmde-markdown input::-webkit-outer-spin-button{appearance:none;margin:0}.wmde-markdown input::-webkit-inner-spin-button{appearance:none;margin:0}.wmde-markdown [data-catalyst]{display:block}.wmde-markdown:before{content:"";display:table}.wmde-markdown:after{clear:both;content:"";display:table}.wmde-markdown>:first-child{margin-top:0!important}.wmde-markdown>:last-child{margin-bottom:0!important}.wmde-markdown a:not([href]){color:inherit;text-decoration:none}.wmde-markdown .absent{color:var(--color-danger-fg)}.wmde-markdown a.anchor{float:left;margin-left:-20px;padding-right:4px;line-height:1}.wmde-markdown .anchor:focus{outline:none}.wmde-markdown p,.wmde-markdown blockquote,.wmde-markdown ul,.wmde-markdown ol,.wmde-markdown dl,.wmde-markdown table,.wmde-markdown pre,.wmde-markdown details{margin-top:0;margin-bottom:16px}.wmde-markdown blockquote>:first-child{margin-top:0}.wmde-markdown blockquote>:last-child{margin-bottom:0}.wmde-markdown sup>a:before{content:"["}.wmde-markdown sup>a:after{content:"]"}.wmde-markdown h1 .octicon-link,.wmde-markdown h2 .octicon-link,.wmde-markdown h3 .octicon-link,.wmde-markdown h4 .octicon-link,.wmde-markdown h5 .octicon-link,.wmde-markdown h6 .octicon-link{color:var(--color-fg-default);vertical-align:middle;visibility:hidden}.wmde-markdown h1:hover .anchor,.wmde-markdown h2:hover .anchor,.wmde-markdown h3:hover .anchor,.wmde-markdown h4:hover .anchor,.wmde-markdown h5:hover .anchor,.wmde-markdown h6:hover .anchor{text-decoration:none}.wmde-markdown h1:hover .anchor .octicon-link,.wmde-markdown h2:hover .anchor .octicon-link,.wmde-markdown h3:hover .anchor .octicon-link,.wmde-markdown h4:hover .anchor .octicon-link,.wmde-markdown h5:hover .anchor .octicon-link,.wmde-markdown h6:hover .anchor .octicon-link{visibility:visible}.wmde-markdown h1 tt,.wmde-markdown h1 code,.wmde-markdown h2 tt,.wmde-markdown h2 code,.wmde-markdown h3 tt,.wmde-markdown h3 code,.wmde-markdown h4 tt,.wmde-markdown h4 code,.wmde-markdown h5 tt,.wmde-markdown h5 code,.wmde-markdown h6 tt,.wmde-markdown h6 code{font-size:inherit;padding:0 .2em}.wmde-markdown ul.no-list,.wmde-markdown ol.no-list{padding:0;list-style-type:none}.wmde-markdown ol[type="1"]{list-style-type:decimal}.wmde-markdown ol[type=a]{list-style-type:lower-alpha}.wmde-markdown ol[type=i]{list-style-type:lower-roman}.wmde-markdown div>ol:not([type]){list-style-type:decimal}.wmde-markdown ul ul,.wmde-markdown ul ol,.wmde-markdown ol ol,.wmde-markdown ol ul{margin-top:0;margin-bottom:0}.wmde-markdown li>p{margin-top:16px}.wmde-markdown li+li{margin-top:.25em}.wmde-markdown dl{padding:0}.wmde-markdown dl dt{margin-top:16px;padding:0;font-size:1em;font-style:italic;font-weight:600}.wmde-markdown dl dd{margin-bottom:16px;padding:0 16px}.wmde-markdown table th{font-weight:600}.wmde-markdown table th,.wmde-markdown table td{border:1px solid var(--color-border-default);padding:6px 13px}.wmde-markdown table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}.wmde-markdown table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}.wmde-markdown table img{background-color:#0000}.wmde-markdown img[align=right]{padding-left:20px}.wmde-markdown img[align=left]{padding-right:20px}.wmde-markdown .emoji{vertical-align:text-top;background-color:#0000;max-width:none}.wmde-markdown span.frame{display:block;overflow:hidden}.wmde-markdown span.frame>span{float:left;border:1px solid var(--color-border-default);width:auto;margin:13px 0 0;padding:7px;display:block;overflow:hidden}.wmde-markdown span.frame span img{float:left;display:block}.wmde-markdown span.frame span span{clear:both;color:var(--color-fg-default);padding:5px 0 0;display:block}.wmde-markdown span.align-center{clear:both;display:block;overflow:hidden}.wmde-markdown span.align-center>span{text-align:center;margin:13px auto 0;display:block;overflow:hidden}.wmde-markdown span.align-center span img{text-align:center;margin:0 auto}.wmde-markdown span.align-right{clear:both;display:block;overflow:hidden}.wmde-markdown span.align-right>span{text-align:right;margin:13px 0 0;display:block;overflow:hidden}.wmde-markdown span.align-right span img{text-align:right;margin:0}.wmde-markdown span.float-left{float:left;margin-right:13px;display:block;overflow:hidden}.wmde-markdown span.float-left span{margin:13px 0 0}.wmde-markdown span.float-right{float:right;margin-left:13px;display:block;overflow:hidden}.wmde-markdown span.float-right>span{text-align:right;margin:13px auto 0;display:block;overflow:hidden}.wmde-markdown code,.wmde-markdown tt{background-color:var(--color-neutral-muted);border-radius:6px;margin:0;padding:.2em .4em;font-size:85%}.wmde-markdown code br,.wmde-markdown tt br{display:none}.wmde-markdown del code{-webkit-text-decoration:inherit;text-decoration:inherit}.wmde-markdown pre code{font-size:100%}.wmde-markdown pre>code{word-break:normal;white-space:pre;background:0 0;border:0;margin:0;padding:0}.wmde-markdown pre{background-color:var(--color-canvas-subtle);border-radius:6px;font-size:85%;line-height:1.45}.wmde-markdown pre code,.wmde-markdown pre tt{max-width:auto;line-height:inherit;word-wrap:normal;background-color:#0000;border:0;margin:0;padding:0;display:inline;overflow:visible}.wmde-markdown pre>code{padding:16px;display:block;overflow:auto}.wmde-markdown pre>code::-webkit-scrollbar{background:0 0;width:8px;height:8px}.wmde-markdown pre>code::-webkit-scrollbar-thumb{background:var(--color-fg-muted);border-radius:10px}.wmde-markdown .csv-data td,.wmde-markdown .csv-data th{text-align:left;white-space:nowrap;padding:5px;font-size:12px;line-height:1;overflow:hidden}.wmde-markdown .csv-data .blob-num{text-align:right;background:var(--color-canvas-default);border:0;padding:10px 8px 9px}.wmde-markdown .csv-data tr{border-top:0}.wmde-markdown .csv-data th{background:var(--color-canvas-subtle);border-top:0;font-weight:600}.wmde-markdown .footnotes{color:var(--color-fg-muted);border-top:1px solid var(--color-border-default);font-size:12px}.wmde-markdown .footnotes ol{padding-left:16px}.wmde-markdown .footnotes li{position:relative}.wmde-markdown .footnotes li:target:before{pointer-events:none;content:"";border:2px solid var(--color-accent-emphasis);border-radius:6px;position:absolute;inset:-8px -8px -8px -24px}.wmde-markdown .footnotes li:target{color:var(--color-fg-default)}.wmde-markdown .footnotes .data-footnote-backref g-emoji{font-family:monospace}.wmde-markdown .task-list-item{list-style-type:none}.wmde-markdown .task-list-item label{font-weight:400}.wmde-markdown .task-list-item.enabled label{cursor:pointer}.wmde-markdown .task-list-item+.wmde-markdown .task-list-item{margin-top:3px}.wmde-markdown .task-list-item .handle{display:none}.wmde-markdown .task-list-item-checkbox,.wmde-markdown .contains-task-list input[type=checkbox]{vertical-align:middle;margin:0 .2em .25em -1.6em}.wmde-markdown .contains-task-list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.wmde-markdown .contains-task-list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) input[type=checkbox]{margin:0 -1.6em .25em .2em}.wmde-markdown ::-webkit-calendar-picker-indicator{filter:invert(50%)}.wmde-markdown pre{position:relative}.wmde-markdown pre .copied{visibility:hidden;cursor:pointer;color:var(--color-fg-default);background:var(--color-border-default);border-radius:5px;padding:6px;font-size:12px;transition:all .3s;display:flex;position:absolute;top:6px;right:6px}.wmde-markdown pre .copied .octicon-copy{display:block}.wmde-markdown pre .copied .octicon-check{display:none}.wmde-markdown pre:hover .copied{visibility:visible}.wmde-markdown pre:hover .copied:hover{background:var(--color-prettylights-syntax-entity-tag);color:var(--color-canvas-default)}.wmde-markdown pre:hover .copied:active,.wmde-markdown pre .copied.active{background:var(--color-copied-active-bg);color:var(--color-canvas-default)}.wmde-markdown pre .active .octicon-copy{display:none}.wmde-markdown pre .active .octicon-check{display:block}.wmde-markdown .markdown-alert{color:inherit;border-left:.25em solid var(--borderColor-default,var(--color-border-default));margin-bottom:16px;padding:.5rem 1em}.wmde-markdown .markdown-alert>:last-child{margin-bottom:0!important}.wmde-markdown .markdown-alert .markdown-alert-title{align-items:center;font-size:14px;font-weight:500;line-height:1;display:flex}.wmde-markdown .markdown-alert .markdown-alert-title svg.octicon{margin-right:var(--base-size-8,8px)!important}.wmde-markdown .markdown-alert.markdown-alert-note{border-left-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-note .markdown-alert-title{color:var(--fgColor-accent,var(--color-accent-fg))}.wmde-markdown .markdown-alert.markdown-alert-tip{border-left-color:var(--borderColor-success-emphasis,var(--color-success-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-tip .markdown-alert-title{color:var(--fgColor-success,var(--color-success-fg))}.wmde-markdown .markdown-alert.markdown-alert-important{border-left-color:var(--borderColor-done-emphasis,var(--color-done-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-important .markdown-alert-title{color:var(--fgColor-done,var(--color-done-fg))}.wmde-markdown .markdown-alert.markdown-alert-warning{border-left-color:var(--borderColor-attention-emphasis,var(--color-attention-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-warning .markdown-alert-title{color:var(--fgColor-attention,var(--color-attention-fg))}.wmde-markdown .markdown-alert.markdown-alert-caution{border-left-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-caution .markdown-alert-title{color:var(--fgColor-danger,var(--color-danger-fg))}.wmde-markdown .highlight-line{background-color:var(--color-neutral-muted)}.wmde-markdown .code-line.line-number:before{text-align:right;width:1rem;color:var(--color-fg-subtle);content:attr(line);white-space:nowrap;margin-right:16px;display:inline-block}.wmde-markdown .token.comment,.wmde-markdown .token.prolog,.wmde-markdown .token.doctype,.wmde-markdown .token.cdata{color:var(--color-prettylights-syntax-comment)}.wmde-markdown .token.namespace{opacity:.7}.wmde-markdown .token.property,.wmde-markdown .token.tag,.wmde-markdown .token.selector,.wmde-markdown .token.constant,.wmde-markdown .token.symbol,.wmde-markdown .token.deleted{color:var(--color-prettylights-syntax-entity-tag)}.wmde-markdown .token.maybe-class-name{color:var(--color-prettylights-syntax-variable)}.wmde-markdown .token.property-access,.wmde-markdown .token.operator,.wmde-markdown .token.boolean,.wmde-markdown .token.number,.wmde-markdown .token.selector .token.class,.wmde-markdown .token.attr-name,.wmde-markdown .token.string,.wmde-markdown .token.char,.wmde-markdown .token.builtin{color:var(--color-prettylights-syntax-constant)}.wmde-markdown .token.deleted{color:var(--color-prettylights-syntax-markup-deleted-text)}.wmde-markdown .code-line .token.deleted{background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.wmde-markdown .token.inserted{color:var(--color-prettylights-syntax-markup-inserted-text)}.wmde-markdown .code-line .token.inserted{background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.wmde-markdown .token.variable{color:var(--color-prettylights-syntax-constant)}.wmde-markdown .token.entity,.wmde-markdown .token.url,.wmde-markdown .language-css .token.string,.wmde-markdown .style .token.string,.wmde-markdown .token.color,.wmde-markdown .token.atrule,.wmde-markdown .token.attr-value,.wmde-markdown .token.function,.wmde-markdown .token.class-name{color:var(--color-prettylights-syntax-string)}.wmde-markdown .token.rule,.wmde-markdown .token.regex,.wmde-markdown .token.important,.wmde-markdown .token.keyword{color:var(--color-prettylights-syntax-keyword)}.wmde-markdown .token.coord{color:var(--color-prettylights-syntax-meta-diff-range)}.wmde-markdown .token.important,.wmde-markdown .token.bold{font-weight:700}.wmde-markdown .token.italic{font-style:italic}.wmde-markdown .token.entity{cursor:help}.w-md-editor-area{border-radius:5px;overflow:auto}.w-md-editor-text{text-align:left;white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word;box-sizing:border-box;font-variant-ligatures:common-ligatures;min-height:100%;margin:0;padding:10px;position:relative;font-size:14px!important;line-height:18px!important}.w-md-editor-text-pre,.w-md-editor-text-input,.w-md-editor-text>.w-md-editor-text-pre{box-sizing:inherit;display:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:inherit;overflow-wrap:inherit;word-break:inherit;word-break:normal;background:0 0;border:0;margin:0;padding:0;font-family:var(--md-editor-font-family)!important}.w-md-editor-text-pre{pointer-events:none;position:relative;background-color:#0000!important;margin:0!important}.w-md-editor-text-pre>code{font-family:var(--md-editor-font-family)!important;padding:0!important;font-size:14px!important;line-height:18px!important}.w-md-editor-text-input{resize:none;width:100%;height:100%;color:inherit;padding:inherit;-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent;outline:0;position:absolute;top:0;left:0;overflow:hidden}.w-md-editor-text-input:empty{-webkit-text-fill-color:inherit!important}.w-md-editor-text-pre,.w-md-editor-text-input{word-wrap:pre;word-break:break-word;white-space:pre-wrap}@media (-ms-high-contrast:none),(-ms-high-contrast:active){.w-md-editor-text-input{color:#0000!important}.w-md-editor-text-input::selection{color:#0000!important;background-color:#accef7!important}}.w-md-editor-text-pre .punctuation{color:var(--color-prettylights-syntax-comment,#8b949e)!important}.w-md-editor-text-pre .token.url,.w-md-editor-text-pre .token.content{color:var(--color-prettylights-syntax-constant,#0550ae)!important}.w-md-editor-text-pre .token.title.important{color:var(--color-prettylights-syntax-markup-bold,#24292f)}.w-md-editor-text-pre .token.code-block .function{color:var(--color-prettylights-syntax-entity,#8250df)}.w-md-editor-text-pre .token.bold{font-weight:unset!important}.w-md-editor-text-pre .token.title{line-height:unset!important;font-size:unset!important;font-weight:unset!important}.w-md-editor-text-pre .token.code.keyword{color:var(--color-prettylights-syntax-constant,#0550ae)!important}.w-md-editor-text-pre .token.strike,.w-md-editor-text-pre .token.strike .content{color:var(--color-prettylights-syntax-markup-deleted-text,#82071e)!important}.w-md-editor-toolbar-child{box-shadow:0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);background-color:var(--md-editor-background-color);z-index:1;border-radius:3px;display:none;position:absolute}.w-md-editor-toolbar-child.active{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar{border-bottom:0;border-radius:3px;padding:3px}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li button{width:-webkit-fill-available;height:initial;box-sizing:border-box;margin:0;padding:3px 4px 2px}.w-md-editor-toolbar{border-bottom:1px solid var(--md-editor-box-shadow-color);background-color:var(--md-editor-background-color);-webkit-user-select:none;user-select:none;border-radius:3px 3px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:3px;display:flex}.w-md-editor-toolbar.bottom{border-bottom:0;border-top:1px solid var(--md-editor-box-shadow-color);border-radius:0 0 3px 3px}.w-md-editor-toolbar ul,.w-md-editor-toolbar li{line-height:initial;margin:0;padding:0;list-style:none}.w-md-editor-toolbar li{font-size:14px;display:inline-block}.w-md-editor-toolbar li+li{margin:0}.w-md-editor-toolbar li>button{text-transform:none;cursor:pointer;white-space:nowrap;height:20px;color:var(--color-fg-default);background:0 0;border:none;border-radius:2px;outline:none;margin:0 1px;padding:4px;font-weight:400;line-height:14px;transition:all .3s;overflow:visible}.w-md-editor-toolbar li>button:hover,.w-md-editor-toolbar li>button:focus{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar li>button:active{background-color:var(--color-neutral-muted);color:var(--color-danger-fg)}.w-md-editor-toolbar li>button:disabled{color:var(--md-editor-box-shadow-color);cursor:not-allowed}.w-md-editor-toolbar li>button:disabled:hover{color:var(--md-editor-box-shadow-color);background-color:#0000}.w-md-editor-toolbar li.active>button{color:var(--color-accent-fg);background-color:var(--color-neutral-muted)}.w-md-editor-toolbar-divider{vertical-align:middle;background-color:var(--md-editor-box-shadow-color);width:1px;height:14px;margin:-3px 3px 0!important}.w-md-editor-bar{cursor:s-resize;z-index:3;-webkit-user-select:none;user-select:none;border-radius:0 0 3px;width:14px;height:10px;margin-top:-11px;margin-right:0;position:absolute;bottom:0;right:0}.w-md-editor-bar svg{margin:0 auto;display:block}.w-md-editor{text-align:left;color:var(--color-fg-default);--md-editor-font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;--md-editor-background-color:var(--color-canvas-default,#fff);--md-editor-box-shadow-color:var(--color-border-default,#d0d7de);box-shadow:0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);background-color:var(--md-editor-background-color);border-radius:3px;flex-direction:column;padding-bottom:1px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:relative}.w-md-editor.w-md-editor-rtl{text-align:right!important;direction:rtl!important}.w-md-editor.w-md-editor-rtl .w-md-editor-preview{box-shadow:inset -1px 0 0 0 var(--md-editor-box-shadow-color);left:0;right:unset!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-text{text-align:right!important}.w-md-editor-toolbar{height:fit-content}.w-md-editor-content{border-radius:0 0 3px;height:100%;position:relative;overflow:auto}.w-md-editor .copied{display:none!important}.w-md-editor-input{width:50%;height:100%}.w-md-editor-text-pre>code{word-break:break-word!important;white-space:pre-wrap!important}.w-md-editor-preview{box-sizing:border-box;width:50%;box-shadow:inset 1px 0 0 0 var(--md-editor-box-shadow-color);border-radius:0 0 5px;flex-direction:column;padding:10px 20px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:auto}.w-md-editor-preview .anchor{display:none}.w-md-editor-preview .contains-task-list li.task-list-item{list-style:none}.w-md-editor-show-preview .w-md-editor-input{background-color:var(--md-editor-background-color);width:0%;overflow:hidden}.w-md-editor-show-preview .w-md-editor-preview{width:100%;box-shadow:inset 0 0}.w-md-editor-show-edit .w-md-editor-input{width:100%}.w-md-editor-show-edit .w-md-editor-preview{width:0%;padding:0}.w-md-editor-fullscreen{z-index:99999;position:fixed;inset:0;overflow:hidden;height:100%!important}.w-md-editor-fullscreen .w-md-editor-content{height:100%}.tutorial-create-page{max-width:900px;margin:0 auto;padding:32px 24px}.tutorial-create-page .page-title{margin-bottom:8px;font-size:24px;font-weight:600}.tutorial-create-page .page-subtitle{color:#666;margin-bottom:32px;font-size:14px}.tutorial-create-page .create-card{border-radius:12px;box-shadow:0 2px 12px #0000000f}.tutorial-create-page .cover-upload-wrapper{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.tutorial-create-page .cover-preview{border:1px solid #f0f0f0;border-radius:8px;width:100%;max-width:400px;overflow:hidden}.tutorial-create-page .cover-preview img{object-fit:cover;width:100%;height:200px;display:block}.tutorial-create-page .form-section-title{color:#333;border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:8px;font-size:16px;font-weight:600}.tutorial-create-page .content-editor{min-height:400px}.tutorial-create-page .content-editor textarea{min-height:400px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6}.tutorial-create-page .tag-select{width:100%}.tutorial-create-page .form-actions{border-top:1px solid #f0f0f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;display:flex}.tutorial-create-page .slug-hint{color:#999;margin-top:4px;font-size:12px}.tutorial-create-page .slug-hint code{background:#f5f5f5;border-radius:4px;padding:1px 6px;font-size:12px}.tutorial-create-page .w-md-editor-input{min-width:300px;width:50%!important;height:100%!important;overflow:auto!important}.tutorial-create-page .w-md-editor-text{height:100%!important;min-height:480px!important}.tutorial-create-page .w-md-editor-text-input{-webkit-text-fill-color:initial!important;color:#333!important;caret-color:#333!important;white-space:pre-wrap!important;word-break:break-all!important;overflow-wrap:break-word!important;height:100%!important;min-height:480px!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:14px!important;line-height:1.6!important;overflow:auto!important}.tutorial-create-page .w-md-editor-preview{writing-mode:horizontal-tb!important;word-break:break-word!important;overflow-wrap:break-word!important}.tutorial-create-page .editor-guide{padding:8px 0}.tutorial-create-page .guide-section{margin-bottom:20px}.tutorial-create-page .guide-section:last-child{margin-bottom:0}.tutorial-create-page .guide-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.tutorial-create-page .guide-table th,.tutorial-create-page .guide-table td{text-align:left;border:1px solid #f0f0f0;padding:8px 12px}.tutorial-create-page .guide-table th{color:#333;background:#fafafa;font-weight:600}.tutorial-create-page .guide-table td{color:#555}.tutorial-create-page .guide-table code{color:#d63384;background:#f5f5f5;border-radius:3px;padding:2px 6px;font-size:12px}.tutorial-create-page .guide-media{flex-direction:column;gap:12px;margin-top:8px;display:flex}.tutorial-create-page .guide-media-item{background:#f9f9f9;border:1px solid #f0f0f0;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.tutorial-create-page .guide-media-icon{background:#e6f4ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tutorial-create-page .guide-tips{margin:8px 0 0;padding-left:20px}.tutorial-create-page .guide-tips li{color:#555;margin-bottom:6px;font-size:13px;line-height:1.6}.tutorial-create-page .guide-tips li:last-child{margin-bottom:0}@media (width<=768px){.tutorial-create-page{padding:16px 12px}.tutorial-create-page .form-actions{flex-direction:column}.tutorial-create-page .form-actions button{width:100%}.tutorial-create-page .guide-table{font-size:12px}.tutorial-create-page .guide-table th,.tutorial-create-page .guide-table td{padding:6px 8px}}.works-page{background:#f8f5f0;min-height:100vh;padding-bottom:3rem}.works-hero{background:linear-gradient(135deg,#8b6b4a 0%,#6b4f3a 50%,#5a3e2e 100%);padding:2rem;position:relative;overflow:hidden}.works-hero-bg-decoration{pointer-events:none;position:absolute;inset:0}.works-hero-circle{opacity:.08;border-radius:50%;position:absolute}.works-hero-circle-1{background:#fff;width:300px;height:300px;top:-80px;right:-80px}.works-hero-circle-2{background:#fff;width:180px;height:180px;bottom:-60px;left:10%}.works-hero-circle-3{background:#fff;width:100px;height:100px;top:20%;left:60%}.works-hero-content{z-index:1;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex;position:relative}.works-hero-text{flex:1}.works-hero-title{letter-spacing:1px;color:#fff!important;margin-bottom:.5rem!important;font-size:2rem!important;font-weight:700!important}.works-hero-description{max-width:480px;color:#fffc!important;margin-bottom:1rem!important;font-size:1rem!important;line-height:1.5!important}.works-hero-search{max-width:420px}.works-hero-search .ant-input-search .ant-input-wrapper{border-radius:10px;align-items:center;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.works-hero-search .ant-input-search .ant-input-wrapper .ant-input{border:none;padding:0 16px;font-size:14px;line-height:44px;height:44px!important}.works-hero-search .ant-input-search .ant-input-wrapper .ant-input-group-addon{align-items:center;height:44px;display:flex}.works-hero-search .ant-input-search .ant-input-wrapper .ant-input-group-addon .ant-btn{background:#d4a574;border:none;justify-content:center;align-items:center;font-size:14px;display:flex;border-radius:0!important;height:44px!important;padding:0 20px!important}.works-hero-search .ant-input-search .ant-input-wrapper .ant-input-group-addon .ant-btn:hover{background:#c49464!important}.works-hero-action{flex-direction:column;flex-shrink:0;align-items:center;gap:1rem;display:flex}.works-hero-publish-btn{background:#d4a574!important;border:none!important;border-radius:10px!important;height:44px!important;padding:0 24px!important;font-size:15px!important;font-weight:600!important;transition:all .3s!important;box-shadow:0 4px 15px #d4a57466!important}.works-hero-publish-btn:hover{background:#c49464!important;transform:translateY(-2px)!important;box-shadow:0 6px 25px #d4a57480!important}.works-hero-stats{text-align:center}.works-stat-item{flex-direction:column;align-items:center;gap:1px;display:flex}.works-stat-number{color:#fff;font-size:1.4rem;font-weight:700;line-height:1}.works-stat-label{color:#fff9;font-size:.75rem}.page-content{max-width:1200px;margin:0 auto;padding:0 1.5rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:.5rem;padding:1.5rem 0;display:flex}.toolbar-left{align-items:center;gap:12px;display:flex}.sort-tabs{background:#fff;border-radius:10px;padding:4px;display:flex;box-shadow:0 2px 8px #0000000f}.sort-tab{color:#666!important;border:none!important;border-radius:8px!important;height:38px!important;padding:0 20px!important;font-size:14px!important;transition:all .3s!important}.sort-tab .anticon{margin-right:6px}.sort-tab.active{color:#fff!important;background:#8b6b4a!important;box-shadow:0 2px 8px #8b6b4a4d!important}.sort-tab:not(.active):hover{color:#8b6b4a!important;background:#8b6b4a0f!important}.filter-toggle-btn{color:#666!important;border:1px solid #e8e0d8!important;border-radius:8px!important;height:38px!important}.filter-toggle-btn:hover{color:#8b6b4a!important;border-color:#8b6b4a!important}.filter-toggle-btn.ant-btn-primary{color:#fff!important;background:#8b6b4a!important;border-color:#8b6b4a!important}.toolbar-right{align-items:center;display:flex}.result-count{font-size:14px!important}.result-count strong{font-weight:600}.works-filters-panel{background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:20px;animation:.25s slideDown;box-shadow:0 2px 12px #0000000f}.filter-group{align-items:center;gap:8px;display:flex}.filter-label{white-space:nowrap;font-size:13px!important}.works-content,.works-grid{margin-bottom:2rem}.works-grid .ant-col{margin-bottom:0}.work-card-link{color:inherit;text-decoration:none;display:block}.work-card{background:#fff;border-radius:12px;flex-direction:column;height:100%;transition:all .35s cubic-bezier(.4,0,.2,1);animation:.5s both cardFadeIn;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000000f}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.work-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f}.work-card-cover{background:#f0ece8;width:100%;padding-top:75%;position:relative;overflow:hidden}.work-card-image{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0}.work-card:hover .work-card-image{transform:scale(1.08)}.work-card-placeholder{background:#f5f0eb;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.work-card-overlay{opacity:0;background:linear-gradient(#0006 0%,#0000 30% 70%,#00000080 100%);flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:12px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.work-card:hover .work-card-overlay{opacity:1}.overlay-top{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.overlay-bottom{justify-content:flex-end;display:flex}.overlay-stat{color:#fff;text-shadow:0 1px 3px #00000080;align-items:center;gap:4px;font-size:13px;display:inline-flex}.multi-image-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#0009;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:flex;position:absolute;top:12px;right:12px}.work-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.work-card-title{color:#2d1b0e;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.work-card-desc{color:#8c7a6a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.work-card-tags{flex-wrap:wrap;gap:6px;display:flex}.clothing-tag{color:#8b5e3c;background:#f5f0eb;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.work-card-author{border-top:1px solid #f0ece8;align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.author-avatar{flex-shrink:0}.author-name{color:#5c3a21;font-size:13px;font-weight:500}.pagination-section{text-align:center;padding:2rem 0 1rem}.pagination-section .ant-pagination{display:inline-flex}.pagination-section .ant-pagination-item-active{background:#8b6b4a;border-color:#8b6b4a}.pagination-section .ant-pagination-item-active a{color:#fff}.pagination-section .ant-pagination-item:hover{border-color:#8b6b4a}.pagination-section .ant-pagination-item:hover a{color:#8b6b4a}.empty-state{text-align:center;background:#fff;border-radius:16px;padding:5rem 2rem;box-shadow:0 2px 12px #0000000a}.empty-state .empty-icon{color:#d9d0c5;margin-bottom:1rem;font-size:64px}.empty-state .empty-title{color:#666!important;margin-bottom:.5rem!important}.empty-state .empty-desc{color:#999!important;margin-bottom:1.5rem!important}@media (width<=768px){.works-hero{padding:2rem 1.25rem}.works-hero-content{text-align:center;flex-direction:column}.works-hero-title{font-size:1.5rem!important}.works-hero-description{max-width:100%;margin-left:auto!important;margin-right:auto!important}.works-hero-search{max-width:100%}.works-hero-action,.works-hero-publish-btn{width:100%}.works-hero-circle-1{width:150px;height:150px;top:-50px;right:-50px}.works-hero-circle-2{width:100px;height:100px}.works-hero-circle-3{display:none}.page-content{padding:0 1rem}.toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-wrap:wrap;width:100%}.sort-tabs{justify-content:center;width:100%}.sort-tab{flex:1;justify-content:center;padding:0 12px!important;font-size:13px!important}.filter-toggle-btn{flex:1}.works-filters-panel{padding:16px}.work-card-cover{padding-top:66%}.empty-state{padding:3rem 1rem}}@media (width<=480px){.works-hero-title{font-size:1.3rem!important}.work-card-body{padding:12px}.work-card-title{font-size:14px}}@media (width>=769px) and (width<=1024px){.works-hero-content{text-align:center;flex-direction:column}.works-hero-description{margin-left:auto!important;margin-right:auto!important}.works-hero-search{max-width:100%}.works-hero-action{flex-direction:row;justify-content:center;width:100%}}.work-create-page{max-width:900px;margin:0 auto;padding:24px 16px 60px}.work-create-page .page-header{text-align:center;margin-bottom:32px}.work-create-page .page-title{margin-bottom:8px!important}.work-create-page .create-card{border-radius:12px;box-shadow:0 2px 8px #0000000f}.work-create-page .selected-types{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin-top:8px;padding:8px 12px}.work-create-page .uploaded-images{margin-top:16px}.work-create-page .image-preview-list{flex-wrap:wrap;gap:12px;display:flex}.work-create-page .image-preview-item{border:1px solid #f0f0f0;border-radius:8px;transition:box-shadow .3s;position:relative;overflow:hidden}.work-create-page .image-preview-item:hover{box-shadow:0 4px 12px #00000026}.work-create-page .remove-image-btn{opacity:0;transition:opacity .2s;position:absolute;top:4px;right:4px}.work-create-page .image-preview-item:hover .remove-image-btn{opacity:1}.work-create-page .uploaded-videos{margin-top:16px}.work-create-page .video-preview-list{flex-wrap:wrap;gap:16px;display:flex}.work-create-page .video-preview-item{border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}.work-create-page .video-info{background:#fafafa;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.work-create-page .resource-link-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:12px;padding:12px}.work-create-page .form-actions{text-align:center;border-top:1px solid #f0f0f0;margin-top:32px;padding:24px 0}@media (width<=768px){.work-create-page{padding:16px 12px 40px}.work-create-page .resource-link-item .ant-space{flex-direction:column}.work-create-page .resource-link-item .ant-space-item{width:100%}}.work-detail-page{max-width:1100px;margin:0 auto;padding:24px 16px}.work-images{flex-direction:column;gap:20px;display:flex}.work-image{object-fit:contain;background:#f5f5f5;border-radius:12px;width:100%;max-height:600px}.work-image-placeholder{background:#fafafa;border:2px dashed #d9d9d9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:500px;display:flex}.work-title{margin-bottom:16px!important;font-size:28px!important}.work-description{color:#595959;font-size:16px;line-height:1.9}.work-stats{color:#8c8c8c;font-size:14px}.author-card{background:#fafafa;border-radius:8px;margin-bottom:16px}.like-button{border-radius:10px;height:52px;font-size:18px}.community-page{background:linear-gradient(135deg, var(--color-cream) 0%, var(--color-light-brown) 100%);min-height:100vh;padding:2rem 1rem}.community-container{max-width:1200px;margin:0 auto}.community-content{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (width>=992px){.community-content{grid-template-columns:1fr 2fr}}.post-card,.posts-card{border:1px solid var(--color-light-brown);background-color:#fffffff2;border-radius:16px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #8b572a14}.post-card:hover,.posts-card:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b572a1f}.post-card .ant-card-head{border-bottom:2px solid var(--color-brick-red);background-color:#bc6c250d;border-radius:16px 16px 0 0}.post-card .ant-card-head-title{color:var(--color-dark-brown);font-weight:600}.post-actions{justify-content:flex-end;gap:1rem;display:flex}.posts-card .ant-list-item{border-bottom:1px solid var(--color-light-brown);padding:1.5rem;transition:background-color .2s}.posts-card .ant-list-item:hover{background-color:#bc6c2508}.post-meta{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.post-time{font-size:.85rem}.post-tags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.post-tag{background-color:var(--color-light-brown);color:var(--color-dark-brown);border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.post-tag:hover{background-color:var(--color-brick-red);color:#fff;cursor:pointer}.stats-card{border:1px solid var(--color-light-brown);background-color:#fffffff2;border-radius:16px;margin-top:2rem}.stats-grid{text-align:center;grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (width>=768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{background-color:#bc6c250d;border-radius:12px;padding:1.5rem;transition:transform .3s,background-color .3s}.stat-item:hover{background-color:#bc6c251a;transform:translateY(-3px)}.stat-item h3{color:var(--color-brick-red);margin-bottom:.5rem;font-size:2rem}.stat-item .ant-typography-secondary{color:var(--color-medium-brown);font-size:.95rem}@media (width<=768px){.community-page{padding:1rem .5rem}.page-header{margin-bottom:2rem;padding:1.5rem 1rem}.post-actions{flex-direction:column}.post-actions button{width:100%}.posts-card .ant-list-item{padding:1rem}}.tools-page{background:linear-gradient(135deg, var(--color-cream) 0%, var(--color-light-brown) 100%);min-height:100vh;padding:2rem 1rem}.tools-container{max-width:1200px;margin:0 auto}.tools-hero{text-align:center;background:linear-gradient(135deg,#8b572a14,#bc6c251f);border-radius:20px;margin-bottom:2rem;padding:2.5rem 2rem;position:relative;overflow:hidden}.tools-hero:before{content:"";background:radial-gradient(circle,#bc6c250f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-20%}.tools-hero-icon{margin-bottom:.5rem;font-size:3rem}.tools-hero-title{font-family:var(--font-heading);color:var(--color-dark-brown)!important;margin-bottom:.5rem!important}.tools-hero-desc{color:var(--color-medium-brown);max-width:500px;font-size:1.05rem;margin:0 auto 1.5rem!important}.tools-search{max-width:480px;margin:0 auto}.tools-search .ant-input-search-button{background:var(--color-brick-red);border-color:var(--color-brick-red)}.tools-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1rem;display:flex}.tools-categories{flex-wrap:wrap;gap:10px;margin-bottom:1.5rem;display:flex}.category-tag{cursor:pointer;border:1px solid var(--color-light-brown);color:var(--color-medium-brown);-webkit-user-select:none;user-select:none;background:#ffffffd9;border-radius:20px;padding:6px 18px;font-size:14px;transition:all .3s}.category-tag:hover{border-color:var(--color-brick-red);color:var(--color-brick-red);background:#bc6c251a}.category-tag.active{background:var(--color-brick-red);border-color:var(--color-brick-red);color:#fff}.tools-grid{margin-bottom:2rem}.tool-card{border:1px solid var(--color-light-brown);background:#fffffff2;border-radius:14px;height:100%;transition:transform .3s,box-shadow .3s;overflow:hidden}.tool-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #8b572a26}.tool-card.popular{border-color:var(--color-brick-red)}.tool-card .ant-card-body{padding:16px}.tool-card-image{background:#f5f5f5;height:180px;position:relative;overflow:hidden}.tool-card-image img{object-fit:cover;width:100%;height:100%}.tool-card-image-placeholder{color:#d9d9d9;justify-content:center;align-items:center;height:100%;font-size:48px;display:flex}.popular-badge{background:var(--color-brick-red);color:#fff;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;display:flex;position:absolute;top:10px;right:10px}.tool-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.category-tag-sm{border-radius:10px;font-size:12px}.tool-card-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--color-dark-brown)!important;margin-bottom:6px!important}.tool-card-desc{color:var(--color-medium-brown);font-size:13px;line-height:1.5;margin-bottom:10px!important}.tool-card-tags{margin-bottom:10px}.tool-card-tags .ant-tag{margin-bottom:4px;font-size:12px}.tool-card-links{margin-bottom:10px}.tool-card-links .ant-tag{margin-bottom:4px;font-size:11px}.tool-card-footer{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tool-price{color:var(--color-brick-red);font-size:15px}.tool-card-author{border-top:1px solid #f0f0f0;align-items:center;padding-top:10px;display:flex}.pagination-section{text-align:center;margin-top:2rem}.empty-state{text-align:center;padding:60px 0}@media (width<=768px){.tools-page{padding:1rem .5rem}.tools-hero{padding:1.5rem 1rem}.tools-hero-icon{font-size:2rem}.tools-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right,.toolbar-right .ant-space{width:100%}.toolbar-right .ant-select{flex:1}.tools-categories{gap:8px}.category-tag{padding:4px 14px;font-size:13px}}.tool-create-page{max-width:800px;margin:0 auto;padding:24px 16px}.create-header{margin-bottom:24px}.create-card{border-radius:12px}.create-card .ant-card-body{padding:24px}.image-preview img{object-fit:cover;border-radius:8px}.purchase-link-item{transition:all .3s}.purchase-link-item:hover{border-color:#1890ff!important}.form-actions{padding:16px 0}.tool-detail-page{max-width:900px;margin:0 auto;padding:24px 16px}.detail-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.back-button{font-size:15px}.detail-cover{background:#f5f5f5;border-radius:12px;width:100%;margin-bottom:24px;overflow:hidden}.detail-cover img{object-fit:contain;width:100%;max-height:400px;display:block}.detail-header{margin-bottom:8px}.detail-title{margin-bottom:12px!important;font-size:28px!important;font-weight:700!important}.detail-meta{margin-bottom:12px}.detail-stats{color:#8c8c8c;font-size:14px}.detail-description{color:#595959;font-size:16px;line-height:1.8}.purchase-btn{border-radius:8px;height:36px;font-size:13px}.pros-cons-section{margin-top:8px}.pros-cons-block{background:#fafafa;border-radius:10px;height:100%;padding:20px}.pros-block{background:#f6ffed;border-left:4px solid #52c41a}.cons-block{background:#fff2f0;border-left:4px solid #ff4d4f}.pros-cons-title{align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}.pros-cons-text{color:#434343;white-space:pre-wrap;font-size:14px;line-height:1.8;margin-bottom:0!important}.suitable-block{background:#e6f7ff;border-left:4px solid #1890ff;border-radius:10px;padding:20px}.suitable-title{align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}.suitable-text{color:#434343;white-space:pre-wrap;font-size:14px;line-height:1.8;margin-bottom:0!important}.features-section{background:#f6ffed;border:1px solid #b7eb8f;border-radius:10px;padding:20px}.related-works-section{margin-top:32px}.related-work-card{text-decoration:none;display:block}.related-work-cover{background:#fafafa;justify-content:center;align-items:center;height:140px;display:flex;overflow:hidden}.related-work-cover img{object-fit:cover;width:100%;height:100%}.related-work-placeholder{color:#d9d9d9;background:#fafafa;justify-content:center;align-items:center;height:140px;font-size:32px;display:flex}.reviews-section{margin-top:32px}.review-form-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:10px}.reviews-list{background:#fff;border-radius:10px}.review-item{border-bottom:1px solid #f0f0f0!important;padding:20px 24px!important}.review-item:last-child{border-bottom:none!important}.review-content{color:#434343;white-space:pre-wrap;margin-top:4px;font-size:14px;line-height:1.7;margin-bottom:4px!important}@media (width<=768px){.tool-detail-page{padding:16px 12px}.detail-title{font-size:22px!important}.pros-cons-section .ant-col{margin-bottom:16px}}.patterns-page{background:linear-gradient(135deg, var(--color-cream) 0%, var(--color-light-brown) 100%);min-height:100vh;padding:2rem 1rem}.patterns-container{max-width:1200px;margin:0 auto}.page-header{text-align:center;background-color:#ffffffe6;border-radius:16px;margin-bottom:3rem;padding:2rem;box-shadow:0 4px 20px #8b572a1a}.page-header h1{color:var(--color-dark-brown);font-family:var(--font-heading);margin-bottom:1rem}.page-header p{color:var(--color-medium-brown);max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.6}.filter-card{border:1px solid var(--color-light-brown);background-color:#fffffff2;border-radius:16px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 15px #8b572a14}.section-header{text-align:center;margin:3rem 0 2rem}.section-header h3{color:var(--color-dark-brown);margin-bottom:.5rem}.section-header p{color:var(--color-medium-brown);max-width:600px;margin:0 auto}.categories-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:3rem;display:grid}@media (width>=768px){.categories-grid{grid-template-columns:repeat(4,1fr)}}.category-card{border:1px solid var(--color-light-brown);cursor:pointer;background-color:#fffffff2;border-radius:12px;padding:1.5rem;transition:transform .3s,box-shadow .3s}.category-card:hover{border-color:var(--color-brick-red);transform:translateY(-3px);box-shadow:0 6px 20px #8b572a1f}.category-content{text-align:center}.category-content h4{color:var(--color-dark-brown);margin-bottom:.5rem}.category-content .ant-typography-secondary{margin-bottom:1rem;font-size:.9rem;display:block}.view-button{color:var(--color-brick-red);font-weight:500}.patterns-grid{margin-bottom:2rem}.pattern-card{border:1px solid var(--color-light-brown);background-color:#fffffff2;border-radius:16px;height:100%;transition:transform .3s,box-shadow .3s;overflow:hidden}.pattern-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #8b572a26}.pattern-image{position:relative}.free-badge{background-color:var(--color-accent);color:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:500;position:absolute;top:1rem;right:1rem}.paid-badge{background-color:var(--color-brick-red);color:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:500;position:absolute;top:1rem;right:1rem}.pattern-header{gap:.5rem;margin-bottom:1rem;display:flex}.pattern-title{color:var(--color-dark-brown);min-height:3rem;margin-bottom:.75rem;font-size:1.25rem}.pattern-description{color:var(--color-medium-brown);min-height:4.5rem;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.pattern-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.pattern-tags .ant-tag{color:var(--color-dark-brown);background-color:#bc6c251a;border:none;font-size:.85rem}.pattern-stats{background-color:#bc6c250d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem;display:flex}.stat-item{align-items:center;gap:.25rem;font-size:.9rem;display:flex}.stat-item .anticon{color:var(--color-brick-red)}.pattern-footer{margin-top:auto}.pagination-container{justify-content:center;margin:3rem 0;display:flex}.guide-card{border:1px solid var(--color-light-brown);background-color:#fffffff2;border-radius:16px;margin-top:2rem;padding:2rem;box-shadow:0 4px 15px #8b572a14}.guide-card h3{color:var(--color-dark-brown);text-align:center;margin-bottom:2rem}.guide-step{text-align:center;background-color:#bc6c250d;border-radius:12px;height:100%;padding:1.5rem;transition:transform .3s}.guide-step:hover{transform:translateY(-3px)}.step-number{background-color:var(--color-brick-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 1rem;font-size:1.25rem;font-weight:600;display:flex}.guide-step h5{color:var(--color-dark-brown);margin-bottom:1rem}.guide-step p{color:var(--color-medium-brown);font-size:.95rem;line-height:1.5}@media (width<=768px){.patterns-page{padding:1rem .5rem}.page-header{margin-bottom:2rem;padding:1.5rem 1rem}.filter-card{padding:1rem}.categories-grid{grid-template-columns:repeat(2,1fr)}.pattern-stats{flex-direction:column;align-items:flex-start;gap:.5rem}.pattern-footer button{width:100%}}.pattern-detail-page{max-width:1000px;margin:0 auto;padding:24px 16px}.detail-loading,.detail-error{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.back-button{margin-bottom:16px;font-size:15px}.pattern-image-wrapper{border:1px solid #f0f0f0;border-radius:12px;overflow:hidden}.pattern-image{width:100%;display:block}.pattern-image-placeholder{background:#fafafa;border:2px dashed #d9d9d9;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:300px;display:flex}.pattern-name{margin-bottom:12px!important;font-size:26px!important}.pattern-description{color:#595959;font-size:15px;line-height:1.8}.author-card{background:#fafafa;border-radius:8px}.download-button{border-radius:8px;height:44px;font-size:16px}.login-page{background:linear-gradient(135deg, var(--color-cream) 0%, var(--color-light-brown) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.login-container{grid-template-columns:1fr;gap:2rem;width:100%;max-width:1000px;display:grid}@media (width>=992px){.login-container{grid-template-columns:1fr 1fr}}.login-decoration{display:none}@media (width>=992px){.login-decoration{background-color:#ffffffe6;border-radius:16px;justify-content:center;align-items:center;padding:3rem;display:flex;box-shadow:0 4px 20px #8b572a1a}}.decoration-content{text-align:center}.welcome-title{color:var(--color-dark-brown);font-family:var(--font-heading);margin-bottom:1.5rem}.welcome-text{color:var(--color-medium-brown);white-space:pre-line;margin-bottom:3rem;font-size:1.1rem;line-height:1.6}.sewing-icons{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem;display:grid}.icon-item{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;font-size:3rem;transition:transform .3s;display:flex;box-shadow:0 4px 15px #8b572a1a}.icon-item:hover{transform:scale(1.1)}.login-card{border:1px solid var(--color-light-brown);background-color:#fffffff2;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #8b572a1a}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{color:var(--color-dark-brown);margin-bottom:.5rem}.login-header p{color:var(--color-medium-brown)}.login-form .ant-form-item{margin-bottom:1.5rem}.login-form .ant-input-affix-wrapper{border:1px solid var(--color-light-brown);border-radius:8px;padding:.75rem 1rem;transition:all .3s}.login-form .ant-input-affix-wrapper:hover,.login-form .ant-input-affix-wrapper:focus{border-color:var(--color-brick-red);box-shadow:0 0 0 2px #bc6c251a}.login-form .ant-input-prefix{color:var(--color-medium-brown);margin-right:.5rem}.form-options{justify-content:space-between;align-items:center;display:flex}.form-options .ant-checkbox-wrapper{color:var(--color-medium-brown)}.forgot-link{color:var(--color-brick-red);font-weight:500;text-decoration:none}.forgot-link:hover{color:var(--color-dark-brown);text-decoration:underline}.login-card .ant-tabs-nav{margin-bottom:1.5rem}.login-card .ant-tabs-tab{color:var(--color-medium-brown);font-size:14px;transition:color .3s}.login-card .ant-tabs-tab-active{font-weight:600}.login-card .ant-tabs-ink-bar{background:var(--color-brick-red)}.login-form .ant-btn-primary.login-submit-btn{background:linear-gradient(135deg, var(--color-brick-red) 0%, #d48806 100%);border-color:var(--color-brick-red);letter-spacing:2px;border-radius:10px;height:52px;font-size:18px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #bc6c254d}.login-form .ant-btn-primary.login-submit-btn:hover{background:linear-gradient(135deg, var(--color-dark-brown) 0%, var(--color-brick-red) 100%);border-color:var(--color-dark-brown);transform:translateY(-2px);box-shadow:0 6px 20px #bc6c2580}.login-form .ant-btn-primary.login-submit-btn:active{transform:translateY(0);box-shadow:0 2px 8px #bc6c254d}.social-login{text-align:center;margin:2rem 0}.social-login h5{color:var(--color-medium-brown);margin-bottom:1rem;font-weight:400}.social-buttons{flex-direction:column;gap:1rem;display:flex}@media (width>=576px){.social-buttons{flex-direction:row;justify-content:center}}.social-button{border:1px solid var(--color-light-brown);height:48px;color:var(--color-dark-brown);background-color:#fff;border-radius:8px;flex:1;font-weight:500;transition:all .3s}.social-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.social-button.wechat:hover{color:#07c160;border-color:#07c160}.social-button.qq:hover{color:#12b7f5;border-color:#12b7f5}.social-button.weibo:hover{color:#e6162d;border-color:#e6162d}.login-footer{text-align:center;border-top:1px solid var(--color-light-brown);margin-top:2rem;padding-top:1.5rem}.register-link{color:var(--color-brick-red);margin-left:.5rem;font-weight:500;text-decoration:none}.register-link:hover{color:var(--color-dark-brown);text-decoration:underline}@media (width<=768px){.login-page{padding:1rem}.login-card{padding:1.5rem}.social-buttons{flex-direction:column}.social-button{width:100%}}.forgot-password-page{background:linear-gradient(135deg, var(--color-cream) 0%, var(--color-light-brown) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.forgot-password-container{width:100%;max-width:480px}.forgot-password-card{border:1px solid var(--color-light-brown);background-color:#fffffff2;border-radius:16px;padding:.5rem;box-shadow:0 4px 20px #8b572a1a}.forgot-header{text-align:center;margin-bottom:1.5rem}.forgot-header h2{color:var(--color-dark-brown);margin-bottom:.5rem}.step-description h5{color:var(--color-dark-brown);margin-bottom:.25rem}.forgot-form .ant-form-item{margin-bottom:1.5rem}.forgot-form .ant-input-affix-wrapper{border:1px solid var(--color-light-brown);border-radius:8px;padding:.75rem 1rem;transition:all .3s}.forgot-form .ant-input-affix-wrapper:hover,.forgot-form .ant-input-affix-wrapper:focus{border-color:var(--color-brick-red);box-shadow:0 0 0 2px #bc6c251a}.forgot-form .ant-input-prefix{color:var(--color-medium-brown);margin-right:.5rem}.forgot-form .ant-btn-primary.forgot-submit-btn{background:linear-gradient(135deg, var(--color-brick-red) 0%, #d48806 100%);border-color:var(--color-brick-red);letter-spacing:2px;border-radius:10px;height:52px;font-size:18px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #bc6c254d}.forgot-form .ant-btn-primary.forgot-submit-btn:hover{background:linear-gradient(135deg, var(--color-dark-brown) 0%, var(--color-brick-red) 100%);border-color:var(--color-dark-brown);transform:translateY(-2px);box-shadow:0 6px 20px #bc6c2580}.forgot-form .ant-btn-primary.forgot-submit-btn:active{transform:translateY(0);box-shadow:0 2px 8px #bc6c254d}.code-input-wrapper{align-items:stretch;gap:.5rem;display:flex}.code-input-wrapper .code-input{flex:1}.code-input-wrapper .send-code-btn{border:1px solid var(--color-brick-red);min-width:120px;height:auto;color:var(--color-brick-red);white-space:nowrap;border-radius:8px;font-weight:500;transition:all .3s}.code-input-wrapper .send-code-btn:hover:not(:disabled){color:#fff;background:var(--color-brick-red);border-color:var(--color-brick-red)}.code-input-wrapper .send-code-btn:disabled{color:#00000040;background:#f5f5f5;border-color:#d9d9d9}.forgot-password-card .ant-steps-item-title{font-size:13px}.forgot-password-card .ant-steps-item-active .ant-steps-item-title{color:var(--color-brick-red);font-weight:600}.forgot-password-card .ant-steps-item-finish .ant-steps-item-icon{background-color:var(--color-brick-red);border-color:var(--color-brick-red)}.forgot-password-card .ant-steps-item-finish .ant-steps-item-title:after{background-color:var(--color-brick-red)}.forgot-password-card .ant-steps-item-process .ant-steps-item-icon{background-color:var(--color-brick-red);border-color:var(--color-brick-red)}.forgot-footer{text-align:center;border-top:1px solid var(--color-light-brown);margin-top:1rem;padding-top:1rem}.back-to-login-link{color:var(--color-brick-red);margin-left:.5rem;font-weight:500;text-decoration:none}.back-to-login-link:hover{color:var(--color-dark-brown);text-decoration:underline}.forgot-success{padding:1rem 0}.forgot-success .ant-result-title{color:var(--color-dark-brown)}@media (width<=768px){.forgot-password-page{padding:1rem}.forgot-password-card{padding:0}}.register-page{background:linear-gradient(135deg, var(--color-cream) 0%, var(--color-light-brown) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.register-container{width:100%;max-width:480px}.register-card{border:1px solid var(--color-light-brown);background-color:#fffffff2;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #8b572a1a}.register-header{text-align:center;margin-bottom:2rem;position:relative}.register-header h2{color:var(--color-dark-brown);margin-bottom:.5rem;font-size:1.8rem}.register-header h3{color:var(--color-dark-brown);margin-bottom:.5rem}.register-header p{color:var(--color-medium-brown);margin-bottom:0}.back-button{color:var(--color-medium-brown);cursor:pointer;border-radius:6px;padding:.25rem .5rem;font-size:.95rem;transition:all .2s;position:absolute;top:0;left:0}.back-button:hover{color:var(--color-brick-red);background-color:#bc6c2514}.register-methods{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.method-card{border:2px solid var(--color-light-brown);cursor:pointer;background-color:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s;display:flex;position:relative}.method-card:hover{border-color:var(--color-brick-red);transform:translateY(-2px);box-shadow:0 4px 12px #bc6c2526}.method-card:active{transform:translateY(0)}.method-card.wechat:hover{border-color:#07c160;box-shadow:0 4px 12px #07c16026}.method-card.phone:hover{border-color:#1677ff;box-shadow:0 4px 12px #1677ff26}.method-card.email:hover{border-color:#fa8c16;box-shadow:0 4px 12px #fa8c1626}.method-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.method-card.wechat .method-icon{color:#07c160;background-color:#07c1601a}.method-card.phone .method-icon{color:#1677ff;background-color:#1677ff1a}.method-card.email .method-icon{color:#fa8c16;background-color:#fa8c161a}.method-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.method-name{color:var(--color-dark-brown);font-size:1.05rem;font-weight:600}.method-desc{color:var(--color-medium-brown);font-size:.85rem}.method-badge{color:#fff;background:linear-gradient(135deg,#07c160,#06ad56);border-radius:10px;padding:2px 10px;font-size:.75rem;font-weight:600;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #07c1604d}.register-form .ant-form-item{margin-bottom:1.5rem}.register-form .ant-form-item-label{color:var(--color-dark-brown);margin-bottom:.5rem;font-weight:500}.register-form .ant-form-item-label>label{font-size:.95rem}.register-form .ant-input,.register-form .ant-input-affix-wrapper{border:1px solid var(--color-light-brown);border-radius:8px;padding:.75rem 1rem;transition:all .3s}.register-form .ant-input:hover,.register-form .ant-input-affix-wrapper:hover,.register-form .ant-input:focus,.register-form .ant-input-affix-wrapper:focus{border-color:var(--color-brick-red);box-shadow:0 0 0 2px #bc6c251a}.register-form .ant-input-prefix{color:var(--color-medium-brown);margin-right:.5rem}.code-input-wrapper{gap:.75rem;display:flex}.code-input{flex:1}.send-code-btn{border-color:var(--color-light-brown);min-width:120px;height:48px;color:var(--color-brick-red);white-space:nowrap;border-radius:8px;font-weight:500;transition:all .3s}.send-code-btn:hover{border-color:var(--color-brick-red);color:var(--color-dark-brown)}.send-code-btn:disabled{color:var(--color-light-brown);border-color:var(--color-light-brown)}.register-form .ant-btn-primary.register-submit-btn,.register-submit-btn.ant-btn-primary{background:linear-gradient(135deg, var(--color-brick-red) 0%, #d48806 100%);border-color:var(--color-brick-red);letter-spacing:2px;border-radius:10px;height:52px;font-size:18px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #bc6c254d}.register-form .ant-btn-primary.register-submit-btn:hover,.register-submit-btn.ant-btn-primary:hover{background:linear-gradient(135deg, var(--color-dark-brown) 0%, var(--color-brick-red) 100%);border-color:var(--color-dark-brown);transform:translateY(-2px);box-shadow:0 6px 20px #bc6c2580}.register-form .ant-btn-primary.register-submit-btn:active,.register-submit-btn.ant-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #bc6c254d}.register-submit-btn.ant-btn-primary:disabled{box-shadow:none;color:#00000040;background:#d9d9d9;border-color:#d9d9d9}.register-card .ant-divider{color:var(--color-medium-brown);margin:1.5rem 0}.register-card .ant-divider-inner-text{font-size:.9rem}.login-link{color:var(--color-brick-red);margin-left:.25rem;font-weight:500;text-decoration:none}.login-link:hover{color:var(--color-dark-brown);text-decoration:underline}.success-content{text-align:center;padding:1rem 0}.success-icon{color:var(--color-accent);margin-bottom:1.5rem;font-size:4rem}.success-title{color:var(--color-dark-brown);margin-bottom:1rem}.success-message{color:var(--color-medium-brown);max-width:400px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6}.home-link{color:var(--color-brick-red);margin:0 .25rem;font-weight:500;text-decoration:none}.home-link:hover{color:var(--color-dark-brown);text-decoration:underline}.success-tips{text-align:left;background-color:#bc6c250d;border-radius:12px;max-width:400px;margin-top:1.5rem;margin-left:auto;margin-right:auto;padding:1.5rem}.success-tips h5{color:var(--color-dark-brown);text-align:center;margin-bottom:1rem}.success-tips ul{margin:0;padding:0;list-style-type:none}.success-tips li{color:var(--color-medium-brown);padding:.5rem 0 .5rem 1.5rem;position:relative}.success-tips li:before{content:"✓";color:var(--color-accent);font-weight:700;position:absolute;left:0}@media (width<=576px){.register-page{padding:1rem}.register-card{padding:1.5rem}.register-header h2{font-size:1.5rem}.method-card{padding:1rem 1.25rem}.method-icon{width:40px;height:40px;font-size:1.25rem}.code-input-wrapper{flex-direction:column}.send-code-btn{width:100%}.success-icon{font-size:3rem}}.wechat-code-section{padding:.5rem 0}.wechat-code-display{text-align:center;background:linear-gradient(135deg,#07c1600d,#07c1601a);border:2px dashed #07c1604d;border-radius:12px;margin-bottom:1.5rem;padding:2rem 1rem}.wechat-code-label{color:var(--color-medium-brown);margin-bottom:.75rem;font-size:.9rem}.wechat-code-value{letter-spacing:.5rem;color:#07c160;-webkit-user-select:all;user-select:all;margin-bottom:.75rem;font-family:Courier New,Courier,monospace;font-size:2.5rem;font-weight:700}.wechat-code-tip{color:var(--color-light-brown);font-size:.8rem}.loading-spinner{border:3px solid var(--color-light-brown);border-top-color:#07c160;border-radius:50%;width:40px;height:40px;margin:1rem auto;animation:.8s linear infinite spin}.setup-profile-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.setup-profile-container{width:100%;max-width:480px}.setup-profile-card{border-radius:12px;padding:8px;box-shadow:0 8px 32px #0000001f}.setup-header{text-align:center;margin-bottom:8px}.setup-header h2{margin-bottom:8px}.step-description{margin-bottom:24px}.step-description h5{margin-bottom:4px}.setup-form{max-width:100%}.setup-form .ant-form-item:last-child{margin-bottom:0}.setup-success{text-align:center;padding:24px 0}.setup-success .success-icon{color:#52c41a;margin-bottom:16px;font-size:64px}.setup-success .success-icon .anticon{font-size:64px}.setup-success .success-title{margin-bottom:8px}.setup-success .success-message{color:#666;font-size:15px}.profile-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:48px 24px;display:flex}.profile-container{width:100%;max-width:720px}.profile-card{border-radius:12px;padding:8px;box-shadow:0 8px 32px #0000001f}.profile-header-section{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.profile-avatar{border:3px solid #f0f0f0;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.profile-header-info{flex:1;min-width:200px}.profile-username{margin-bottom:4px!important}.profile-bio{font-size:14px;margin-top:8px!important;margin-bottom:0!important}.edit-profile-btn{flex-shrink:0}.profile-descriptions{margin-top:8px}.profile-descriptions .ant-descriptions-item-label{color:#666}.profile-specialties{margin-top:8px}.profile-specialties h5{margin-bottom:12px}.profile-actions{text-align:center}@media (width<=576px){.profile-header-section{text-align:center;flex-direction:column;align-items:center}.profile-header-info{text-align:center}.edit-profile-btn{width:100%}}.profile-edit-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:48px 24px;display:flex}.profile-edit-container{width:100%;max-width:640px}.profile-edit-card{border-radius:12px;padding:8px;box-shadow:0 8px 32px #0000001f}.edit-header{text-align:center;margin-bottom:24px}.edit-header h2{margin-bottom:8px}.edit-tabs .ant-tabs-nav{margin-bottom:24px}.edit-form{max-width:480px}.edit-form .ant-form-item:last-child{margin-bottom:0}.avatar-section{text-align:center}.avatar-section h5{text-align:left;margin-bottom:16px}.current-avatar{justify-content:center;margin-bottom:16px;display:flex}.avatar-grid{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px;display:flex}.avatar-option{cursor:pointer;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex;position:relative}.avatar-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.avatar-option.selected{border-color:#fff;box-shadow:0 0 0 3px #667eea}.avatar-emoji{font-size:24px;line-height:1}.avatar-checked{color:#52c41a;background:#fff;border-radius:50%;font-size:16px;position:absolute;top:-4px;right:-4px}.password-section{max-width:480px}.password-section h5{margin-bottom:4px}@media (width<=576px){.avatar-option{width:48px;height:48px}.avatar-emoji{font-size:20px}}.not-found-page{background:linear-gradient(135deg, var(--color-cream) 0%, var(--color-light-brown) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.not-found-container{width:100%;max-width:800px}.not-found-container .ant-result{background-color:#ffffffe6;border-radius:16px;margin-bottom:2rem;padding:3rem 1rem;box-shadow:0 4px 20px #8b572a1a}.not-found-container .ant-result-title{color:var(--color-dark-brown);margin-bottom:1rem;font-size:4rem;font-weight:700}.not-found-container .ant-result-subtitle{color:var(--color-medium-brown);margin-bottom:2rem;font-size:1.25rem}.not-found-container .ant-result-extra{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.not-found-container .ant-result-extra .ant-btn{border-radius:8px;min-width:160px;height:48px;font-weight:500}.not-found-container .ant-result-extra .ant-btn-primary{background-color:var(--color-brick-red);border-color:var(--color-brick-red);transition:all .3s}.not-found-container .ant-result-extra .ant-btn-primary:hover{background-color:var(--color-dark-brown);border-color:var(--color-dark-brown);transform:translateY(-2px);box-shadow:0 4px 12px #bc6c254d}.suggestions-card,.quick-links-card{border:1px solid var(--color-light-brown);background-color:#ffffffe6;border-radius:16px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 15px #8b572a14}.suggestions-card h4,.quick-links-card h4{color:var(--color-dark-brown);text-align:center;margin-bottom:1.5rem}.suggestions-list{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.suggestions-list{grid-template-columns:repeat(3,1fr)}}.suggestion-item{background-color:#bc6c250d;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;transition:transform .3s,background-color .3s;display:flex}.suggestion-item:hover{background-color:#bc6c251a;transform:translateY(-2px)}.suggestion-icon{background-color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex;box-shadow:0 2px 8px #0000001a}.suggestion-content{flex:1}.suggestion-content .ant-typography-strong{color:var(--color-dark-brown);margin-bottom:.25rem;display:block}.suggestion-content .ant-typography-secondary{font-size:.9rem;line-height:1.4}.quick-links{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=576px){.quick-links{grid-template-columns:repeat(4,1fr)}}.quick-link{text-align:center;background-color:#bc6c250d;border-radius:12px;flex-direction:column;align-items:center;padding:1.5rem 1rem;text-decoration:none;transition:transform .3s,background-color .3s;display:flex}.quick-link:hover{background-color:#bc6c251a;text-decoration:none;transform:translateY(-3px)}.link-icon{margin-bottom:1rem;font-size:2.5rem}.link-content .ant-typography-strong{color:var(--color-dark-brown);margin-bottom:.25rem;display:block}.link-content .ant-typography-secondary{color:var(--color-medium-brown);font-size:.85rem}.help-section{margin-top:2rem}.help-section .ant-card{border:1px solid var(--color-light-brown);background-color:#ffffffe6;border-radius:16px;box-shadow:0 4px 15px #8b572a14}.help-content{align-items:center;gap:1.5rem;padding:1rem;display:flex}.help-icon{color:var(--color-brick-red);flex-shrink:0;font-size:2.5rem}.help-text{flex:1}.help-text h5{color:var(--color-dark-brown);margin-bottom:.5rem}.help-text p{color:var(--color-medium-brown);margin-bottom:0}.contact-link,.help-link{color:var(--color-brick-red);margin:0 .25rem;font-weight:500;text-decoration:none}.contact-link:hover,.help-link:hover{color:var(--color-dark-brown);text-decoration:underline}@media (width<=768px){.not-found-page{padding:1rem}.not-found-container .ant-result{padding:2rem 1rem}.not-found-container .ant-result-title{font-size:3rem}.not-found-container .ant-result-extra{flex-direction:column;align-items:center}.not-found-container .ant-result-extra .ant-btn{width:100%;max-width:300px}.suggestions-list{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,1fr)}.help-content{text-align:center;flex-direction:column;gap:1rem}}.static-page{max-width:900px;margin:0 auto;padding:40px 24px}.static-page-container{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000000f}.static-page-header{text-align:center;margin-bottom:8px}.static-page-icon{color:#8b5cf6;margin-bottom:16px;font-size:48px}.static-page-title{text-align:center;margin:0!important}.static-page-content{color:#434343;font-size:15px;line-height:1.8}.static-page-content section{margin-bottom:32px}.static-page-content h3{margin-bottom:16px!important}.about-paragraph{color:#595959!important;margin-bottom:16px!important;font-size:15px!important;line-height:1.8!important}.features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:16px;display:grid}.feature-item{text-align:center;background:#fafafa;border-radius:12px;padding:24px 16px;transition:transform .2s,box-shadow .2s}.feature-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf61a}.feature-icon{margin-bottom:12px;font-size:36px}.feature-item h4{margin-bottom:8px!important;font-size:16px!important}.feature-item p{margin-bottom:0!important;font-size:13px!important}.team-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:24px;display:grid}.team-card{text-align:center;background:#fafafa;border-radius:12px;padding:32px 24px;transition:transform .2s,box-shadow .2s}.team-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf61f}.team-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 16px;font-size:40px;display:flex}.team-name{margin-bottom:4px!important;font-size:20px!important;font-weight:600!important}.team-role{color:#8b5cf6!important;margin-bottom:12px!important;font-weight:500!important}.team-desc{color:#8c8c8c!important;margin-bottom:0!important;font-size:14px!important}.contact-info{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:24px;display:grid}.contact-card{text-align:center;background:#fafafa;border-radius:12px;padding:24px;transition:transform .2s}.contact-card:hover{transform:translateY(-2px)}.contact-card-icon{margin-bottom:12px;font-size:36px}.contact-card h4{margin-bottom:8px!important}.contact-card p{color:#595959!important;margin-bottom:4px!important;font-size:14px!important}.help-section{margin-bottom:32px}.help-section h3{margin-bottom:16px!important}.help-card{background:#fafafa;border-radius:8px;margin-bottom:12px;padding:20px;transition:background .2s}.help-card:hover{background:#f0f0f0}.help-card h4{color:#262626!important;margin-bottom:8px!important}.help-card p{color:#8c8c8c!important;margin-bottom:0!important;font-size:14px!important}.policy-section{margin-bottom:28px}.policy-section h3{color:#262626!important;margin-bottom:12px!important}.policy-section h4{color:#434343!important;margin-bottom:8px!important}.policy-section p,.policy-section li{color:#595959!important;font-size:14px!important;line-height:1.8!important}.policy-section ul{margin-bottom:16px;padding-left:20px}.policy-section li{margin-bottom:6px}@media (width<=768px){.static-page{padding:20px 12px}.static-page-container{padding:24px 16px}.features-grid,.team-grid,.contact-info{grid-template-columns:1fr}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}