*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0}:root{--font-family-base:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro SC","PingFang SC","Microsoft YaHei",sans-serif;--font-family-english:"Minion Pro",Georgia,serif;--font-family-code:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-base:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--spacing-xs:0.375rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--container-padding:2rem;--navbar-height-mobile:80px}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1;background-color:#fff;background-color:var(--background-color);color:#1d1d1f;color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro SC,PingFang SC,Microsoft YaHei,sans-serif;font-family:var(--font-family-base);font-size:1.125rem;font-size:var(--font-size-base);line-height:1.5;margin:0;overflow-x:hidden;padding:0;scrollbar-gutter:stable both-edges;text-rendering:optimizeLegibility}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0003;background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:#0000004d}*{scrollbar-color:#0003 #0000;scrollbar-width:thin}.container{padding:0 2rem}.touch-target{align-items:center;display:flex;justify-content:center}.english-text{font-family:Minion Pro,Georgia,serif;font-family:var(--font-family-english)}.italic,em,i{font-style:italic;.english-text &{font-family:Minion Pro,Georgia,serif;font-family:var(--font-family-english)}}.monospace,code,pre{font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-family:var(--font-family-code)}a{border-radius:12px;border-radius:var(--border-radius);color:inherit;text-decoration:none;transition:color .3s ease}a:focus,a:hover{color:#06c;color:var(--hover-color);outline:none}button{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;font-family:inherit;font-size:inherit;margin:0;min-height:44px;min-height:var(--touch-target-min);padding:.75rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:all var(--transition-speed) ease}img{display:block;height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem;font-size:var(--font-size-3xl)}h2{font-size:2rem;font-size:var(--font-size-2xl)}h3{font-size:1.5rem;font-size:var(--font-size-xl)}h4{font-size:1.25rem;font-size:var(--font-size-lg)}h5{font-size:1.125rem;font-size:var(--font-size-base)}p{line-height:1.6}ol,p,ul{margin-bottom:1rem;margin-bottom:var(--spacing-md)}ol,ul{padding-left:1.5rem;padding-left:var(--spacing-lg)}input,select,textarea{border:1px solid #ddd;border-radius:12px;border-radius:var(--border-radius);font-family:inherit;font-size:inherit;padding:.75rem;padding:var(--spacing-sm);transition:border-color .3s ease;transition:border-color var(--transition-speed) ease}::selection{background-color:#06c3;color:#1d1d1f;color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:480px){:root{--font-size-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--font-size-sm:clamp(0.875rem,0.8rem + 0.375vw,1rem);--font-size-base:clamp(1rem,0.9rem + 0.5vw,1.125rem);--font-size-lg:clamp(1.125rem,1rem + 0.625vw,1.25rem);--font-size-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--font-size-2xl:clamp(1.5rem,1.3rem + 1vw,2rem);--font-size-3xl:clamp(1.875rem,1.6rem + 1.375vw,2.5rem);--font-size-4xl:clamp(2.25rem,1.9rem + 1.75vw,3rem);--spacing-xs:clamp(0.25rem,0.2rem + 0.25vw,0.375rem);--spacing-sm:clamp(0.5rem,0.4rem + 0.5vw,0.75rem);--spacing-md:clamp(0.75rem,0.6rem + 0.75vw,1rem);--spacing-lg:clamp(1rem,0.8rem + 1vw,1.5rem);--spacing-xl:clamp(1.5rem,1.2rem + 1.5vw,2rem);--spacing-2xl:clamp(2rem,1.6rem + 2vw,3rem);--spacing-3xl:clamp(2.5rem,2rem + 2.5vw,4rem);--container-padding:clamp(1rem,4vw,2rem);--navbar-height-mobile:60px}html{font-size:clamp(14px,2.5vw,16px)}a{margin:-.375rem;margin:calc(var(--spacing-xs)*-1);padding:.375rem;padding:var(--spacing-xs)}}@media (min-width:481px) and (max-width:767px){:root{--container-padding:clamp(1.5rem,4vw,2rem);--navbar-height-mobile:60px}}@media (min-width:768px) and (max-width:1023px){:root{--container-padding:clamp(2rem,4vw,2.5rem);--navbar-height-mobile:70px}html{font-size:16px}}@media (min-width:1024px){:root{--container-padding:2rem;--navbar-height-mobile:80px}.touch-target{min-height:auto;min-width:auto}button{padding:.5rem 1rem}input,select,textarea{padding:.5rem .75rem}}@media (min-width:1200px){:root{--container-padding:2.5rem}}@media (min-width:1400px){.container{max-width:1400px}}:root{--primary-color:#1d1d1f;--secondary-color:#86868b;--text-primary:#1d1d1f;--text-secondary:#464343;--text-muted:#999;--background-color:#fff;--hover-color:#06c;--accent-color:#06c;--accent-hover:#0052a3;--bg-disabled:#f3f4f6;--bg-hover:#f9fafb;--bg-secondary:#f5f6fa;--border-color:#d1d5db;--text-color:#1d1d1f;--spacing-unit:1rem;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--max-width:1200px;--container-max-width:1200px;--container-padding:20px;--border-radius:12px;--box-shadow:0 4px 20px #00000014;--navbar-height-mobile:60px;--navbar-height-desktop:80px;--touch-target-min:44px;--transition-speed:0.3s}.App{font-feature-settings:"kern" 1,"liga" 1;background-color:#fff;background-color:var(--background-color);color:#1d1d1f;color:var(--text-color);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif;min-height:100vh}.main{flex:1 1;margin-top:80px;margin-top:var(--navbar-height-desktop)}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max-width);padding:0 20px;padding:0 var(--container-padding);width:100%}.optimized-image{opacity:.7;transition:opacity .3s ease,filter .3s ease}.optimized-image.loaded{opacity:1}.optimized-image.error{filter:grayscale(20%);opacity:.8}.enhanced-image{display:block;height:auto;transition:opacity .3s ease;width:100%}.enhanced-image.loading{opacity:.7}.enhanced-image.loaded{opacity:1}.enhanced-image.error{filter:grayscale(30%);opacity:.8}.enhanced-image img{display:block;height:auto;width:100%}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.image-loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 40px,#f0f0f0 80px);background-size:200px 100%}.image-error{background-color:#f8f9fa;border:1px dashed #ddd}.fa-spin{animation:fa-spin 2s linear infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-header{padding:2rem 0;padding:var(--spacing-xl) 0}.hero-title{color:#1d1d1f;color:var(--text-primary);font-size:2rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 1rem;margin:0 0 var(--spacing-md)}.hero-description,.hero-subtitle{color:#464343;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6;margin:0}.section-subtitle{color:#464343;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;margin:0}.section{padding:3rem 0;padding:var(--spacing-3xl) 0}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.section-title{color:#1d1d1f;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0}.section-link{color:#06c;color:var(--hover-color);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);text-decoration:none;transition:color .2s ease}.section-link:hover{color:#0052a3;color:var(--accent-hover)}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.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)}.loading{align-items:center;color:#464343;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);justify-content:center;padding:3rem;padding:var(--spacing-3xl)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top:3px solid var(--hover-color);height:40px;width:40px}.error{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);justify-content:center}.error,.no-data{color:#464343;color:var(--text-secondary);padding:3rem;padding:var(--spacing-3xl)}.no-data,.no-results{text-align:center}.no-results{color:#464343;color:var(--text-secondary);padding:2.5rem;padding:var(--spacing-2xl)}.full-width{width:100%}.full-height{height:100%}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:.5rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.75rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.75rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.visible{visibility:visible}.invisible{visibility:hidden}.hidden{display:none}.touch-target{min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min)}.animate-in{animation:fadeIn .5s ease forwards;opacity:0}@media (max-width:479px){:root{--container-padding:12px}.main{margin-top:60px;margin-top:var(--navbar-height-mobile);padding-top:1rem;padding-top:var(--spacing-md)}.hero-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.mobile-only{display:flex!important}.desktop-only{display:none!important}}@media (max-width:767px){:root{--navbar-height-mobile:60px;--container-padding:16px}.main{margin-top:60px;margin-top:var(--navbar-height-mobile);min-height:calc(100vh - 60px - 1rem);min-height:calc(100vh - var(--navbar-height-mobile) - var(--spacing-md));padding-top:1rem;padding-top:var(--spacing-md)}.section-header{align-items:flex-start;flex-direction:column}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.mobile-only{display:flex!important}.desktop-only{display:none!important}}@media (min-width:768px){.grid-cols-md-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-cols-lg-3{grid-template-columns:repeat(3,1fr)}.grid-cols-lg-4{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.icon{flex-shrink:0}.dropdown-item .icon,.icon,.nav-icon-button .icon,button .icon{display:inline-block;vertical-align:middle}.nav-icon-button{overflow:visible;position:relative}.editor-toolbar .icon,.markdown-toolbar .icon,.nav-icon-button .icon{display:inline-block;vertical-align:middle}@media print{.footer,.mobile-menu-toggle,.nav,.section-link{display:none!important}.main{margin-top:0}a{color:#1d1d1f;color:var(--text-primary);text-decoration:none}}.markdown-renderer{word-wrap:break-word;color:var(--text-primary);line-height:1.6;overflow-wrap:break-word}.markdown-paragraph,.markdown-renderer p{font-size:1rem;line-height:1.6;margin:1rem 0;white-space:pre-wrap}.markdown-article p{line-height:1.8;white-space:pre-line}.markdown-weekly p{line-height:1.7;white-space:pre-line}.markdown-stash p{line-height:1.6}.markdown-idea p,.markdown-idea-paragraph{font-size:.9rem;line-height:1.7;margin:.8rem 0;white-space:pre-line}.markdown-about p,.markdown-about-paragraph{margin:1rem 0}.markdown-renderer p:first-child{margin-top:0}.markdown-renderer p:last-child{margin-bottom:40}.markdown-renderer .markdown-h1{color:#222;font-size:2.2rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:2rem 0 1.5rem}.markdown-renderer .markdown-h2{color:#333;font-size:1.8rem;font-weight:600;line-height:1.4;margin:1.8rem 0 1.2rem;padding-bottom:.5rem}.markdown-renderer .markdown-h3{color:#444;font-size:1.5rem;font-weight:600;margin:1.5rem 0 1rem}.markdown-renderer .markdown-h4{color:#555;font-size:1.3rem;font-weight:600;margin:1.3rem 0 .8rem}.markdown-renderer .markdown-h5{color:#666;font-size:1.1rem;font-weight:600;margin:1.1rem 0 .6rem}.markdown-renderer .markdown-h6{color:#777;font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.markdown-renderer .markdown-list{list-style-type:disc;margin:1rem 0;padding-left:2rem}.markdown-renderer .markdown-ordered-list{list-style-type:decimal;margin:1rem 0;padding-left:2rem}.markdown-renderer .markdown-list-item{line-height:1.8;margin:1rem 0}.markdown-renderer .markdown-list .markdown-list,.markdown-renderer .markdown-ordered-list .markdown-ordered-list{margin:.5rem 0}.markdown-renderer .markdown-blockquote{background-color:#f9f9f9;border-left:4px solid #ddd;color:#555;margin:1.5rem 0;padding:1rem 1.5rem}.markdown-renderer .markdown-blockquote p{margin:.5rem 0}.markdown-renderer .markdown-blockquote p:first-child{margin-top:0}.markdown-renderer .markdown-blockquote p:last-child{margin-bottom:0}.markdown-renderer .inline-code{background-color:#f0f0f0;border-radius:3px;color:#000;font-size:.9em;padding:.2em .4em}.markdown-renderer .inline-code,.markdown-renderer pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.markdown-renderer pre{background-color:#f5f5f5;border-radius:8px;font-size:.9rem;line-height:1.5;margin:1.5rem 0;overflow-x:auto;padding:1rem}.markdown-renderer pre code{background-color:initial;border-radius:0;color:inherit;padding:0}.markdown-renderer .markdown-code-block{word-wrap:normal;background-color:initial;border-radius:0;color:#24292e;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;line-height:1.5;overflow-wrap:normal;padding:0;white-space:pre}.markdown-idea .markdown-code-block{color:#24292e;font-size:.85rem;line-height:1.6}.markdown-stash .markdown-code-block{color:#24292e;font-size:.9rem;line-height:1.5}.markdown-renderer.rich-text-content .markdown-code-block{word-wrap:normal!important;background-color:initial!important;border-radius:0!important;color:#24292e!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace!important;font-size:.9rem!important;line-height:1.5!important;overflow-wrap:normal!important;padding:0!important;white-space:pre!important}.markdown-article .markdown-code-block{word-wrap:normal;background-color:initial;border-radius:0;color:#24292e;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;line-height:1.5;overflow-wrap:normal;padding:0;white-space:pre}.markdown-renderer .markdown-pre-wrapper{margin:1.2rem 0;position:relative}.markdown-renderer .markdown-pre{background-color:#f6f8fa;border:1px solid #d0d7de;border-radius:8px;color:#24292e;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem}.markdown-idea .markdown-pre-wrapper{margin:1rem 0}.markdown-idea .markdown-pre{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:.85rem;line-height:1.6;padding:.8rem}.markdown-stash .markdown-pre-wrapper{margin:1.2rem 0}.markdown-stash .markdown-pre{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;line-height:1.5;padding:1rem}.markdown-renderer.rich-text-content .markdown-pre-wrapper{margin:1.5rem 0!important}.markdown-renderer.rich-text-content .markdown-pre{background-color:#f6f8fa!important;border:1px solid #d0d7de!important;border-radius:8px!important;color:#24292e!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace!important;font-size:.9rem!important;line-height:1.5!important;margin:0!important;overflow-x:auto!important;padding:1rem!important}.markdown-article .markdown-pre-wrapper{margin:1.5rem 0}.markdown-article .markdown-pre{background-color:#f6f8fa;border:1px solid #d0d7de;border-radius:8px;color:#24292e;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem}.markdown-renderer .language-css,.markdown-renderer .language-html,.markdown-renderer .language-javascript,.markdown-renderer .language-js,.markdown-renderer .language-python,.markdown-renderer .language-text{color:#24292e}.markdown-renderer a{color:#0366d6;text-decoration:none;transition:all .2s ease}.markdown-renderer a:hover{color:#0256cc;text-decoration:underline}.markdown-renderer .markdown-bold{font-weight:600}.markdown-renderer .markdown-italic{font-style:italic}.markdown-renderer .markdown-strikethrough{opacity:.7;text-decoration:line-through}.markdown-renderer .markdown-hr{background-color:#eee;border:0;height:1px;margin:2rem 0}.markdown-renderer .markdown-table-wrapper{margin:1.5rem 0;overflow-x:auto}.markdown-renderer .markdown-table{border-collapse:collapse;font-size:.95rem;width:100%}.markdown-renderer .markdown-th{background-color:#f5f5f5;font-weight:600;text-align:left}.markdown-renderer .markdown-td,.markdown-renderer .markdown-th{border:1px solid #ddd;padding:.8rem}.markdown-renderer .markdown-tr:nth-child(2n){background-color:#f9f9f9}.markdown-renderer img{border-radius:8px;display:block;height:auto;margin:1rem auto;max-width:100%}.markdown-renderer .responsive-image{box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.markdown-renderer .responsive-image:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.markdown-renderer .landscape-image,.markdown-renderer .portrait-image{max-width:100%;width:100%}.markdown-article{font-size:1rem;line-height:1.8}.markdown-article p{margin:1.2rem 0}.markdown-article .markdown-h1{font-size:2.5rem;margin:2.5rem 0 2rem}.markdown-article .markdown-h2{font-size:2rem;margin:2rem 0 1.5rem}.markdown-weekly{font-size:1rem;line-height:1.7}.markdown-weekly .markdown-h2{color:#000}.markdown-stash{color:#212529;font-size:1rem;line-height:1.6}.markdown-stash p{line-height:1.7;margin:1.2rem 0;white-space:pre-line}.markdown-stash .markdown-h1{color:#212529;font-size:2rem;font-weight:600;margin:2rem 0 1.5rem}.markdown-stash .markdown-h2{color:#333;font-size:1.7rem;font-weight:600;margin:1.8rem 0 1.2rem;padding-bottom:.5rem}.markdown-stash .markdown-h3{color:#444;font-size:1.4rem;font-weight:600;margin:1.5rem 0 1rem}.markdown-stash .markdown-blockquote{background-color:#f8fff9;border-left:4px solid #28a745;color:#495057;margin:1.5rem 0;padding:1rem 1.5rem}.markdown-stash .markdown-list,.markdown-stash .markdown-ordered-list{margin:1.2rem 0;padding-left:2rem}.markdown-stash .markdown-list-item{line-height:1.6;margin:.6rem 0}.markdown-stash pre{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1.2rem}.markdown-stash .inline-code{background-color:#f8f9fa;border-radius:4px;color:#e83e8c;font-size:.9em;padding:.2rem .4rem}.markdown-stash .lang-en{font-family:var(--font-family-english);font-size:1.2rem}.markdown-stash .lang-zh{font-family:var(--font-family-base);font-size:1rem}.markdown-stash p.lang-en{font-size:1.2rem;line-height:1.6}.markdown-stash p.lang-zh{font-size:1rem;line-height:1.8}.markdown-idea{color:#000;font-size:.9rem;line-height:1.7}.markdown-idea .markdown-h1,.markdown-idea .markdown-h2,.markdown-idea .markdown-h3{margin:1.2rem 0 .8rem}.markdown-idea .markdown-list,.markdown-idea ul{list-style-position:outside;list-style-type:disc;margin:.8rem 0;padding-left:1.5rem}.markdown-idea .markdown-ordered-list,.markdown-idea ol{list-style-position:outside;list-style-type:decimal;margin:.8rem 0;padding-left:1.5rem}.markdown-idea .markdown-list-item,.markdown-idea li{display:list-item;line-height:1.7;margin:.4rem 0;padding-left:.3rem}.markdown-idea .markdown-list-item>ol,.markdown-idea .markdown-list-item>ul,.markdown-idea li>ol,.markdown-idea li>ul{margin:.4rem 0 .4rem .8rem}.markdown-idea .markdown-list-item>p,.markdown-idea li>p{line-height:1.7;margin:0}.markdown-idea img{clear:both;display:block;height:auto;margin:1rem 0;max-width:100%;position:relative;z-index:1}.markdown-idea .lang-en{font-family:var(--font-family-english);font-size:1rem}.markdown-idea .lang-zh{font-family:var(--font-family-base);font-size:.9rem}.markdown-idea p.lang-en{font-size:1rem;line-height:1.6}.markdown-idea p.lang-zh{font-size:.9rem;line-height:1.8}.markdown-about{font-size:1rem;line-height:1;margin:0 auto;max-width:650px}.markdown-about p,.markdown-about-paragraph{display:block;line-height:1;margin:0;white-space:pre-wrap}.markdown-renderer.rich-text-content p{line-height:1;margin:0;white-space:pre-wrap}.markdown-renderer.rich-text-content ol,.markdown-renderer.rich-text-content ul{margin:.75rem 0}.markdown-renderer.rich-text-content li{padding-left:2rem}.markdown-about .markdown-list,.markdown-about .markdown-ordered-list{margin:.75rem 0;padding-left:2rem}.markdown-about .markdown-list-item{display:list-item;line-height:1.2;margin:.75rem 0;padding-left:.5rem}@media (max-width:768px){.markdown-renderer .markdown-h1{font-size:1.8rem;margin:1.5rem 0 1rem}.markdown-renderer .markdown-h2{font-size:1.5rem;margin:1.3rem 0 .8rem}.markdown-renderer .markdown-h3{font-size:1.3rem;margin:1.1rem 0 .6rem}.markdown-renderer .markdown-h4{font-size:1.1rem;margin:1rem 0 .5rem}.markdown-renderer .markdown-blockquote{margin:1rem 0;padding:.8rem 1rem}.markdown-renderer pre{font-size:.85rem;padding:.8rem}.markdown-renderer .markdown-td,.markdown-renderer .markdown-th{padding:.6rem}.markdown-article .markdown-h1{font-size:2rem}.markdown-article .markdown-h2{font-size:1.6rem}.markdown-about{padding:0 1rem}}@media (max-width:480px){.markdown-renderer{font-size:.9rem}.markdown-renderer .markdown-h1{font-size:1.6rem}.markdown-renderer .markdown-h2{font-size:1.3rem}.markdown-renderer .markdown-list,.markdown-renderer .markdown-ordered-list{padding-left:1.5rem}.markdown-renderer .portrait-image{max-width:80%;width:80%}}@media print{.markdown-renderer{background:#fff;color:#000}.markdown-renderer a{color:#000;text-decoration:underline}.markdown-renderer .responsive-image{box-shadow:none}.markdown-renderer .responsive-image:hover{transform:none}}@media (prefers-color-scheme:dark){.markdown-renderer{color:#e1e4e8}.markdown-renderer .markdown-h1,.markdown-renderer .markdown-h2,.markdown-renderer .markdown-h3,.markdown-renderer .markdown-h4,.markdown-renderer .markdown-h5,.markdown-renderer .markdown-h6{color:#f0f6fc}.markdown-renderer .markdown-blockquote{background-color:#161b22;border-left-color:#30363d;color:#8b949e}.markdown-renderer .inline-code{background-color:#161b22;color:#f85149}.markdown-renderer pre{background-color:#161b22}.markdown-renderer .markdown-hr{background-color:#30363d}.markdown-renderer .markdown-th{background-color:#161b22;border-color:#30363d}.markdown-renderer .markdown-td{border-color:#30363d}.markdown-renderer .markdown-tr:nth-child(2n){background-color:#0d1117}}.markdown-br,.markdown-renderer br{content:"";display:block;height:1em;margin:.5rem 0}.markdown-about br,.markdown-about-paragraph br,.markdown-renderer.rich-text-content br{content:"";display:block;height:1.2em;margin:.75rem 0}.markdown-about ul,.markdown-about-list{display:block;list-style-type:disc;margin:1rem 0;padding-left:2rem}.markdown-about ol,.markdown-about-ordered-list{display:block;list-style-type:decimal;margin:1rem 0;padding-left:2rem}.markdown-about li,.markdown-about-list-item{display:list-item;line-height:1.2;list-style-position:outside;margin:.75rem 0;padding-left:.5rem}.markdown-about li::marker,.markdown-about-list-item::marker{color:inherit;content:"• "}.markdown-about ol+p,.markdown-about p+ol,.markdown-about p+p,.markdown-about p+ul,.markdown-about ul+p,.markdown-about-list+.markdown-about-paragraph,.markdown-about-ordered-list+.markdown-about-paragraph,.markdown-about-paragraph+.markdown-about-list,.markdown-about-paragraph+.markdown-about-ordered-list,.markdown-about-paragraph+.markdown-about-paragraph{margin-top:1rem}.markdown-renderer.rich-text-content ol,.markdown-renderer.rich-text-content ul{display:block;margin:1rem 0;padding-left:2rem}.markdown-renderer.rich-text-content li{display:list-item;line-height:1.2;list-style-position:outside;margin:.75rem 0;padding-left:.5rem}.about-container{margin:0 auto;max-width:800px;padding:60px 20px}.about-container .container{width:100%}.about-container .markdown-renderer ul{display:block;list-style-type:disc;margin:1rem 0;padding-left:2rem}.about-container .markdown-renderer ol{display:block;list-style-type:decimal;margin:1rem 0;padding-left:2rem}.about-container .markdown-renderer li{display:list-item;line-height:1.5;list-style-position:outside;margin:.5rem 0}.markdown-renderer.markdown-about ul,.markdown-renderer.rich-text-content ul{display:block!important;list-style:disc!important;margin:1rem 0!important;padding-left:2.5rem!important}.markdown-renderer.markdown-about ol,.markdown-renderer.rich-text-content ol{display:block!important;list-style:decimal!important;margin:1rem 0!important;padding-left:2.5rem!important}.markdown-renderer.markdown-about li,.markdown-renderer.rich-text-content li{display:list-item!important;line-height:1.5!important;list-style-position:outside!important;list-style-type:disc!important;margin:.5rem 0!important;padding-left:.5rem!important}.about-container ul li{display:list-item!important;list-style:disc!important;margin-left:0!important;padding-left:.5rem!important}.about-container ul{list-style-type:disc!important;padding-left:2.5rem!important}.markdown-renderer .lang-en{font-family:var(--font-family-english);font-size:1.2rem}.markdown-renderer .lang-zh{font-family:var(--font-family-base);font-size:1rem}.markdown-renderer h1.lang-en,.markdown-renderer h2.lang-en,.markdown-renderer h3.lang-en,.markdown-renderer h4.lang-en,.markdown-renderer h5.lang-en,.markdown-renderer h6.lang-en,.markdown-renderer p.lang-en{font-family:var(--font-family-english)}.markdown-renderer p.lang-en{font-size:1.2rem;line-height:1.6}.markdown-renderer p.lang-zh{font-family:var(--font-family-base);font-size:1rem;line-height:1.8}.markdown-renderer .markdown-blockquote.lang-en,.markdown-renderer .markdown-bold.lang-en,.markdown-renderer .markdown-italic.lang-en,.markdown-renderer .markdown-list-item.lang-en{font-family:var(--font-family-english)}.media-upload-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.media-upload-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.close-btn:hover{background:#e5e7eb}.upload-zone{background:#f9fafb;border-radius:8px;margin-bottom:20px;transition:all .3s}.upload-zone:hover{background:#eff6ff;border-color:#3b82f6}.upload-zone.drag-active{background:#dbeafe;border-color:#3b82f6;transform:scale(1.02)}.upload-zone.has-file{background:#ecfdf5;border-color:#10b981;padding:20px}.file-selected{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.file-preview{border:1px solid #e5e7eb;border-radius:8px;height:80px;object-fit:cover;width:80px}.file-icon{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;height:80px;justify-content:center;width:80px}.change-file-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.change-file-btn:hover{background:#2563eb}.upload-prompt h4{color:#374151;font-size:18px;margin:16px 0 8px}.upload-prompt p{color:#6b7280;margin:8px 0}.paste-hint{background:#ecfdf5;border-radius:6px;color:#059669!important;display:inline-block;font-size:14px;margin:12px 0!important;padding:8px 12px}.supported-formats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:20px;padding:16px;text-align:left}.format-group{color:#475569;font-size:14px;margin-bottom:8px}.format-group:last-child{margin-bottom:0}.format-group strong{color:#334155;margin-right:8px}.error-message{background:#fef2f2;border-radius:6px}.media-form{margin-top:20px}.form-group input,.form-group textarea{border-radius:6px;box-sizing:border-box;padding:10px 12px;transition:border-color .2s}.form-group textarea{min-height:80px;resize:vertical}.btn-cancel{border-radius:6px;transition:all .2s}.btn-cancel,.btn-insert{cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-insert{border:none;border-radius:6px;transition:background .2s}@media (max-width:640px){.media-upload-modal{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.upload-zone{padding:30px 15px}.file-selected{flex-direction:column;text-align:center}.supported-formats{font-size:13px}.modal-footer{flex-direction:column}.btn-cancel,.btn-insert{width:100%}}.modal-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.tab-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.tab-btn.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.tab-btn:hover:not(.active){background:#f3f4f6;color:#374151}.tab-button{flex:1 1;padding:12px 16px}.tab-button.active{background:#fff}.tab-button:hover:not(.active){background:#f3f4f6;color:#374151}.cached-images-container{max-height:400px;overflow-y:auto;padding:20px}.no-cached-images{color:#6b7280;padding:60px 20px;text-align:center}.no-cached-images svg{color:#d1d5db;margin-bottom:16px}.no-cached-images h4{color:#374151;font-size:16px;font-weight:500;margin:0 0 8px}.no-cached-images p{font-size:14px;margin:0}.cached-images-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.cached-image-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.cached-image-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.cached-image-item.selected{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.cached-image-preview{aspect-ratio:1;overflow:hidden;position:relative}.cached-image-preview img{display:block;height:100%;object-fit:cover;width:100%}.delete-cached-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s;width:24px}.cached-image-item:hover .delete-cached-btn{opacity:1}.delete-cached-btn:hover{background:#ef4444cc}.cached-image-info{padding:8px}.cached-image-title{color:#374151;font-size:12px;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cached-image-size{color:#6b7280;font-size:11px;margin:0}@media (max-width:640px){.cached-images-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.modal-tabs{flex-direction:column}.tab-button{border-bottom:none;border-right:2px solid #0000}.tab-button.active{border-bottom-color:#0000;border-right-color:#3b82f6}}.quote-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.quote-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{line-height:1.5;min-height:120px}.quote-preview{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-top:24px;padding:20px}.quote-preview h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 16px}.preview-content{background:#fff;border-left:4px solid #e5e7eb;border-radius:6px;padding:20px;position:relative}.preview-content.has-content{border-left-color:#3b82f6}.preview-quote{color:#374151;font-size:16px;font-style:italic;line-height:1.6;margin-bottom:12px}.preview-quote:empty:before{color:#9ca3af;content:"引用内容将在这里显示...";font-style:normal}.preview-attribution{display:flex;flex-direction:column;font-size:14px;gap:4px}.preview-author{color:#111827;font-weight:600}.preview-author:empty:before{color:#9ca3af;content:"作者";font-weight:400}.preview-about{color:#6b7280}.preview-about:empty:before{color:#9ca3af;content:"来源"}@media (max-width:640px){.quote-modal{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.modal-title h3{font-size:16px}.form-group input,.form-group textarea{padding:10px 12px}.preview-content,.quote-preview{padding:16px}}.slider-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.slider-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.modal-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.modal-title{align-items:center;display:flex;gap:12px}.modal-title h3{color:#111827;font-size:18px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.upload-zone{background:#fafbfc;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .2s}.upload-zone.drag-active,.upload-zone:hover{background:#f0f9ff;border-color:#3b82f6}.upload-content h4{color:#374151;font-size:16px;font-weight:600;margin:16px 0 8px}.upload-content p{color:#6b7280;font-size:14px;margin:4px 0}.selected-files{margin-top:24px}.selected-files h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.files-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.file-item{border-radius:8px;overflow:hidden;transition:all .2s}.file-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.file-preview{aspect-ratio:16/9;overflow:hidden;position:relative}.file-preview img{height:100%;object-fit:cover;width:100%}.remove-file-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s;width:28px}.file-item:hover .remove-file-btn{opacity:1}.remove-file-btn:hover{background:#dc2626e6}.file-info{padding:12px}.file-name{color:#374151;font-size:14px;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#6b7280;font-size:12px;margin:0}.upload-progress{background:#e5e7eb;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.progress-bar{background:#3b82f6;height:100%;transition:width .3s}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px 16px;white-space:pre-line}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;gap:12px;padding:20px 24px}.btn-cancel,.btn-insert{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-insert{background:#3b82f6;color:#fff}.btn-insert:hover:not(:disabled){background:#2563eb}.btn-insert:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:768px){.slider-modal{margin:20px;width:95%}.files-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal-body,.modal-footer,.modal-header{padding:16px}.upload-zone{padding:30px 16px}}@media (max-width:480px){.files-grid{grid-template-columns:1fr 1fr}.modal-title h3{font-size:16px}.upload-content h4{font-size:14px}.upload-content p{font-size:12px}}.dynamic-blocks-editor{margin-top:20px}.content-tabs{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:16px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.tab-button:hover{background:#f9fafb;color:#374151}.tab-button.active{background:#f8fafc;border-bottom-color:#3b82f6;color:#3b82f6}.blocks-preview{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.blocks-preview h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.block-preview-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.block-preview-item:last-child{margin-bottom:0}.blocks-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.blocks-header h3{color:#374151;font-size:16px;font-weight:600;margin:0}.btn-add-component{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:background-color .2s}.btn-add-component:hover{background:#2563eb}.component-picker-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.component-picker{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.picker-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.picker-header h4{color:#111827;font-size:18px;font-weight:600;margin:0}.picker-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:4px}.picker-close:hover{color:#374151}.component-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.component-option{align-items:flex-start;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.component-option:hover{background:#f8fafc;border-color:#3b82f6}.component-icon{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.component-option:hover .component-icon{background:#dbeafe;color:#3b82f6}.component-info h5{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.component-info p{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.blocks-list{display:flex;flex-direction:column;gap:16px}.block-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.block-controls{display:flex;gap:4px;position:absolute;right:8px;top:8px;z-index:10}.block-move-controls{display:flex;flex-direction:column;gap:2px}.block-move-controls button,.btn-remove-block{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}.block-move-controls button:hover{background:#f3f4f6;color:#374151}.btn-remove-block:hover{background:#fef2f2;color:#dc2626}.block-move-controls button:disabled{cursor:not-allowed;opacity:.5}.block-content{padding:16px}.block-preview{cursor:pointer;min-height:80px;transition:background-color .2s}.block-preview:hover{background:#f9fafb}.preview-header{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px}.empty-preview{color:#9ca3af;font-style:italic;margin:0}.media-preview-content .preview-image{border-radius:6px;margin-bottom:8px;max-height:120px;max-width:200px}.media-preview-content h4{font-size:14px;font-weight:600;margin:8px 0 4px}.media-preview-content p{color:#6b7280;font-size:12px;margin:0}.file-preview{background:#f3f4f6;border-radius:6px;font-size:14px;margin-bottom:8px;padding:12px}.quote-preview-content blockquote{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:0 6px 6px 0;margin:0;padding:16px}.quote-preview-content blockquote p{color:#374151;font-style:italic;margin:0 0 8px}.quote-preview-content blockquote footer{color:#6b7280;font-size:12px}.richtext-preview-content{color:#374151;line-height:1.5;max-height:100px;overflow:hidden}.preview-images{display:flex;gap:8px;margin-bottom:8px}.preview-thumb{object-fit:cover}.more-images,.preview-thumb{border-radius:4px;height:60px;width:60px}.more-images{align-items:center;background:#f3f4f6;color:#6b7280;display:flex;font-size:12px;justify-content:center}.block-editor{background:#f9fafb;border-radius:8px;padding:16px}.editor-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:12px}.editor-header>div:first-child,.editor-header>span{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px}.btn-done{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.btn-done:hover{background:#059669}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:4px}.current-file{background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;color:#0369a1;font-size:12px;margin-top:8px;padding:8px 12px}.uploaded-files{display:flex;flex-direction:column;gap:8px;margin-top:12px}.file-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:12px;padding:8px}.file-thumb{border-radius:4px;height:40px;object-fit:cover;width:40px}.file-item span{color:#374151;flex:1 1;font-size:12px}.btn-remove-file{align-items:center;background:#fef2f2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .2s;width:20px}.btn-remove-file:hover{background:#fee2e2}.empty-blocks{color:#6b7280;padding:40px 20px;text-align:center}.empty-blocks p{font-size:14px;margin:0 0 16px}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}@media (max-width:768px){.component-picker{padding:16px;width:95%}.component-grid{grid-template-columns:1fr}.blocks-header{align-items:stretch;flex-direction:column;gap:12px}.block-controls{justify-content:flex-end;margin-bottom:12px;position:static}.preview-images{flex-wrap:wrap}}.richtext-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;resize:vertical}.block-item{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.component-picker{animation:fadeIn .2s ease-out}.search-modal{align-items:center;animation:fadeIn .3s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.search-modal-container{animation:slideInUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;min-width:800px;overflow:hidden;width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.search-header{background:#fff;border-bottom:1px solid #eaeaea;padding:1.5rem}.search-header,.search-icon-section,.search-section{align-items:center;display:flex}.search-icon-section{justify-content:center;left:auto;margin-right:-2rem;position:relative;z-index:2}.search-icon{color:#666;display:block;height:20px;width:20px}.search-input-section{flex:1 1;padding-left:0;position:relative}.search-buttons-section{align-items:center;display:flex;gap:.75rem;margin-left:.75rem}.search-input-container{position:relative;width:100%}.search-input{background:#f9f9f9;border:1px solid #ddd;border-radius:24px;font-size:16px;height:48px;padding:0 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,0,123,255),.1)}.search-clear-button{align-items:center;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:24px;z-index:2}.search-button{background:#0070f3;background:var(--primary-color,#0070f3);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:48px;padding:0 1.5rem;transition:all .2s ease;white-space:nowrap}.search-button:hover{background:#0058c5;background:var(--primary-color-dark,#0058c5)}.search-close-button{align-items:center;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:-18px;transition:all .2s ease;width:40px}.search-close-button:hover{background:#e0e0e0;color:#333}.search-results{flex:1 1;min-height:300px;overflow-y:auto;padding:1rem;width:100%}.search-results::-webkit-scrollbar{width:4px}.search-results::-webkit-scrollbar-track{background:#0000}.search-results::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.search-tabs{-ms-overflow-style:none;background-color:#fff;display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0 1rem;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0;z-index:5}.search-tabs::-webkit-scrollbar{display:none}.search-tab{background:#f0f0f0;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.search-tab.active{background:#0070f3;background:var(--primary-color,#0070f3);box-shadow:0 2px 8px #00000026;color:#fff}.search-results-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.search-results-list .search-result-item{animation:slideInResult .4s ease-out;animation-fill-mode:both}@keyframes slideInResult{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-results-list .search-result-item:first-child{animation-delay:.1s}.search-results-list .search-result-item:nth-child(2){animation-delay:.2s}.search-results-list .search-result-item:nth-child(3){animation-delay:.3s}.search-results-list .search-result-item:nth-child(4){animation-delay:.4s}.search-results-list .search-result-item:nth-child(5){animation-delay:.5s}.search-result-item{background:#fff;border:1px solid #eaeaea;border-radius:8px;border-radius:var(--border-radius,8px);cursor:pointer;display:flex;flex-direction:column;height:100%;padding:1.25rem;transition:box-shadow .3s ease}.search-result-item:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow,0 4px 12px #0000001a)}.result-image{background:#f8f9fa;border-radius:8px;flex-shrink:0;height:180px;margin-bottom:1rem;overflow:hidden;width:100%}.result-image img{height:100%;object-fit:cover;width:100%}.result-content{display:flex;flex:1 1;flex-direction:column}.result-title{color:#333;color:var(--text-primary,#333);font-size:1.15rem;font-weight:600;line-height:1.4}.result-description,.result-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0 0 .5rem;overflow:hidden}.result-description{color:#666;color:var(--text-secondary,#666);font-size:.9rem}.result-meta{align-items:center;display:flex;margin-top:auto}.result-type{background:#0070f3;background:var(--primary-color,#0070f3);border-radius:16px;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-right:.75rem;padding:.4rem .8rem;text-transform:uppercase}.result-date{color:#999;color:var(--text-tertiary,#999);font-size:.8rem}.result-media-count{background:#f0f4ff;border-radius:4px;color:#0070f3;color:var(--primary-color,#0070f3);display:inline-block;font-size:.8rem;font-weight:500;margin-bottom:.5rem;margin-top:.5rem;padding:.3rem .6rem}.result-media-count span{align-items:center;display:flex;gap:.3rem}.result-media-main{height:100%;object-fit:cover;width:100%}.result-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.result-tag{background:#f0f0f0;border:1px solid #0000;border-radius:12px;color:#666;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.result-tag:hover{background:#0070f3;background:var(--primary-color,#0070f3);box-shadow:0 2px 4px #0000001a;color:#fff;transform:translateY(-1px)}.search-suggestions{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);z-index:10}.search-suggestion-item{align-items:center;border-bottom:1px solid #eaeaea80;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s}.search-suggestion-item:last-child{border-bottom:none}.search-suggestion-item:hover{background-color:#f5f5f5}.suggestion-icon{color:#0070f3;color:var(--primary-color,#0070f3)}.search-empty,.search-error,.search-loading,.search-no-results{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem 1rem;text-align:center;width:100%}.search-spinner{animation:spin 1s linear infinite;border:3px solid #eaeaea;border-radius:50%;border-top:3px solid var(--primary-color,#0070f3);height:36px;margin-bottom:1rem;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.search-highlight{background-color:#fff3cd;border-radius:2px;color:#0070f3;color:var(--primary-color,#0070f3);font-weight:600;padding:0 2px}.search-pagination{align-items:center;border-top:1px solid #eaeaea;display:flex;justify-content:center;padding:1rem}.pagination-button{background-color:#f0f4ff;background-color:var(--bg-light,#f0f4ff);border:1px solid #eaeaea;border:1px solid var(--border-color,#eaeaea);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#0070f3;background-color:var(--primary-color,#0070f3);border-color:#0070f3;border-color:var(--primary-color,#0070f3);color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#666;color:var(--text-secondary,#666);font-size:1rem;font-weight:500;margin:0 1.5rem}@media (max-width:768px){.search-modal-container{margin:1rem auto;max-height:90vh;min-width:0;min-width:auto;width:100%}.search-header{padding:1rem}.search-results-list{gap:1rem;grid-template-columns:1fr}.search-result-item{align-items:flex-start;display:flex;flex-direction:row;gap:1rem;padding:1rem}.result-image{flex:0 0 80px;height:80px;margin-bottom:0;width:80px}.result-title{font-size:1rem;margin-bottom:.3rem}.result-description{font-size:.85rem;margin-bottom:.3rem}}@media (max-width:480px){.search-modal{align-items:flex-end;background-color:#000000e6;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.search-modal-container{animation:slideInFromBottom .3s cubic-bezier(.16,1,.3,1);border-radius:0 0 0 0;height:100vh;margin:0;max-height:100vh;width:100%}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.search-header{border-bottom:none;box-shadow:0 2px 8px #0000001a;padding:calc(1rem + env(safe-area-inset-top)) 1rem 1rem;position:relative;z-index:10}.search-icon-section{left:1.25rem;margin-right:0;position:absolute;top:50%;transform:translateY(-50%)}.search-input-section{padding-left:0}.search-input{background-color:#f8f9fa;border:2px solid #e0e0e0;padding-left:2.75rem}.search-results{padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom))}.search-result-item{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 8px #00000014;will-change:transform}.search-result-item:active{box-shadow:0 4px 12px #0000001f;transform:scale(.98)}.result-image{flex:0 0 60px;height:60px;width:60px}.search-tabs{background:#fff;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:nowrap;gap:.5rem;margin:0 -1rem;overflow-x:auto;padding:.8rem 1rem .5rem;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:9}.search-tab{border-radius:20px;flex:0 0 auto;font-size:14px;min-width:auto;padding:.6rem 1.2rem}.search-tab,.search-tab[data-count="0"]{display:none}.search-tab.active,.search-tab:first-child{display:block}.search-pagination{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffffa;bottom:0;box-shadow:0 -4px 12px #0000001a;margin-top:auto;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky}.pagination-button{border:2px solid #e0e0e0;border-radius:22px;font-size:14px;height:44px;min-width:44px;padding:.8rem 1rem}.search-suggestions{animation:slideInFromTop .2s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffffa;border-radius:12px;max-height:60vh;top:100%;z-index:20}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffffe6;box-shadow:0 1px 3px #00000014;height:80px;height:var(--navbar-height-desktop,80px);left:0;position:fixed;top:0;transition:box-shadow .3s ease;width:100%;z-index:1000}.nav.scrolled{box-shadow:0 2px 10px #0000001a}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;max-width:var(--container-max-width,1200px);padding:0 20px;padding:0 var(--container-padding,20px)}.logo,.nav-container{align-items:center;display:flex;height:100%}.logo{color:#1d1d1f;color:var(--text-primary,#1d1d1f);font-size:1.25rem;font-weight:600;padding:0 .5rem;text-decoration:none;transition:opacity .2s ease}.logo:hover{opacity:.8}.logo-icon,.logo-image{height:32px;margin-right:.75rem;width:auto}.logo-image{object-fit:contain}.logo-text{color:#1d1d1f;color:var(--text-primary,#1d1d1f);font-size:1.25rem;font-weight:600;white-space:nowrap}.nav-actions{gap:1rem}.nav-actions,.nav-icon-button{align-items:center;display:flex}.nav-icon-button{background:#0000;border:none;border-radius:50%;color:#86868b;color:var(--text-secondary,#86868b);cursor:pointer;height:36px;justify-content:center;transition:all .2s ease;width:36px}.nav-icon-button:hover{background:#0000000d;color:#1d1d1f;color:var(--text-primary,#1d1d1f)}.nav-icon-button .icon{height:20px;width:20px}.user-avatar{border-radius:50%;cursor:pointer;height:36px;object-fit:cover;transition:opacity .2s ease;width:36px}.user-avatar:hover{opacity:.8}.user-avatar-placeholder{align-items:center;background:linear-gradient(45deg,#06c,#1a4b8c);background:linear-gradient(45deg,var(--hover-color,#06c),#1a4b8c);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:36px;justify-content:center;width:36px}.login-button{background:#0000;border:1px solid #1d1d1f;border:1px solid var(--primary-color,#1d1d1f);border-radius:6px;color:#1d1d1f;color:var(--primary-color,#1d1d1f);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;text-decoration:none;transition:all .2s ease}.login-button:hover{background:#1d1d1f;background:var(--primary-color,#1d1d1f);color:#fff}.mobile-only{display:none!important}.desktop-only{display:flex}.mobile-menu-toggle{align-items:center;background:#0000000a;border:1px solid #00000014;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-height:var(--touch-target-min,44px);min-width:44px;min-width:var(--touch-target-min,44px);padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-toggle:hover{background:#0000000f;border-color:#0000001f}.mobile-menu-toggle:active{transform:scale(.96)}.mobile-menu-toggle[aria-expanded=true]{background:#0066cc1a;border-color:#0066cc4d}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:16px;justify-content:space-between;width:22px}.hamburger span{background-color:#1d1d1f;background-color:var(--text-primary,#1d1d1f);border-radius:2px;display:block;height:2.5px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.mobile-menu-toggle.active .hamburger{transform:rotate(180deg)}.mobile-menu-toggle.active .hamburger span{background-color:#06c;background-color:var(--hover-color,#06c)}.mobile-menu-toggle.active .hamburger span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.active .hamburger span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu-overlay{background:#00000080;bottom:0;left:0;opacity:0;padding:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1001}.mobile-menu-overlay:not(:empty){opacity:1;visibility:visible}.mobile-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:4px}.mobile-nav-link{align-items:center;color:#1d1d1f;color:var(--text-primary,#1d1d1f);display:flex;font-size:16px;font-weight:500;justify-content:center;min-height:48px;min-height:var(--touch-target-min,48px);padding:40px 0 15px;position:relative;text-decoration:none;transition:color .2s ease;transition:color var(--transition-speed,.2s) ease}.mobile-nav-link:before{background:#0000000f;bottom:0;content:"";height:1px;left:5%;position:absolute;right:5%}.mobile-nav-link span{text-align:center}.mobile-nav-link:hover{color:#06c;color:var(--hover-color,#06c)}.mobile-nav-link.active{color:#000;font-weight:600}.mobile-nav-link.active:after{background:#000;border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:90%}.mobile-user-info{align-items:center;display:flex;flex-direction:row;gap:12px;padding:4px 0}.mobile-user-avatar,.mobile-user-avatar-placeholder{border:2px solid #f3f4f6;border-radius:50%;flex-shrink:0;height:60px;object-fit:cover;width:60px}.mobile-user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#000,#333);color:#fff;display:flex;font-size:22px;font-weight:600;justify-content:center}.mobile-user-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.mobile-username{color:#1d1d1f;color:var(--text-primary,#1d1d1f);font-size:17px;font-weight:600}.mobile-user-settings{align-items:center;background:none;border:none;color:#06c;color:var(--hover-color,#06c);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:4px;padding:0;text-align:left}.mobile-user-settings:active{opacity:.6}.mobile-user-settings:after{content:"›";font-size:16px;font-weight:300}.nav-menu{align-items:center;display:flex;gap:50px}.nav-link{color:#333;font-size:1rem;font-weight:500;padding:6px 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#06c;color:var(--hover-color,#06c)}.nav-link:after{background:#06c;background:var(--hover-color,#06c);border-radius:50%;bottom:-2px;content:"";height:4px;left:50%;opacity:0;position:absolute;transform:translateX(-50%) scale(0);transition:all .3s cubic-bezier(.25,.46,.45,.94);width:4px}.nav-link:hover:after{opacity:.5;transform:translateX(-50%) scale(1)}.nav-link.active{color:#06c;color:var(--hover-color,#06c);position:relative}.nav-link.active:after{background:#06c;background:var(--hover-color,#06c);border-radius:50%;bottom:-3px;content:"";height:6px;left:50%;opacity:1;position:absolute;transform:translateX(-50%) scale(1);transition:transform .3s cubic-bezier(.25,.46,.45,.94);width:6px}.nav-link.cta{background-color:#06c;background-color:var(--hover-color,#06c);border-radius:4px;color:#fff;font-weight:600;padding:8px 16px}.nav-link.cta:hover{background-color:#05a}.nav-link.cta:after{display:none}.user-menu{position:relative}.user-info{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.user-info:hover{background-color:#0000000d}.username{font-weight:500}.dropdown-menu{background-color:#fff;border-radius:4px;box-shadow:0 4px 12px #0000001a;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;width:180px;z-index:1000}.dropdown-header{border-bottom:1px solid #0000001a;padding:12px 16px}.dropdown-header .username{color:#1d1d1f;color:var(--text-primary,#1d1d1f);font-weight:500}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:1rem;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background-color:#0000000d}.dropdown-item i,.dropdown-item svg{flex-shrink:0;height:16px;width:16px}.dropdown-item.logout-button{border-top:1px solid #0000001a;color:#e53935}.dropdown-item.logout-button:hover{background-color:#e539350d}.mobile-sidebar{-webkit-overflow-scrolling:touch;background:#fff;border-left:1px solid #e5e7eb;box-shadow:-4px 0 20px #00000026;height:100vh;max-width:320px;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:80%;z-index:1002}.mobile-sidebar.open{right:0}.mobile-sidebar-content{display:flex;flex-direction:column;height:100%;min-height:100vh;padding:40px 24px 24px}.mobile-sidebar-header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.mobile-login-button{align-items:center;background:#000;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;min-height:48px;min-height:var(--touch-target-min,48px);padding:16px 20px;transition:background-color .2s ease;transition:background-color var(--transition-speed,.2s) ease;width:100%}.mobile-login-button:hover{background:#1a1a1a}.mobile-login-button span{flex:1 1;text-align:center}.mobile-actions{display:flex;flex-direction:column;gap:16px;margin-top:20px}.mobile-actions-group{background:#f9f9f9;border-radius:10px;overflow:hidden}.mobile-action-button{align-items:center;background:#fff;border:none;color:#1d1d1f;color:var(--text-primary,#1d1d1f);cursor:pointer;display:flex;font-size:16px;font-weight:400;gap:12px;justify-content:flex-start;min-height:44px;padding:14px 16px;position:relative;text-decoration:none;transition:background-color .15s ease;width:100%}.mobile-action-button:not(:last-child):after{background:#3c3c4333;bottom:0;content:"";height:.5px;left:44px;position:absolute;right:0}.mobile-action-button svg{color:#8e8e93;flex-shrink:0;height:20px;width:20px}.mobile-action-button span{flex:1 1;text-align:left}.mobile-action-button:active{background-color:#e5e5e5}.mobile-actions-group.dangerous{background:#0000;margin-top:8px}.mobile-actions-group.dangerous .mobile-action-button{background:#f9f9f9;border-radius:10px;color:#dc3545;font-weight:500;justify-content:center;padding:14px}.mobile-actions-group.dangerous .mobile-action-button:active{background:#e5e5e5}.mobile-actions-group.dangerous .mobile-action-button svg{display:none}.mobile-actions-group.dangerous .mobile-action-button span{text-align:center}.mobile-actions-group:not(.dangerous) .mobile-action-button:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.mobile-actions-group:not(.dangerous) .mobile-action-button:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.mobile-actions-group .mobile-action-button:last-child:after{display:none}@media (max-width:767px){.nav{background-color:#fffffff2;height:60px;height:var(--navbar-height-mobile,60px)}.nav-container{justify-content:space-between;padding:0 16px;padding:0 var(--container-padding,16px)}.logo-text{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.mobile-only{display:flex!important}.desktop-only{display:none!important}}@media (prefers-reduced-motion:reduce){.hamburger span,.logo,.mobile-menu-toggle,.mobile-nav-link,.nav,.nav-icon-button{transition:none}}.footer{background-color:#f5f6fa;margin-top:auto;padding:30px 20px}.footer-content{color:#86868b;color:var(--text-secondary,#86868b);flex-direction:column;gap:24px;margin:0 auto;max-width:1200px;max-width:var(--container-max-width,1200px)}.footer-content,.footer-logo{align-items:center;display:flex}.footer-logo img{height:32px;object-fit:contain;width:auto}.footer-nav{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.footer-nav a{color:#1d1d1f;color:var(--text-color,#1d1d1f);font-size:14px;text-decoration:none;transition:color .3s;transition:color var(--transition-speed,.3s)}.footer-nav a:hover{color:#06c;color:var(--hover-color,#06c)}.footer-social{align-items:center;display:flex;gap:16px}.footer-social a{align-items:center;display:flex;justify-content:center;text-decoration:none}.footer-social img{height:24px;transition:opacity .3s;transition:opacity var(--transition-speed,.3s);width:24px}.footer-social a:hover img{opacity:.7}.footer-social svg{fill:#86868b;fill:var(--text-secondary,#86868b);height:24px;transition:fill .3s;transition:fill var(--transition-speed,.3s);width:24px}.footer-social a:hover svg{fill:#1d1d1f;fill:var(--text-primary,#1d1d1f)}.footer-copyright{color:#86868b;color:var(--text-secondary,#86868b);font-size:12px;text-align:center}.footer-copyright p{margin:5px 0}.footer-copyright a{color:#1d1d1f;color:var(--text-color,#1d1d1f);text-decoration:none;transition:color .3s;transition:color var(--transition-speed,.3s)}.footer-copyright a:hover{color:#06c;color:var(--hover-color,#06c)}@media (max-width:768px){.footer{padding:24px 16px}.footer-content{gap:20px}.footer-nav{gap:16px}.footer-nav a{font-size:13px}}@media (prefers-reduced-motion:reduce){.footer-copyright a,.footer-nav a,.footer-social img,.footer-social svg{transition:none}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal-background{animation:modalSlideIn .3s cubic-bezier(.2,0,0,1);background:#fff;border-radius:20px;box-shadow:0 20px 40px -12px #00000026;max-width:420px;overflow:hidden;padding:40px;position:relative;width:100%}.login-modal-background h2{color:#1d1d1f;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin:0 0 8px;text-align:center}.login-modal-close{align-items:center;background:#f5f5f7;border:none;border-radius:50%;box-sizing:border-box;color:#1d1d1f;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;max-height:32px;min-height:32px;padding:0!important;position:absolute;right:16px;top:16px;transition:all .2s cubic-bezier(.2,0,0,1);width:32px}.login-modal-close:hover{background:#e8e8ed;transform:scale(1.05)}.login-modal-close:active{transform:scale(.95)}.auth-form .form-group{margin-bottom:20px}.auth-form .form-group label{color:#1d1d1f;display:block;font-size:.875rem;font-weight:500;letter-spacing:-.01em;margin-bottom:8px}.auth-form .form-group input{background:#f9fafb;border:1px solid #d1d5db;border-radius:12px;font-size:1rem;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.auth-form .form-group input:focus{background:#fff;border-color:#06c;box-shadow:0 0 0 4px #0066cc1a}.auth-form .form-group input::placeholder{color:#9ca3af}.auth-form .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.875rem;margin-bottom:20px;padding:12px 16px;text-align:center}.auth-form .submit-button{background:#1d1d1f;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:-.01em;padding:16px;transition:all .2s cubic-bezier(.2,0,0,1);width:100%}.auth-form .submit-button:hover{background:#000;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.auth-form .submit-button:active{transform:translateY(0)}@media (max-width:768px){.login-modal-overlay.modal-overlay{align-items:center;padding:20px}.login-modal-background{animation:modalSlideIn .3s cubic-bezier(.2,0,0,1);border-radius:20px;max-height:85vh;max-width:none;overflow-y:auto;padding:32px 24px 40px;width:100%}.login-modal-background h2{font-size:1.375rem;margin-bottom:24px}.login-modal-close{font-size:1.125rem;height:44px;max-height:44px;min-height:44px;right:12px;top:12px;width:44px}.auth-form .form-group{margin-bottom:16px}.auth-form .form-group label{font-size:.8125rem;margin-bottom:6px}.auth-form .form-group input{border-radius:14px;font-size:1rem;padding:16px}.auth-form .submit-button{border-radius:14px;font-size:1rem;padding:18px}}.create-idea-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin:2rem auto;max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 24px}.modal-header h2{color:#333;font-size:18px;font-weight:500;margin:0}.close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.close-button:hover{background-color:#0000000d}.modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:16px 24px}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.create-idea-modal{width:100%}.create-idea-modal.mobile{padding:0}.create-idea-modal h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.create-idea-form{display:flex;flex-direction:column;gap:1rem}.create-idea-form .form-group{margin-bottom:0}.create-content-modal{animation:modalSlideIn .3s cubic-bezier(.2,0,0,1);background:#fff;border-radius:20px;box-shadow:0 20px 40px -12px #00000026;max-width:440px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.create-content-header{align-items:center;display:flex;justify-content:space-between;padding:28px 40px}.create-content-header h3{color:#1d1d1f;font-size:1.4rem;font-weight:600;letter-spacing:-.01em;margin:0}.create-content-body{padding:0 40px 40px}.create-content-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;width:100%}.create-option-card{align-items:center;background:#f5f5f7;border:none;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:36px 24px;position:relative;transition:all .2s cubic-bezier(.2,0,0,1)}.create-option-card:hover{background:#e8e8ed;transform:scale(1.02)}.create-option-card:active{background:#d2d2d7;transform:scale(.98)}.create-option-card h4{color:#1d1d1f;font-size:1rem;font-weight:600;letter-spacing:-.01em;margin:0}.create-article-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:95%}.article-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:24px 24px 16px}.modal-header-actions{align-items:center;display:flex;gap:12px}.modal-header-actions .btn-primary,.modal-header-actions .btn-secondary,.modal-header-actions .btn-toggle{align-items:center;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px}.modal-header-actions .btn-secondary,.modal-header-actions .btn-toggle{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.modal-header-actions .btn-primary{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.modal-header-actions .btn-secondary:hover,.modal-header-actions .btn-toggle:hover{background:#f8f9fa;border-color:var(--text-secondary)}.modal-header-actions .btn-primary:hover{background:var(--hover-color);border-color:var(--hover-color)}.modal-header-actions .btn-primary:disabled{background:var(--border-color);border-color:var(--border-color);cursor:not-allowed;opacity:.7}.article-modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.article-modal-form{flex-direction:column}.article-modal-form,.article-modal-layout{display:flex;flex:1 1;overflow:hidden}.article-modal-sidebar{background:#f8f9fa;border-right:1px solid var(--border-color);flex-shrink:0;overflow-y:auto;padding:24px;width:320px}.modal-sidebar-section{margin-bottom:32px}.modal-sidebar-section:last-child{margin-bottom:0}.modal-sidebar-section h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 16px}.article-modal-main,.modal-content-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.modal-content-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:24px 24px 16px}.modal-content-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.modal-markdown-editor{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.modal-editor-toolbar{background:#f8f9fa;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:8px;padding:12px 24px}.modal-editor-toolbar button{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.modal-editor-toolbar button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.modal-content-textarea{border:none;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;outline:none;padding:24px;resize:none}.modal-markdown-preview{background:#fff;flex:1 1;overflow-y:auto;padding:24px}.modal-cover-upload{border:2px dashed var(--border-color);border-radius:8px;overflow:hidden}.modal-cover-preview{position:relative}.modal-cover-preview img{display:block;height:200px;object-fit:cover;width:100%}.modal-cover-preview .remove-cover{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:background-color .2s;width:32px}.modal-cover-preview .remove-cover:hover{background:#000000e6}.modal-cover-upload-area{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:40px 20px;text-align:center;transition:background-color .2s}.modal-cover-upload-area:hover{background:#f8f9fa}.modal-cover-upload-area span{color:var(--text-primary);font-weight:500}.modal-cover-upload-area small{color:var(--text-secondary);font-size:.85rem}@media (max-width:768px){.create-article-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.article-modal-layout{flex-direction:column}.article-modal-sidebar{border-bottom:1px solid var(--border-color);border-right:none;max-height:40vh;width:100%}.modal-sidebar-section{margin-bottom:24px}.modal-overlay{align-items:flex-start;padding:0}.create-idea-modal{border-radius:0;height:100vh;margin:0;width:100%}.create-content-modal{max-width:none;width:95%}.create-content-header{padding:20px 20px 12px}.create-content-header h3{font-size:1.125rem}.create-content-options{gap:12px;padding:20px}.create-option-btn{gap:12px;padding:16px}.create-option-icon{height:40px;width:40px}.create-option-content h4{font-size:1rem}.create-option-content p{font-size:.8125rem}}.create-option-btn:hover{background:#0066cc05;border-color:var(--hover-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.create-option-icon{align-items:center;background:#000;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-bottom:16px;width:48px}.create-option-content h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 4px}.create-option-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.editor-modal{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:calc(100vh - 4rem);min-height:600px;overflow:hidden}.editor-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.editor-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.editor-actions{align-items:center;display:flex;gap:1rem}.draft-saved{color:var(--text-secondary);font-size:.875rem}.preview-button,.publish-button{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.preview-button{background:var(--bg-secondary);color:var(--text-primary)}.preview-button:hover{background:var(--bg-hover)}.publish-button{background:var(--primary-color);color:#fff}.publish-button:hover{background:var(--primary-dark)}.publish-button:disabled{background:var(--bg-disabled);cursor:not-allowed}.editor-toolbar{align-items:center;background:#f9fafb;display:flex;gap:.5rem;padding:.75rem}.editor-toolbar button,.toolbar-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.editor-toolbar button:hover,.toolbar-button:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar-divider{background:var(--border-color);height:24px;margin:0 .5rem;width:1px}.toolbar-right{margin-left:auto}.markdown-indicator{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem}.editor-content{flex:1 1;overflow-y:auto;padding:1rem}.content-textarea{background:#0000;border:none;color:var(--text-primary);font-size:1rem;line-height:1.6;padding:0;resize:none;white-space:pre-wrap;width:100%}.content-textarea:focus{outline:none}.content-textarea::placeholder{color:var(--text-secondary)}.markdown-preview{color:var(--text-primary);line-height:1.6;white-space:pre-line}.markdown-preview p{margin-bottom:1rem}.markdown-preview strong{display:inline-block;font-weight:600}.markdown-preview em{font-style:italic}.markdown-preview a{color:var(--primary-color);text-decoration:none}.markdown-preview a:hover{text-decoration:underline}.markdown-preview ol,.markdown-preview ul{margin:1rem 0;padding-left:1.5rem}.markdown-preview li{margin-bottom:.5rem}.markdown-preview blockquote{background:var(--bg-secondary);border-left:4px solid var(--border-color);color:var(--text-secondary);margin:1rem 0;padding:.5rem 1rem}.markdown-preview code{background:var(--bg-secondary);border-radius:3px;font-family:monospace;font-size:.9em;padding:.2em .4em}.media-previews{grid-gap:1rem;border-top:1px solid var(--border-color);display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:1rem}.media-preview-item{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.media-preview-item img,.media-preview-item video{height:100%;object-fit:cover;width:100%}.audio-preview,.video-preview{align-items:center;background:var(--bg-secondary);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;padding:1rem;width:100%}.audio-preview svg,.video-preview svg{color:var(--text-secondary);height:2rem;width:2rem}.audio-preview span,.video-preview span{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.75rem;overflow:hidden;text-align:center;text-overflow:ellipsis}.remove-media{align-items:center;aspect-ratio:1;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;line-height:1;position:absolute;right:.1rem;top:.1rem;transition:all .2s;width:24px}.remove-media:hover{background-color:#000000e6}.tags-input-container{padding:1rem}.tags-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tags-list svg{color:var(--text-secondary)}.tag{background:var(--bg-secondary);border-radius:4px;color:var(--text-primary);font-size:.875rem;gap:.25rem;padding:.25rem .5rem}.tag,.tag button{align-items:center;display:flex}.tag button{background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;height:16px;justify-content:center;padding:0;width:16px}.tag button:hover{color:var(--text-primary)}.tag-input-wrapper{flex:1 1;position:relative}.tag-input-with-icon{align-items:center;display:flex;position:relative;width:100%}.tag-input-with-icon .tag-input{padding-right:25px;width:100%}.tag-input-with-icon svg{color:var(--text-secondary);font-size:.875rem;height:14px;pointer-events:none;position:absolute;right:5px;width:14px}.tag-input{background:#0000;border:none;color:var(--text-primary);font-size:16px;padding:.25rem;width:100%}.tag-input:focus{outline:none}.tag-input::placeholder{color:var(--text-secondary)}.tag-suggestions{background:#fff;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}@media (max-width:768px){.tag-suggestions{bottom:60px;left:.75rem;max-height:150px;position:fixed;right:.75rem;top:auto;z-index:1001}.editor-modal.keyboard-visible .tag-suggestions{bottom:10px}}.tag-suggestion-item{cursor:pointer;padding:.5rem;transition:all .2s}.tag-suggestion-item:hover{background:var(--bg-hover)}.tag-suggestion-item.loading,.tag-suggestion-item.no-results{color:var(--text-secondary);font-style:italic;padding:.75rem .5rem;text-align:center}.tag-suggestion-item.no-results{font-size:.875rem}.modal-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:.5rem;transition:all .2s;width:32px}.modal-close-button:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width:768px){.editor-header{padding:.75rem}.editor-toolbar{flex-wrap:nowrap;overflow-x:auto;padding:.5rem}.editor-toolbar button,.toolbar-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.toolbar-divider{margin:0 .5rem}.content-textarea{font-size:.9375rem;min-height:200px}.media-previews{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:.75rem}.tags-input-container{padding:.75rem}.tag-input{font-size:16px!important}.modal-overlay{align-items:flex-start;padding:0}.create-idea-modal{border-radius:0;height:100vh;margin:0;width:100%}.editor-modal{border-radius:0;height:100vh;max-height:100vh;position:relative}.editor-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:20px}.tags-input-container{background:var(--background-color);border-top:1px solid var(--border-color);bottom:0;padding:.75rem;position:-webkit-sticky;position:sticky;z-index:10}.editor-modal.keyboard-visible{height:100vh}.editor-modal.keyboard-visible .editor-content{padding-bottom:10px}.editor-modal.keyboard-visible .tags-input-container{bottom:auto;position:relative}}@media (prefers-reduced-motion:reduce){.editor-modal,.editor-toolbar button,.modal-close-button,.preview-button,.publish-button,.remove-media,.tag-input,.toolbar-button{animation:none;transition:none}}.page-loading-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8f9fa,#fff);bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;position:fixed;right:0;top:0;z-index:9999}.page-loading-spinner{align-items:center;background:#ffffffe6;border:1px solid #00000014;border-radius:1.5rem;box-shadow:0 20px 60px #0000001a;display:flex;flex-direction:column;gap:2rem;padding:3rem 4rem}.loading-dots{align-items:center;display:flex;gap:.75rem}.loading-dots span{animation:dot-pulse 1.4s ease-in-out infinite;background:#06c;background:var(--hover-color,#06c);border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.page-loading-spinner p{color:#86868b;color:var(--text-secondary,#86868b);font-family:var(--font-family-base);font-size:1rem;font-size:var(--font-size-sm,1rem);font-weight:400;font-weight:var(--font-weight-normal,400);letter-spacing:.05em;margin:0}@media (max-width:767px){.page-loading-spinner{border-radius:1.25rem;gap:1.5rem;padding:2rem 2.5rem}.loading-dots span{height:10px;width:10px}.page-loading-spinner p{font-size:.875rem;font-size:var(--font-size-xs,.875rem)}}@media (prefers-reduced-motion:reduce){.page-loading-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.loading-dots span{animation:none;opacity:1;transform:scale(1)}}
/*# sourceMappingURL=main.30009297.css.map*/