*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-container{min-height:300px}.page-header h1{margin-bottom:8px}.page-header p{color:#00000073;font-size:16px}:root{--border-color:#a8e6cf33;--header-bg:#fffffff2}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#e8f7f1f2)!important;border-bottom:1px solid #a8e6cf33;border-bottom:1px solid var(--border-color);box-shadow:0 2px 12px #a8e6cf1a;height:64px;padding:0 24px!important;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.blog-logo{align-items:center;display:flex;padding-right:32px}.blog-logo h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8e6cf,#8dd3bc);background:linear-gradient(135deg,var(--macaron-main),var(--macaron-dark));-webkit-background-clip:text;background-clip:text;font-weight:600!important;transition:all .3s ease}.blog-logo:hover h3{transform:scale(1.03)}.blog-logo a:hover{text-decoration:none!important}.header-menu{border-bottom:none!important;display:flex}.header-menu,.header-menu.ant-menu-dark{background:#0000!important}.header-menu .ant-menu-item{border-radius:12px;height:64px;line-height:64px;margin:0 4px!important;overflow:hidden;padding:0 20px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.header-menu .ant-menu-item:hover{background:#a8e6cf1a!important;transform:translateY(-2px)}.header-menu .ant-menu-item-selected{background:linear-gradient(135deg,#a8e6cf26,#8dd3bc1a)!important;color:#8dd3bc!important;color:var(--macaron-dark)!important}.header-menu .ant-menu-item-selected:before{background:linear-gradient(90deg,#a8e6cf,#8dd3bc);background:linear-gradient(90deg,var(--macaron-main),var(--macaron-dark));border-radius:1.5px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.header-menu a{color:#5a5a5a!important;color:var(--text-color)!important;font-weight:500;transition:color .3s ease}.header-menu .ant-menu-item-selected a{font-weight:600}.header-menu .ant-menu-item-selected a,.header-menu .ant-menu-item:hover a{color:#8dd3bc!important;color:var(--macaron-dark)!important}.header-menu .ant-menu-item[data-menu-id*=write]{background:linear-gradient(135deg,#a8e6cf1a,#a8e6cf0d)!important;border:1px solid #a8e6cf33;border:1px solid var(--border-color)}.header-menu .ant-menu-item[data-menu-id*=write]:hover{background:linear-gradient(135deg,#a8e6cf,#8dd3bc)!important;background:linear-gradient(135deg,var(--macaron-main),var(--macaron-dark))!important}.header-menu .ant-menu-item[data-menu-id*=write]:hover a{color:#fff!important}.header-menu .ant-menu-item[data-menu-id*=write] a{color:#8dd3bc!important;color:var(--macaron-dark)!important;font-weight:600}.auth-menu-area{align-items:center;padding-left:32px}.auth-menu-area a{border:1px solid #0000;border-radius:12px;color:#5a5a5a!important;color:var(--text-color)!important;font-weight:500;padding:8px 16px;transition:all .3s ease}.auth-menu-area a:hover{background:#a8e6cf1a;border:1px solid #a8e6cf33;border:1px solid var(--border-color);color:#8dd3bc!important;color:var(--macaron-dark)!important;text-decoration:none!important}.auth-menu-area .ant-btn{background:#0000!important;border:1px solid #0000;border-radius:20px;padding:4px 12px!important;transition:all .3s ease}.auth-menu-area .ant-btn:hover{background:#a8e6cf1a!important;border-color:#a8e6cf33;border-color:var(--border-color);transform:translateY(-1px)}.auth-menu-area .ant-avatar{border:2px solid #fff;box-shadow:0 2px 8px #a8e6cf33;transition:all .3s ease}.auth-menu-area .ant-btn:hover .ant-avatar{box-shadow:0 3px 12px #a8e6cf4d;transform:scale(1.05)}.auth-menu-area span{color:#5a5a5a;color:var(--text-color);font-size:14px;font-weight:500}.ant-dropdown-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa!important;border:1px solid #a8e6cf33!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 8px 24px #a8e6cf26,0 4px 12px #a8e6cf1a!important;padding:8px!important}.ant-dropdown-menu-item{border-radius:8px!important;padding:10px 16px!important;transition:all .2s ease!important}.ant-dropdown-menu-item:hover{background:linear-gradient(135deg,#a8e6cf1a,#a8e6cf0d)!important}.ant-dropdown-menu-item a{color:#5a5a5a!important;color:var(--text-color)!important}.ant-dropdown-menu-item:hover a{color:#8dd3bc!important;color:var(--macaron-dark)!important}.ant-dropdown-menu-item .ant-btn-link{color:#5a5a5a!important;color:var(--text-color)!important;padding:0!important;text-align:left;width:100%}.ant-dropdown-menu-item:hover .ant-btn-link{color:#8dd3bc!important;color:var(--macaron-dark)!important}@media (max-width:768px){.app-header{padding:0 16px!important}.blog-logo{padding-right:16px}.blog-logo h3{font-size:18px!important}.header-menu .ant-menu-item{font-size:14px;margin:0 2px!important;padding:0 12px!important}.auth-menu-area{padding-left:16px}.auth-menu-area span{display:none}}@media (max-width:576px){.blog-logo{display:none}.blog-logo:before{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8e6cf,#8dd3bc);background:linear-gradient(135deg,var(--macaron-main),var(--macaron-dark));-webkit-background-clip:text;background-clip:text;content:"B";font-size:20px;font-weight:600}.header-menu .ant-menu-item{padding:0 8px!important}.auth-menu-area a{font-size:14px;padding:6px 12px}}.app-header.scrolled{background:#fffffffa!important;box-shadow:0 4px 16px #a8e6cf26}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.app-header{animation:slideDown .4s ease-out}.header-menu .ant-menu-item{animation:fadeIn .5s ease-out forwards;animation-delay:calc(var(--item-index)*.1s);opacity:0}@media (prefers-color-scheme:dark){:root{--header-bg:#1e1e1ef2;--text-color:#e0e0e0;--border-color:#ffffff1a}.app-header{background:linear-gradient(135deg,#282828f2,#323232f2)!important}.header-menu a{color:#ddd!important}.ant-dropdown-menu{background:#282828fa!important}.ant-dropdown-menu-item a{color:#ddd!important}}.header-menu .ant-menu-item{position:relative}.header-menu .ant-menu-item:after{background:#5a5a5a;background:var(--text-color);border-radius:4px;color:#fff;content:attr(data-title);font-size:12px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1001}.header-menu .ant-menu-item:hover:after{opacity:1;transform:translateX(-50%) translateY(4px);visibility:visible}.app-footer{background:#f0f2f5;color:#000000a6;gap:10px}.social-links{margin:10px 0}.social-links .ant-typography-link{transition:color .3s ease}.social-links .ant-typography-link:hover .anticon{color:#1890ff!important}.archive-page.cute-theme{background:linear-gradient(135deg,#a8e6cf0d,#ffd3b60d 50%,#d8b4fe0d);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.page-header{background:#fff;border:2px solid #fff9;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 4px 20px #a8e6cf26;margin-bottom:32px;padding:24px;text-align:center}.page-header h1{color:#5a5a5a;color:var(--text-color);font-size:32px;font-weight:600;margin-bottom:12px}.page-subtitle{color:#888;font-size:16px;margin:0}.archive-filters{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffffe6,#fffffff2)!important;border:2px solid #fff9!important;border:2px solid var(--border-color)!important;border-radius:16px!important;box-shadow:0 4px 20px #a8e6cf1a!important;margin-bottom:32px}.filter-group{align-items:center;display:flex;gap:12px}.filter-label{color:#5a5a5a;color:var(--text-color);font-size:15px;font-weight:500;white-space:nowrap}.filter-label .anticon{color:#ffaaa5;color:var(--macaron-coral);margin-right:6px}.cute-post-card{background:#fff;border:2px solid #fff9;border:2px solid var(--border-color);border-radius:16px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;height:320px;overflow:hidden;transition:all .3s ease}.cute-post-card:hover{border-color:#a8e6cf;border-color:var(--macaron-mint);box-shadow:0 12px 30px #a8e6cf40;transform:translateY(-6px)}.post-image{background:linear-gradient(135deg,#a8e6cf,#b5deff);background:linear-gradient(135deg,var(--macaron-mint) 0,var(--macaron-blue) 100%);flex-shrink:0;height:140px;overflow:hidden;position:relative}.post-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.cute-post-card:hover .post-image img{transform:scale(1.05)}.image-overlay{left:12px;position:absolute;top:12px}.category-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffaaa5,#d8b4fe);background:linear-gradient(135deg,var(--macaron-coral),var(--macaron-lavender));border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.post-content{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:20px}.post-title{color:#5a5a5a;color:var(--text-color);font-size:16px;font-weight:600;height:44px;line-height:1.4}.post-excerpt,.post-title{-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.post-excerpt{color:#777;flex:1 1;font-size:14px;line-height:1.5;min-height:42px}.author-info{gap:10px;padding-top:12px}.author-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #a8e6cf4d;height:32px;object-fit:cover;width:32px}.author-name{font-size:13px}.post-date{color:#999;font-size:12px}.post-stats{border-top:1px solid #a8e6cf33;display:flex;justify-content:space-around;margin-top:auto;padding-top:12px}.stat-item{align-items:center;border-radius:8px;color:#777;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s ease}.stat-item:hover{background:#a8e6cf1a;color:#ffaaa5;color:var(--macaron-coral)}.stat-item .anticon{font-size:12px}.archive-empty{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:2px solid #fff9;border:2px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #a8e6cf1a;padding:60px 0}.archive-pagination{display:flex;justify-content:center;margin:40px 0}.archive-pagination .ant-pagination-item{border-color:#fff9!important;border-color:var(--border-color)!important;border-radius:10px!important}.archive-pagination .ant-pagination-item-active,.archive-pagination .ant-pagination-item:hover{border-color:#a8e6cf!important;border-color:var(--macaron-mint)!important}.archive-pagination .ant-pagination-item-active{background:#a8e6cf!important;background:var(--macaron-mint)!important}.archive-pagination .ant-pagination-item-active a{color:#fff!important}.category-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffffe6,#fffffff2)!important;border:2px solid #fff9!important;border:2px solid var(--border-color)!important;border-radius:16px!important;box-shadow:0 4px 20px #a8e6cf1a!important;margin-top:40px}.category-stats .ant-card-head{border-bottom:1px solid #a8e6cf33!important}.category-stats .ant-card-head-title{color:#5a5a5a;color:var(--text-color);font-weight:600}.category-item{background:linear-gradient(135deg,#a8e6cf1a,#b5deff1a);border:1px solid #fff9;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.category-item:hover{background:linear-gradient(135deg,#a8e6cf,#b5deff);background:linear-gradient(135deg,var(--macaron-mint),var(--macaron-blue));border-color:#0000;box-shadow:0 8px 24px #a8e6cf33;transform:translateY(-4px)}.category-item:hover .category-count,.category-item:hover .category-name{color:#fff!important}.category-name{color:#5a5a5a;color:var(--text-color);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.category-count{background:#fff;border:1px solid #fff9;border:1px solid var(--border-color);border-radius:10px;color:#888;display:block;display:inline-block;font-size:12px;padding:2px 8px}.loading-text{color:#5a5a5a;color:var(--text-color);font-size:16px;margin-top:16px}@media (max-width:768px){.archive-page.cute-theme{padding:16px}.page-header{padding:20px 16px}.page-header h1{font-size:24px}.cute-post-card{height:280px}.post-image{height:120px}.post-title{font-size:15px;height:40px}.post-excerpt{font-size:13px;min-height:36px}.filter-group{align-items:flex-start;flex-direction:column;gap:8px}.filter-group .ant-input-search,.filter-group .ant-select{width:100%!important}}:root{--primary-color:#a8e6cf;--text-color:#333;--light-bg:#f8f9fa}.cute-profile-page{background:#f8f9fa;font-family:Segoe UI,system-ui,-apple-system,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:24px}.cute-profile-card.simple-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;padding:32px;transition:all .3s ease}.cute-profile-card.simple-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-2px)}.cute-avatar-section{padding:20px;text-align:center}.cute-avatar-container{display:inline-block;margin-bottom:24px;position:relative}.cute-profile-avatar{border:8px solid #fff!important;box-shadow:0 8px 32px #0000001a!important;font-size:80px!important;height:200px!important;line-height:200px!important;transition:all .3s ease!important;width:200px!important}.cute-profile-avatar:hover{box-shadow:0 12px 40px #00000026!important;transform:scale(1.05)!important}.cute-avatar-edit-btn{background:#a8e6cf!important;background:var(--primary-color)!important;border:3px solid #fff!important;bottom:10px;box-shadow:0 4px 12px #a8e6cf4d!important;color:#fff!important;height:40px!important;position:absolute!important;right:10px;transition:all .3s ease!important;width:40px!important;z-index:2}.cute-avatar-edit-btn:hover{background:#8dd3bc!important;transform:scale(1.1)!important}.cute-profile-info{padding:20px}.cute-profile-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.cute-profile-name{color:#333;color:var(--text-color);font-size:28px;font-weight:600;margin:0;padding-bottom:12px;position:relative}.cute-profile-name:after{background:#a8e6cf;background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.cute-profile-bio{border-left:4px solid #a8e6cf;border-left:4px solid var(--primary-color);color:#333;color:var(--text-color);font-size:15px;line-height:1.6}.cute-contact-info,.cute-profile-bio{background:#f8f9fa;border-radius:12px;margin:20px 0;padding:20px}.cute-contact-item{align-items:center;color:#333;color:var(--text-color);display:flex;gap:12px;padding:8px 0}.cute-contact-item .anticon{color:#a8e6cf;color:var(--primary-color);font-size:16px}.cute-profile-tags{margin:24px 0}.tags-title{color:#333;color:var(--text-color);font-size:16px;font-weight:500;margin-bottom:16px!important}.cute-tag{background:#f0f9f5!important;border:1px solid #a8e6cf!important;border:1px solid var(--primary-color)!important;border-radius:16px!important;color:#a8e6cf!important;color:var(--primary-color)!important;font-size:13px!important;margin:4px!important;padding:6px 16px!important}.cute-profile-stats{margin-top:32px}.cute-stat-item{background:#f8f9fa;border:1px solid #eaeaea;border-radius:12px;padding:16px 12px;text-align:center;transition:all .2s ease}.cute-stat-item:hover{background:#fff;border-color:#ddd}.cute-stat-icon{color:#666;font-size:18px;margin-bottom:8px}.cute-stat-value{color:#333;color:var(--text-color);font-size:18px;font-weight:500;margin-bottom:4px}.cute-stat-label{color:#666;font-size:13px}.cute-edit-profile-btn{background:#a8e6cf!important;background:var(--primary-color)!important;border:none!important;border-radius:20px!important;color:#fff!important;font-weight:500!important;height:auto!important;padding:10px 24px!important;transition:all .2s ease!important}.cute-edit-profile-btn:hover{background:#8dd3bc!important;transform:translateY(-2px)}.cute-follow-btn{background:#ffd3b6!important;border:none!important;border-radius:20px!important;color:#333!important;font-weight:500!important;padding:10px 24px!important}.cute-message-btn{background:#0000!important;border:2px solid #a8e6cf!important;border:2px solid var(--primary-color)!important;border-radius:20px!important;color:#a8e6cf!important;color:var(--primary-color)!important;padding:8px 22px!important}.cute-message-btn:hover{background:#a8e6cf!important;background:var(--primary-color)!important;color:#fff!important}.ant-divider{border-color:#eaeaea!important;margin:24px 0!important}.ant-tabs-tab{color:#666!important;font-weight:500!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:#a8e6cf!important;color:var(--primary-color)!important}.ant-tabs-ink-bar{background-color:#a8e6cf!important;background-color:var(--primary-color)!important}.activity-item{background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .2s ease}.activity-item:hover{border-color:#a8e6cf;border-color:var(--primary-color)}.activity-time{color:#999;font-size:12px;margin-top:4px}.ant-modal-content{border-radius:16px!important}.ant-modal-header{background:#a8e6cf!important;background:var(--primary-color)!important;border-bottom:none!important}.ant-modal-title{color:#fff!important}.edit-avatar{border:3px solid #f0f0f0;transition:all .2s ease}.edit-avatar:hover{border-color:#a8e6cf;border-color:var(--primary-color)}@media (max-width:768px){.cute-profile-page{padding:16px}.cute-profile-card.simple-card{padding:24px 16px}.cute-profile-avatar{font-size:64px!important;height:160px!important;line-height:160px!important;width:160px!important}.cute-profile-name{font-size:24px}.cute-profile-bio{font-size:14px;padding:16px}.cute-profile-header{align-items:flex-start;flex-direction:column;gap:12px}.cute-stat-item{padding:14px 10px}.cute-stat-value{font-size:16px}.cute-stat-label{font-size:12px}}.post-detail{background:linear-gradient(135deg,#a8e6cf0d,#ffd3b60d 50%,#d8b4fe0d);margin:0 auto;max-width:1000px;min-height:100vh;padding:24px}.back-button{color:#ffaaa5!important;color:var(--macaron-coral)!important;font-weight:500!important;margin-bottom:24px!important;padding-left:0!important;transition:all .2s ease!important}.back-button:hover{color:#d8b4fe!important;color:var(--macaron-lavender)!important;transform:translateX(-4px)}.back-button .anticon{font-size:16px}.post-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#ffffffe6,#ffffffd9);border:2px solid #fff9;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #a8e6cf33,0 2px 8px #ffaaa51a;margin-bottom:32px;padding:40px;text-align:center}.post-meta{margin-bottom:24px}.post-category{background:linear-gradient(135deg,#a8e6cf,#b5deff)!important;background:linear-gradient(135deg,var(--macaron-mint),var(--macaron-blue))!important;border:none!important;border-radius:12px!important;color:#fff!important;font-weight:500;padding:4px 16px!important}.post-title{color:#5a5a5a!important;color:var(--text-color)!important;font-size:32px!important;font-weight:600!important;line-height:1.4!important;margin-bottom:20px!important}.post-excerpt{color:#777!important;font-size:18px!important;line-height:1.6!important;margin-bottom:32px!important;margin-left:auto!important;margin-right:auto!important;max-width:800px}.author-info{align-items:center;border-top:1px solid #a8e6cf33;display:flex;gap:16px;justify-content:center;padding-top:24px}.author-avatar{border:4px solid #fff!important;box-shadow:0 4px 12px #a8e6cf4d,0 0 0 2px #a8e6cf!important;box-shadow:0 4px 12px #a8e6cf4d,0 0 0 2px var(--macaron-mint)!important;cursor:pointer;transition:all .3s ease!important}.author-avatar:hover{box-shadow:0 8px 20px #a8e6cf66,0 0 0 2px #ffaaa5!important;box-shadow:0 8px 20px #a8e6cf66,0 0 0 2px var(--macaron-coral)!important;transform:scale(1.1)}.author-details{text-align:left}.author-name{color:#5a5a5a;color:var(--text-color);display:block;font-size:16px;font-weight:500}.author-bio{color:#888;font-size:14px}.post-cover{border:2px solid #fff9;border:2px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:32px;overflow:hidden}.cover-image{height:400px;object-fit:cover;transition:transform .5s ease;width:100%}.cover-image:hover{transform:scale(1.02)}.post-content-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#fffffff2,#ffffffe6)!important;border:2px solid #fff9!important;border:2px solid var(--border-color)!important;border-radius:20px!important;box-shadow:0 8px 32px #a8e6cf33,0 2px 8px #ffaaa51a!important;margin-bottom:32px;padding:40px!important}.post-content{color:#5a5a5a;color:var(--text-color);font-size:16px;line-height:1.8}.post-content h1,.post-content h2,.post-content h3,.post-content h4{color:#5a5a5a;color:var(--text-color);font-weight:600;margin-bottom:16px;margin-top:32px}.post-content h1{border-bottom:3px solid #a8e6cf;border-bottom:3px solid var(--macaron-mint);font-size:28px;padding-bottom:8px}.post-content h2{border-left:4px solid #ffaaa5;border-left:4px solid var(--macaron-coral);font-size:24px;padding-left:16px}.post-content p{margin-bottom:20px}.post-content code{background:#a8e6cf1a;border-radius:4px;color:#ffaaa5;color:var(--macaron-coral);font-family:SF Mono,Monaco,monospace;font-size:14px;padding:2px 6px}.post-content pre{background:#ffffffe6;border:1px solid #a8e6cf4d;border-radius:12px;margin:20px 0;overflow-x:auto;padding:20px}.post-content blockquote{background:#ffd3b61a;border-left:4px solid #ffd3b6;border-left:4px solid var(--macaron-peach);border-radius:0 12px 12px 0;font-style:italic;margin:20px 0;padding:12px 20px}.post-content ol,.post-content ul{margin-bottom:20px;padding-left:24px}.post-content li{margin-bottom:8px}.post-content a{border-bottom:1px dotted;color:#d8b4fe;color:var(--macaron-lavender);text-decoration:none}.post-content a:hover{border-bottom:1px solid;color:#ffaaa5;color:var(--macaron-coral)}.post-tags{margin-top:32px}.ant-divider{border-color:#a8e6cf4d!important}.ant-divider-inner-text{font-weight:500}.ant-divider-inner-text,.ant-tag-processing{color:#5a5a5a!important;color:var(--text-color)!important}.ant-tag-processing{background:#b5deff33!important;border:1px solid #b5deff!important;border:1px solid var(--macaron-blue)!important;border-radius:16px!important;cursor:pointer;padding:4px 12px!important;transition:all .2s ease!important}.ant-tag-processing:hover{background:linear-gradient(135deg,#b5deff,#d8b4fe)!important;background:linear-gradient(135deg,var(--macaron-blue),var(--macaron-lavender))!important;color:#fff!important;transform:translateY(-1px)}.ant-btn{border-radius:12px!important;transition:all .3s ease!important}.ant-btn:not(.ant-btn-danger):not(.ant-btn-primary){background:#ffffffe6!important;border:1px solid #a8e6cf4d!important;color:#5a5a5a!important;color:var(--text-color)!important}.ant-btn:hover:not(.ant-btn-danger):not(.ant-btn-primary){border-color:#a8e6cf!important;border-color:var(--macaron-mint)!important;box-shadow:0 4px 12px #a8e6cf33!important;transform:translateY(-2px)}.ant-btn-primary{background:linear-gradient(135deg,#a8e6cf,#ffaaa5)!important;background:linear-gradient(135deg,var(--macaron-mint),var(--macaron-coral))!important;border:none!important;box-shadow:0 4px 16px #a8e6cf4d!important}.ant-btn-primary:hover{box-shadow:0 6px 20px #a8e6cf66!important;transform:translateY(-2px)}.ant-btn-danger{background:linear-gradient(135deg,#ffaaa51a,#ffaaa51a)!important;border:1px solid #ffaaa5!important;border:1px solid var(--macaron-coral)!important;color:#ffaaa5!important;color:var(--macaron-coral)!important}.ant-btn-danger:hover{background:#ffaaa5!important;background:var(--macaron-coral)!important;box-shadow:0 4px 12px #ffaaa54d!important;color:#fff!important;transform:translateY(-2px)}.related-posts{background:linear-gradient(145deg,#ffffffe6,#ffffffd9);border:2px solid #fff9;border:2px solid var(--border-color);border-radius:16px;margin-bottom:32px;padding:24px;text-align:center}.comments-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#fffffff2,#ffffffe6)!important;border:2px solid #fff9!important;border:2px solid var(--border-color)!important;border-radius:20px!important;box-shadow:0 8px 32px #a8e6cf33,0 2px 8px #ffaaa51a!important}.comments-card .ant-card-head{border-bottom:1px solid #a8e6cf33!important}.comments-card .ant-card-head-title{color:#5a5a5a!important;color:var(--text-color)!important;font-size:18px!important;font-weight:600!important}.comments-section{padding:20px;text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}@media (max-width:768px){.post-detail{padding:16px}.post-header{padding:24px 16px}.post-title{font-size:24px!important}.post-excerpt{font-size:16px!important}.post-content-card{padding:24px 16px!important}.cover-image{height:250px}.author-info{flex-direction:column}.author-details,.author-info{text-align:center}.post-content{font-size:15px}.post-content h1{font-size:22px}.post-content h2{font-size:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comments-card,.post-content-card,.post-header{animation:fadeIn .5s ease-out}:root{--macaron-mint:#a8e6cf;--macaron-peach:#ffd3b6;--macaron-lavender:#d8b4fe;--macaron-blue:#b5deff;--macaron-coral:#ffaaa5;--border-color:#fff9}.write-post-page{background:linear-gradient(135deg,#a8e6cf0d,#ffd3b60d 50%,#d8b4fe0d);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.write-post-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#fffffff2,#ffffffd9)!important;border:2px solid #fff9!important;border:2px solid var(--border-color)!important;border-radius:20px!important;box-shadow:0 8px 32px #a8e6cf33,0 2px 8px #ffaaa51a,inset 0 0 0 1px #fffc!important;padding:32px!important;transition:all .3s ease}.write-post-card:hover{box-shadow:0 12px 40px #a8e6cf40,0 4px 16px #ffaaa526!important}.ant-form-item-label>label{color:#5a5a5a!important;color:var(--text-color)!important;font-size:15px!important;font-weight:500!important}.ant-input,.ant-input-affix-wrapper,.ant-input-textarea,.ant-select-selector{background:#ffffffe6!important;border:1px solid #a8e6cf4d!important;border-radius:12px!important;transition:all .3s ease!important}.ant-input-affix-wrapper:hover,.ant-input-textarea:hover,.ant-input:hover,.ant-select-selector:hover{border-color:#a8e6cf!important;border-color:var(--macaron-mint)!important;box-shadow:0 0 0 2px #a8e6cf1a!important}.ant-input-affix-wrapper-focused,.ant-input-textarea:focus,.ant-input:focus,.ant-select-focused .ant-select-selector{border-color:#a8e6cf!important;border-color:var(--macaron-mint)!important;box-shadow:0 0 0 2px #a8e6cf33!important}.ant-input-lg{font-size:20px!important;font-weight:500!important}.ant-upload-wrapper .ant-btn{background:linear-gradient(135deg,#b5deff,#d8b4fe)!important;background:linear-gradient(135deg,var(--macaron-blue),var(--macaron-lavender))!important;border:none!important;border-radius:12px!important;color:#fff!important;transition:all .3s ease!important}.ant-upload-wrapper .ant-btn:hover{box-shadow:0 4px 12px #b5deff66!important;transform:translateY(-2px)}.cover-preview{margin-top:12px;position:relative}.cover-preview img{border:2px solid #a8e6cf4d;border-radius:12px;height:200px;object-fit:cover;width:100%}.cover-preview .ant-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6!important;border-radius:8px!important;position:absolute;right:12px;top:12px}.tags-manager{background:linear-gradient(135deg,#ffebb41a,#b5deff1a);border:1px solid #a8e6cf33;border-radius:12px;padding:16px}.ant-tag{background:#b5deff33!important;border:1px solid #b5deff!important;border:1px solid var(--macaron-blue)!important;border-radius:16px!important;color:#5a5a5a!important;color:var(--text-color)!important;padding:4px 12px!important;transition:all .2s ease!important}.ant-tag:hover{background:linear-gradient(135deg,#b5deff,#d8b4fe)!important;background:linear-gradient(135deg,var(--macaron-blue),var(--macaron-lavender))!important;color:#fff!important;transform:translateY(-1px)}.tags-tip{color:#888;font-size:12px;margin-top:8px;text-align:right}.editor-mode-switch{display:flex;gap:12px;margin-bottom:16px}.editor-mode-switch .ant-btn{background:#ffffffe6!important;border:1px solid #a8e6cf4d!important;border-radius:12px!important;color:#5a5a5a!important;color:var(--text-color)!important;padding:8px 20px!important;transition:all .3s ease!important}.editor-mode-switch .ant-btn-primary{background:linear-gradient(135deg,#a8e6cf,#b5deff)!important;background:linear-gradient(135deg,var(--macaron-mint),var(--macaron-blue))!important;border:none!important;color:#fff!important}.editor-mode-switch .ant-btn:hover{box-shadow:0 4px 12px #a8e6cf33!important;transform:translateY(-2px)}.markdown-editor{background:#ffffffe6!important;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace!important;font-size:15px!important;line-height:1.6!important;padding:20px!important}.markdown-editor:focus{border-color:#a8e6cf!important;border-color:var(--macaron-mint)!important;box-shadow:0 0 0 2px #a8e6cf33!important}.preview-card{background:#fffffff2!important;border:1px solid #a8e6cf4d!important;border-radius:12px!important;padding:24px!important}.editor-tips{background:linear-gradient(135deg,#ffd3b61a,#d8b4fe1a);border-left:3px solid #ffaaa5;border-left:3px solid var(--macaron-coral);border-radius:8px;color:#666;font-size:13px;margin-top:12px;padding:12px 16px}.action-buttons{border-top:1px solid #a8e6cf33;display:flex;gap:20px;justify-content:center;padding-top:24px}.action-buttons .ant-btn{border-radius:16px!important;font-size:16px!important;font-weight:500!important;height:auto!important;min-width:120px;padding:12px 32px!important;transition:all .3s ease!important}.action-buttons .ant-btn-primary{background:linear-gradient(135deg,#a8e6cf,#ffaaa5)!important;background:linear-gradient(135deg,var(--macaron-mint),var(--macaron-coral))!important;border:none!important;box-shadow:0 4px 16px #a8e6cf4d!important}.action-buttons .ant-btn-primary:hover{box-shadow:0 8px 24px #a8e6cf66!important;transform:translateY(-3px)}.action-buttons .ant-btn:not(.ant-btn-primary):not(.ant-btn-danger){background:linear-gradient(135deg,#a8e6cf1a,#b5deff1a)!important;border:1px solid #a8e6cf!important;border:1px solid var(--macaron-mint)!important;color:#a8e6cf!important;color:var(--macaron-mint)!important}.action-buttons .ant-btn:not(.ant-btn-primary):not(.ant-btn-danger):hover{background:#a8e6cf!important;background:var(--macaron-mint)!important;color:#fff!important;transform:translateY(-2px)}.action-buttons .ant-btn-danger{background:linear-gradient(135deg,#ffaaa51a,#ffaaa51a)!important;border:1px solid #ffaaa5!important;border:1px solid var(--macaron-coral)!important;color:#ffaaa5!important;color:var(--macaron-coral)!important}.action-buttons .ant-btn-danger:hover{background:#ffaaa5!important;background:var(--macaron-coral)!important;color:#fff!important;transform:translateY(-2px)}@media (max-width:768px){.write-post-page{padding:16px}.write-post-card{padding:24px 16px!important}.ant-input-lg{font-size:18px!important}.editor-mode-switch{flex-wrap:wrap}.editor-mode-switch .ant-btn{flex:1 1;min-width:80px}.action-buttons{flex-direction:column;gap:12px}.action-buttons .ant-btn{padding:16px!important;width:100%}.cover-preview img{height:150px}}@keyframes gentleAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.write-post-card{animation:gentleAppear .5s ease-out}:root{--macaron-main:#a8e6cf;--macaron-light:#e8f7f1;--macaron-dark:#8dd3bc;--text-color:#5a5a5a;--border-color:#a8e6cf4d}.auth-page{align-items:center;background:linear-gradient(135deg,#a8e6cf1a,#a8e6cf0d);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-page:before{background:radial-gradient(circle at 30% 30%,#a8e6cf26 0,#0000 70%);height:200px;left:10%;top:10%;width:200px}.auth-page:after,.auth-page:before{border-radius:50%;content:"";position:absolute;z-index:0}.auth-page:after{background:radial-gradient(circle at 70% 70%,#a8e6cf1a 0,#0000 70%);bottom:15%;height:150px;right:15%;width:150px}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #a8e6cf4d;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #a8e6cf33,0 2px 8px #a8e6cf1a;max-width:420px;overflow:hidden;position:relative;transition:all .3s ease;width:100%;z-index:1}.auth-card:hover{box-shadow:0 12px 40px #a8e6cf40,0 4px 16px #a8e6cf26}.auth-card:before{background:linear-gradient(90deg,#a8e6cf,#8dd3bc);background:linear-gradient(90deg,var(--macaron-main),var(--macaron-dark));content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.auth-card .ant-tabs-nav{margin-bottom:32px}.auth-card .ant-tabs-tab{color:#5a5a5a;color:var(--text-color);font-size:16px;font-weight:500;opacity:.7;padding:16px 28px;transition:all .3s ease}.auth-card .ant-tabs-tab:hover{opacity:.9}.auth-card .ant-tabs-tab-active{color:#a8e6cf!important;color:var(--macaron-main)!important;font-weight:600;opacity:1}.auth-card .ant-tabs-ink-bar{background-color:#a8e6cf!important;background-color:var(--macaron-main)!important;height:2px}.auth-card .ant-form-item{margin-bottom:24px}.auth-card .ant-input-affix-wrapper{background:#fff;border:1px solid #a8e6cf4d;border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;transition:all .3s ease}.auth-card .ant-input-affix-wrapper:hover{border-color:#a8e6cf;border-color:var(--macaron-main)}.auth-card .ant-input-affix-wrapper-focused{border-color:#a8e6cf!important;border-color:var(--macaron-main)!important;box-shadow:0 0 0 2px #a8e6cf1a!important}.auth-card .ant-input{color:#5a5a5a;color:var(--text-color);font-size:15px}.auth-card .ant-input::placeholder{color:#aaa;font-weight:400}.auth-card .ant-input-affix-wrapper .anticon{color:#a8e6cf;color:var(--macaron-main);font-size:16px}.auth-card .ant-btn{border-radius:12px;font-size:16px;font-weight:500;height:48px;transition:all .3s ease}.auth-card .ant-btn-primary{background:#a8e6cf!important;background:var(--macaron-main)!important;border-color:#a8e6cf!important;border-color:var(--macaron-main)!important;color:#fff!important}.auth-card .ant-btn-primary:hover{background:#8dd3bc!important;background:var(--macaron-dark)!important;border-color:#8dd3bc!important;border-color:var(--macaron-dark)!important;box-shadow:0 4px 12px #8dd3bc4d;transform:translateY(-2px)}.auth-card .ant-btn-primary:active{transform:translateY(0)}.auth-card .ant-form-item:nth-last-child(2){margin-bottom:16px}.ant-checkbox-wrapper{color:#5a5a5a;color:var(--text-color)}.ant-checkbox-inner{border-color:#a8e6cf;border-color:var(--macaron-main);border-radius:4px}.ant-checkbox-checked .ant-checkbox-inner{background-color:#a8e6cf;background-color:var(--macaron-main);border-color:#a8e6cf;border-color:var(--macaron-main)}.auth-form-forgot{color:#a8e6cf;color:var(--macaron-main);float:right;font-weight:500;transition:color .3s ease}.auth-form-forgot:hover{color:#8dd3bc;color:var(--macaron-dark)}.auth-card .ant-form-item:last-child{margin-top:32px;position:relative}.auth-card .ant-form-item:last-child:before{background:linear-gradient(90deg,#0000,#a8e6cf4d,#0000);background:linear-gradient(90deg,#0000,var(--border-color),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:-16px}@media (max-width:576px){.auth-page{background:linear-gradient(135deg,#a8e6cf14,#a8e6cf08);padding:16px}.auth-card{border-radius:16px;max-width:340px}.auth-card:before{height:3px}.auth-card .ant-tabs-tab{font-size:15px;padding:14px 20px}.auth-card .ant-btn{font-size:15px;height:44px}.auth-page:after,.auth-page:before{opacity:.3}}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card{animation:cardAppear .5s ease-out}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.auth-page{animation:pageFadeIn .4s ease-out}.ant-form-item-has-success .ant-input{border-color:#a8e6cf!important;border-color:var(--macaron-main)!important}.ant-form-item-has-error .ant-input{border-color:#ff4d4f!important}.ant-input-password-icon{color:#a8e6cf!important;color:var(--macaron-main)!important}.ant-input-password-icon:hover{color:#8dd3bc!important;color:var(--macaron-dark)!important}.auth-card .ant-input-affix-wrapper:focus-within{box-shadow:0 0 0 3px #a8e6cf26}.not-found-content{align-items:center;background:#f0f2f5;display:flex;flex:1 1;justify-content:center}.app-layout{min-height:100vh}.app-header{align-items:center;display:flex;justify-content:space-between;padding:0 50px}.blog-logo{min-width:120px}.header-menu{border-bottom:none;flex:1 1;justify-content:center}.auth-menu-area{display:flex;justify-content:flex-end;min-width:120px}.app-content{background:#fff;min-height:calc(100vh - 134px);padding:24px 50px}.app-footer{align-items:center;display:flex;flex-direction:column;gap:16px;padding:24px 50px;text-align:center}.social-links{display:flex;gap:24px}@media (max-width:768px){.app-header{padding:0 20px}.app-content,.app-footer{padding:16px 20px}}