body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fffaf0f2);border-bottom:1px solid #ffb6c133;box-shadow:0 4px 20px #00000014;left:0;padding:0;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fffaf0fa);box-shadow:0 8px 32px #0000001a;padding:0}.header-top-decoration{background:linear-gradient(90deg,#ff9ec0,#ffb180,#9ec5ff,#b8e0d2);height:6px;overflow:hidden;position:relative}.cat-paw-line{animation:slidePaws 20s linear infinite;display:flex;left:0;position:absolute;top:0}.paw-icon{font-size:12px;margin:0 8px;opacity:.7}@keyframes slidePaws{0%{transform:translateX(-100px)}to{transform:translateX(100px)}}.header-container{height:80px;padding:0 24px}.logo-area{flex-shrink:0}.logo-link{align-items:center;display:flex;gap:16px;text-decoration:none;transition:transform .3s ease}.logo-link:hover{transform:translateY(-2px)}.logo-icon{align-items:center;background:linear-gradient(135deg,#ff9ec0,#ffb180);border-radius:50%;box-shadow:0 8px 20px #ff9ec04d;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.cat-face{height:40px;position:relative;width:40px}.cat-ear{background:#ff9ec0;height:16px;top:-8px;width:16px}.cat-ear.left{left:4px}.cat-ear.right{right:4px}.cat-eye{animation:blink 4s infinite;background:#333;border-radius:50%;height:8px;position:absolute;top:12px;width:8px}.cat-eye.left{left:6px}.cat-eye.right{right:6px}.cat-nose{height:6px;top:20px;width:6px}.cat-mouth,.cat-nose{background:#ff6b9d;left:50%;position:absolute;transform:translateX(-50%)}.cat-mouth{border-radius:0 0 6px 6px;height:4px;top:26px;width:12px}.cat-whisker{background:#333;height:1px;position:absolute;top:18px;width:12px}.left-whisker-1{left:-12px}.left-whisker-2{left:-12px;top:20px}.right-whisker-1{right:-12px}.right-whisker-2{right:-12px;top:20px}.logo-text{display:flex;flex-direction:column}.site-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6b9d,#ff8e53);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:900;letter-spacing:-.5px;margin:0}.site-subtitle{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;margin:4px 0 0}.nav-menu{align-items:center;display:flex;flex:1 1;gap:40px;margin:0 40px}.nav-list{display:flex;gap:8px;list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{align-items:center;border-radius:30px;color:#555;display:flex;font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;text-decoration:none;transition:all .3s ease}.nav-link:before{background:#ff6b9d1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.nav-link:hover:before{height:100%;width:100%}.nav-link:hover{color:#ff6b9d}.nav-link.active{background:linear-gradient(135deg,#ff9ec0,#ffb180);box-shadow:0 4px 12px #ff6b9d4d;color:#fff}.nav-icon{font-size:18px}.nav-text{white-space:nowrap}.search-container{flex:1 1;max-width:300px}.search-form{align-items:center;display:flex;position:relative}.search-input{background:#fffc;border:2px solid #ffb6c14d;border-radius:30px;font-size:14px;padding:12px 48px 12px 20px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#ff9ec0;box-shadow:0 0 0 3px #ff9ec033}.search-button{background:none;color:#666;padding:8px;position:absolute;right:8px;transition:color .3s ease}.search-button:hover{color:#ff6b9d}.user-area{flex-shrink:0}.user-profile{align-items:center;cursor:pointer;display:flex;gap:12px;position:relative}.avatar-image{background:linear-gradient(135deg,#ff9ec0,#ffb180) border-box;border:3px solid #0000;height:44px;transition:transform .3s ease;width:44px}.user-profile:hover .avatar-image{transform:scale(1.1)}.online-dot{background:#4cd964;border:2px solid #fff;bottom:2px;right:2px}.user-info{position:relative}.user-name{color:#333;white-space:nowrap}.user-menu{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;left:0;min-width:140px;opacity:0;padding:8px 0;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.user-profile:hover .user-menu{opacity:1;transform:translateY(5px);visibility:visible}.user-menu-item{background:none;border:none;color:#555;cursor:pointer;display:block;font-size:14px;padding:10px 20px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.user-menu-item:hover{background:#ffb6c11a;color:#ff6b9d}.login-button{align-items:center;background:linear-gradient(135deg,#ff9ec0,#ffb180);border:none;border-radius:30px;box-shadow:0 4px 12px #ff6b9d4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.login-button:hover{box-shadow:0 8px 20px #ff6b9d66;transform:translateY(-2px)}.login-icon{font-size:16px}.login-text{white-space:nowrap}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-between;padding:0;width:30px;z-index:1001}.menu-line{background:#333;border-radius:3px;display:block;height:3px;transition:all .3s ease;width:100%}.menu-toggle.open .menu-line.top{transform:translateY(10px) rotate(45deg)}.menu-toggle.open .menu-line.middle{opacity:0}.menu-toggle.open .menu-line.bottom{transform:translateY(-10px) rotate(-45deg)}.floating-cat-decoration{display:flex;gap:4px;pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.floating-cat{font-size:20px;opacity:.6}@media (max-width:1024px){.nav-menu{gap:20px;margin:0 20px}.nav-list{gap:4px}.nav-link{font-size:14px;padding:10px 16px}.search-container{max-width:250px}}@media (max-width:768px){.header-container{padding:0 16px}.menu-toggle{display:flex}.nav-menu{background:#fff;box-shadow:0 10px 40px #0000001a;flex-direction:column;gap:16px;left:0;margin:0;opacity:0;padding:24px;position:fixed;right:0;top:80px;transform:translateY(-100%);transition:all .4s ease;visibility:hidden}.nav-menu.open{opacity:1;transform:translateY(0);visibility:visible}.nav-list{flex-direction:column}.nav-item,.nav-list{width:100%}.nav-link{justify-content:center;padding:16px}.search-container{max-width:100%;order:-1}.floating-cat-decoration{display:none}.site-title{font-size:20px}.logo-icon{height:50px;width:50px}}@media (max-width:480px){.header-container{height:70px}.login-button .login-text,.logo-text,.user-name{display:none}.login-button{padding:12px}.nav-menu{top:70px}}@media (prefers-color-scheme:dark){.header{background:linear-gradient(135deg,#1e1e28f2,#282332f2);border-bottom-color:#ffb6c11a}.header.scrolled{background:linear-gradient(135deg,#1e1e28fa,#282332fa)}.header-top-decoration{background:linear-gradient(90deg,#ff6b9d,#ff8e53,#6b9dff,#8ed2b2)}.logo-icon{background:linear-gradient(135deg,#ff6b9d,#ff8e53)}.cat-ear{background:#ff6b9d}.site-subtitle{color:#aaa}.nav-link{color:#ccc}.nav-link.active{background:linear-gradient(135deg,#ff6b9d,#ff8e53)}.search-input{background:#282832cc;border-color:#ffb6c133;color:#ccc}.search-input:focus{background:#32323c}.search-button{color:#aaa}.user-name{color:#ddd}.user-menu{background:#2a2a3a}.user-menu-item{color:#ccc}.menu-line{background:#ddd}.nav-menu{background:#2a2a3a}}.user-profile-wrapper{position:relative}.user-profile-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50px;cursor:pointer;display:flex;gap:10px;padding:8px 16px;position:relative;transition:all var(--transition-fast)}.user-profile-btn.active,.user-profile-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.user-profile-btn.active{box-shadow:0 0 0 3px #ff8e6e1a;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,255,142,110),.1)}.user-avatar{height:36px;width:36px}.avatar-image{border:2px solid var(--primary-color)}.online-dot{background:var(--success-color);border:2px solid var(--bg-primary);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.user-name{color:var(--text-primary);font-size:14px}.user-menu-arrow{font-size:10px;opacity:.6;transition:transform var(--transition-fast)}.user-profile-btn.active .user-menu-arrow{transform:rotate(180deg)}.user-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:10px;opacity:0;position:absolute;right:12px;top:87%;transform:translateY(-10px);transition:all var(--transition-normal);visibility:hidden;width:280px;z-index:1000}.user-dropdown-menu.open{opacity:1;transform:translateY(0);visibility:visible}.user-dropdown-header{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;gap:15px;padding:20px}.dropdown-avatar{border:3px solid var(--primary-color);border-radius:50%;height:60px;object-fit:cover;width:60px}.dropdown-user-info{flex:1 1;min-width:0}.dropdown-user-info strong{color:var(--text-primary);display:block;font-size:16px;margin-bottom:4px}.dropdown-user-info small{color:var(--text-secondary);display:block;font-size:12px;margin-bottom:4px}.user-email{color:var(--text-light);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{background:var(--border-color);height:1px;margin:8px 0}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:12px;padding:12px 20px;text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item.logout{color:var(--error-color)}.dropdown-item.logout:hover{background:#ef476f1a;background:rgba(var(--error-color-rgb,239,71,111),.1)}.dropdown-icon{font-size:18px;text-align:center;width:24px}.dropdown-text{flex:1 1}.user-nav-item{display:none}@media (max-width:992px){.user-menu-arrow,.user-name{display:none}.user-profile-btn{padding:8px}.user-nav-item{display:block}.user-dropdown-menu{right:-10px;width:240px}}@media (max-width:768px){.user-dropdown-menu{left:15px;margin:0 auto;max-width:400px;position:fixed;right:15px;top:70px;top:var(--header-height,70px);width:auto}.user-profile-wrapper{order:3}}.user-dropdown-overlay{bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.user-dropdown-menu.open+.user-dropdown-overlay{display:block}.app-footer{align-items:center;background:#f0f2f5;color:#000000a6;display:flex;flex-direction:column;gap:10px;padding:24px 50px;text-align:center}.social-links{margin:10px 0}.social-links .ant-typography-link{transition:color .3s ease}.social-links .ant-typography-link:hover .anticon{color:#1890ff!important}.post-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg,#fff);border:1px solid #ffffff80;border-radius:24px;box-shadow:0 8px 32px #00000014;color:#333;display:block;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.post-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-12px) scale(1.02)}.post-card.featured{border:2px solid var(--card-accent);box-shadow:0 12px 40px #0000001f}.card-cat-ears{display:flex;justify-content:space-between;left:0;padding:0 40px;pointer-events:none;position:absolute;right:0;top:-20px;z-index:10}.cat-ear{background:var(--card-bg);border:2px solid var(--card-accent);border-bottom:none;height:40px;width:40px}.cat-ear.left-ear{transform:rotate(-20deg)}.cat-ear.right-ear{transform:rotate(20deg)}.card-cat-tail{background:linear-gradient(90deg,var(--card-accent),#0000);border-radius:6px;height:12px;opacity:.7;position:absolute;right:-20px;top:50%;transform:rotate(-45deg);transform-origin:left center;transition:transform .3s ease;width:60px}.card-cat-tail.wagging{animation:wagTail .5s infinite alternate}@keyframes wagTail{0%{transform:rotate(-35deg)}to{transform:rotate(-55deg)}}.post-cover{height:220px;overflow:hidden;position:relative}.cover-image{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.post-card:hover .cover-image{transform:scale(1.1)}.cover-overlay{align-items:flex-start;background:linear-gradient(180deg,#0000 60%,#0000004d);bottom:0;justify-content:space-between;padding:20px;right:0}.category-badge{align-items:center;color:#fff}.category-badge,.featured-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000001a;display:inline-flex;font-size:14px;gap:6px;padding:8px 16px}.featured-badge{animation:twinkle 2s infinite;background:linear-gradient(135deg,gold,orange)}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.8}}.post-content{padding:24px}.post-header{margin-bottom:20px}.post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#222;display:-webkit-box;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 12px;overflow:hidden}.post-excerpt{-webkit-line-clamp:3;font-size:15px;margin:0}.post-meta{align-items:center;border-bottom:1px dashed #0000001a;margin-bottom:20px;padding-bottom:16px}.meta-item{font-size:14px;gap:8px}.author-avatar{border:2px solid #fff;box-shadow:0 2px 8px #0000001a;height:32px;width:32px}.author-name{color:#555}.meta-icon{opacity:.7}.post-stats{background:#ffffff80;border-radius:12px;justify-content:space-between;margin-bottom:20px;padding:12px}.stat-item{align-items:center;display:flex;gap:6px}.stat-icon{font-size:16px}.stat-value{color:#555;font-size:14px;font-weight:600}.like-button{align-items:center;background:none;background:#ff6b9d1a;border:none;border-radius:20px;cursor:pointer;display:flex;gap:6px;padding:6px 12px;transition:all .3s ease}.like-button:hover{transform:scale(1.05)}.like-button.liked,.like-button:hover{background:#ff6b9d33}.like-button.liked .heart-icon{animation:heartBeat .6s ease}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.heart-icon{font-size:16px}.like-count{color:var(--card-accent);font-size:14px;font-weight:600}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tag{border-radius:16px;font-size:13px;font-weight:500;padding:6px 12px;transition:all .3s ease}.post-card:hover .tag{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.post-footer{border-top:1px solid #0000001a;padding-top:16px}.bookmark-button{background:none;background:#ffd7001a;border:none;border-radius:50%;cursor:pointer;font-size:20px;padding:8px;transition:all .3s ease}.bookmark-button:hover{background:#ffd70033;transform:rotate(15deg)}.bookmark-button.bookmarked{animation:bookmarkPop .5s ease;background:#ffd7004d}@keyframes bookmarkPop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.read-more{color:var(--card-accent);display:flex;gap:12px;transition:all .3s ease}.post-card:hover .read-more{transform:translateX(5px)}.paw-trail{gap:4px;opacity:0;transition:opacity .3s ease}.post-card:hover .paw-trail{opacity:.7}.paw{animation:pawWalk 1s infinite;font-size:14px}.paw:nth-child(2){animation-delay:.2s}.paw:nth-child(3){animation-delay:.4s}.hover-cat-decoration{pointer-events:none;position:absolute;right:-30px;top:-30px;z-index:5}.floating-cat{animation:floatIn .6s ease-out,floatUpDown 2s .6s infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:40px}@keyframes floatIn{0%{opacity:0;transform:translate(20px,20px) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.post-card{max-width:100%}.post-title{font-size:20px}.card-cat-ears{padding:0 30px}.cat-ear{height:30px;width:30px}}@media (max-width:768px){.post-cover{height:180px}.post-content{padding:20px}.post-title{font-size:18px}.post-excerpt{-webkit-line-clamp:2;font-size:14px}.card-cat-ears{padding:0 20px}.cat-ear{height:25px;width:25px}.hover-cat-decoration{display:none}}@media (max-width:480px){.post-meta{align-items:flex-start;flex-direction:column;gap:12px}.post-stats{flex-wrap:wrap;gap:12px;justify-content:flex-start}.card-cat-tail{display:none}}@media (prefers-color-scheme:dark){.post-card{background:#282832cc;border-color:#ffffff1a}.post-title{color:#fff}.post-excerpt{color:#aaa}.author-name{color:#ccc}.post-meta{border-bottom-color:#ffffff1a}.post-stats{background:#ffffff0d}.stat-value{color:#ccc}.like-button{background:#ff6b9d33}.post-footer{border-top-color:#ffffff1a}.bookmark-button{background:#ffd70033}}.home-page{background:linear-gradient(180deg,#f8f9fa,#fff);min-height:100vh;overflow-x:hidden;position:relative}.cat-ears-decoration{height:100px;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.cat-ear{background:#ff9a9e;background:var(--primary-light);height:80px;opacity:.1;position:absolute;top:-30px;width:60px}.cat-ear.left-ear{left:10%}.cat-ear.right-ear{right:10%}.home-loading{align-items:center;display:flex;justify-content:center;min-height:80vh}.cat-emoji{animation:bounce 1s infinite alternate;margin-bottom:2rem}.loading-dots{margin-bottom:1.5rem}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:80px 0 60px;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0h100v100Z' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");background-size:100% auto;content:"";height:100%;left:0;opacity:.2;position:absolute;right:0;top:0}.hero-container{padding:0 20px;position:relative;z-index:2}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.hero-text{animation:slide-up .8s ease}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-title .highlight{color:gold;position:relative}.hero-title .highlight:after{background:#ffd70033;bottom:5px;content:"";height:8px;left:0;position:absolute;width:100%;z-index:-1}.cat-emoji-large{animation:float 3s ease-in-out infinite;font-size:4rem;margin-left:15px}.hero-subtitle{font-size:1.3rem;margin-bottom:2.5rem;max-width:500px;opacity:.9}.hero-stats{display:flex;gap:40px;margin-bottom:2.5rem}.stat{text-align:center}.stat-number{font-size:2.5rem;margin-bottom:5px}.hero-actions{display:flex;gap:20px}.btn-primary,.btn-secondary{align-items:center;border:2px solid #0000;border-radius:16px;border-radius:var(--radius-lg);display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.btn-primary{background:#fff;color:#6c5ce7;color:var(--secondary-color)}.btn-primary:hover{box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn-secondary{background:#0000;border-color:#ffffff4d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff}.btn-icon{font-size:1.2rem}.hero-image{animation:slide-up .8s ease .2s both;position:relative}.floating-cat{font-size:8rem;position:relative;text-align:center}.cat-shadow{background:#0003;border-radius:50%;bottom:-20px;filter:blur(5px);height:20px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.paw-prints{bottom:20px;display:flex;justify-content:space-around;left:0;right:0}.paw{animation:fade-in-out 2s infinite;font-size:1.5rem;opacity:.5}.paw:first-child{animation-delay:0s}.paw:nth-child(2){animation-delay:.5s}.paw:nth-child(3){animation-delay:1s}@keyframes fade-in-out{0%,to{opacity:.2}50%{opacity:.8}}.featured-section{background:#fff;padding:80px 0}.section-header.with-filter{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;text-align:left}.section-title{display:inline-flex}.title-icon{font-size:2rem}.section-subtitle{font-size:1.2rem}.featured-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:0 20px}.featured-card{animation:slide-up .6s ease forwards;animation-delay:0s;animation-delay:var(--delay,0s);opacity:0}.featured-card-inner{background:#fff;border:1px solid #dfe6e9;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);height:100%;overflow:hidden;transition:all .3s ease}.featured-card-inner:hover{box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.featured-image{height:220px;overflow:hidden;position:relative}.featured-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.featured-card-inner:hover .featured-image img{transform:scale(1.05)}.featured-badge{background:linear-gradient(135deg,#ff6b6b,#ff9a9e);background:var(--gradient-primary);border-radius:20px;color:#fff;left:20px;padding:6px 15px;position:absolute;top:20px}.featured-content{padding:25px}.post-category{align-items:center;background:#f8f9fa;background:var(--background-light);border-radius:20px;color:#636e72;color:var(--text-secondary);display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:15px;padding:6px 15px}.featured-title{color:#2d3436;color:var(--text-primary);font-size:1.4rem;font-weight:700;line-height:1.4;margin-bottom:15px}.featured-excerpt{color:#636e72;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:20px}.featured-meta{align-items:center;border-bottom:1px solid #dfe6e9;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.author-info{gap:10px}.author-avatar{border:2px solid #ff9a9e;border:2px solid var(--primary-light);height:36px;width:36px}.author-name{font-size:.95rem;font-weight:600}.post-stats{gap:15px}.stat{color:#636e72;color:var(--text-secondary);display:flex;font-size:.9rem;gap:5px}.read-more,.stat{align-items:center}.read-more{color:#ff6b6b;color:var(--primary-color);display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;text-decoration:none;transition:gap .3s ease}.read-more:hover{gap:12px}.arrow{font-size:1.2rem;transition:transform .3s ease}.read-more:hover .arrow{transform:translateX(5px)}.main-content{background:#f8f9fa;background:var(--background-light);padding:60px 0}.content-wrapper{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.category-filter{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{align-items:center;background:#fff;border:2px solid #dfe6e9;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);color:#636e72;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.filter-btn:hover{border-color:#ff9a9e;border-color:var(--primary-light);color:#ff6b6b;color:var(--primary-color)}.filter-btn.active{background:#ff6b6b;background:var(--primary-color);border-color:#ff6b6b;border-color:var(--primary-color);color:#fff}.filter-icon{font-size:1.1rem}.category-count{background:#fff3;padding:2px 8px}.posts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.no-posts{grid-column:1/-1;padding:80px 20px}.no-posts-cat{font-size:4rem;margin-bottom:20px}.no-posts h3{color:#2d3436;color:var(--text-primary);font-size:1.8rem;margin-bottom:10px}.no-posts p{color:#636e72;color:var(--text-secondary);font-size:1.1rem}.sidebar{display:flex;flex-direction:column;gap:30px}.widget{background:#fff;border:1px solid #dfe6e9;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);padding:25px;transition:transform .3s ease}.widget:hover{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.widget-header{border-bottom:2px solid #dfe6e9;border-bottom:2px solid var(--border-color);margin-bottom:20px;padding-bottom:15px}.widget-title{font-size:1.3rem}.cat-mood{animation:bounce 1s infinite alternate;font-size:2rem}.cat-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.cat-stat{background:#f8f9fa;background:var(--background-light);text-align:center}.cat-stat,.cat-tip{border-radius:12px;border-radius:var(--radius-md);padding:15px}.cat-tip{align-items:center;background:linear-gradient(135deg,#a8edea,#fed6e3);display:flex;font-size:.95rem;gap:10px}.popular-list{display:flex;flex-direction:column;gap:15px}.popular-item{align-items:center;background:#f8f9fa;background:var(--background-light);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:15px;padding:15px;text-decoration:none;transition:all .3s ease}.popular-item:hover{background:#fff;border-color:#ff9a9e;border-color:var(--primary-light);transform:translateX(5px)}.popular-rank{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff9a9e);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.popular-content{flex:1 1}.popular-title{color:#2d3436;color:var(--text-primary);font-size:.95rem;line-height:1.4;margin-bottom:5px}.popular-meta{gap:15px}.meta-item{color:#636e72;color:var(--text-secondary);font-size:.85rem}.categories-list{display:flex;flex-direction:column;gap:10px}.category-item{align-items:center;background:#f8f9fa;background:var(--background-light);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:15px;padding:15px;text-decoration:none;transition:all .3s ease}.category-item:hover{background:#fff;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);transform:translateX(5px)}.category-icon{background:linear-gradient(135deg,#ff6b6b,#ff9a9e);background:var(--gradient-primary);border-radius:50%;color:#fff;height:40px;justify-content:center;width:40px}.category-icon,.category-info{align-items:center;display:flex}.category-info{flex:1 1;justify-content:space-between}.category-name{color:#2d3436;color:var(--text-primary)}.category-count{background:#0000000d;border-radius:10px;color:#636e72;color:var(--text-secondary);font-size:.85rem;padding:3px 10px}.fact-content{text-align:center}.fact-cat{animation:spin 3s linear infinite;font-size:3rem;margin-bottom:15px}.fact-text{color:#636e72;color:var(--text-secondary);font-size:1rem;margin-bottom:20px}.refresh-fact{align-items:center;background:#f8f9fa;background:var(--background-light);border:none;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 20px;transition:all .3s ease}.refresh-fact:hover{background:#ff9a9e;background:var(--primary-light);color:#fff}.activity-item{align-items:center;border-bottom:1px solid #dfe6e9;border-bottom:1px solid var(--border-color);display:flex;gap:15px;padding:15px 0}.activity-item:last-child{border-bottom:none}.activity-avatar{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:var(--gradient-secondary);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-content p{font-size:.95rem;margin-bottom:5px}.activity-time{color:#636e72;color:var(--text-secondary);font-size:.85rem}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0}.cta-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.cta-content{animation:slide-right .8s ease}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-text{font-size:1.2rem;margin-bottom:30px;max-width:500px;opacity:.9}.cta-actions{display:flex;gap:20px}.cta-button{align-items:center;border-radius:16px;border-radius:var(--radius-lg);display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:#fff;color:#6c5ce7;color:var(--secondary-color)}.cta-button.primary:hover{box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.cta-button.secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.cta-button.secondary:hover{background:#ffffff1a;border-color:#fff}.cta-image{animation:slide-left .8s ease}.cta-cats{height:200px;position:relative}.cta-cat{animation:float 3s ease-in-out infinite;font-size:4rem;position:absolute}.cat-1{left:20%;top:0}.cat-2{left:50%;top:50%}.cat-3{right:20%;top:20px}@keyframes slide-right{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.home-footer-decoration{background:#2d3436;background:var(--background-dark);overflow:hidden;padding:40px 0;position:relative}.running-cats{display:flex;gap:40px;justify-content:center;margin-bottom:30px}.running-cat{animation:run 20s linear infinite;font-size:3rem}.running-cat:first-child{animation-delay:0s}.running-cat:nth-child(2){animation-delay:5s}.running-cat:nth-child(3){animation-delay:10s}.running-cat:nth-child(4){animation-delay:15s}.paw-trail{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;opacity:.3}.paw-print{animation:fade-in-out 3s infinite}@keyframes run{0%{transform:translateX(-100vw)}to{transform:translateX(100vw)}}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.featured-grid{grid-template-columns:repeat(2,1fr)}.content-wrapper{grid-template-columns:1fr}.section-header.with-filter{align-items:flex-start;flex-direction:column;gap:20px}.cta-container{grid-template-columns:1fr;text-align:center}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-stats{flex-direction:column;gap:20px}.hero-actions{align-items:center;flex-direction:column}.featured-grid,.posts-grid{grid-template-columns:1fr}.category-filter{overflow-x:auto;padding-bottom:10px}.cta-actions{align-items:center;flex-direction:column}.cta-button{justify-content:center;width:100%}}@media (max-width:480px){.hero-title{font-size:2rem}.cat-emoji-large{font-size:3rem}.section-title{font-size:2rem}.widget{padding:20px}}.about-page{background:linear-gradient(180deg,#fff9f0,#fff);min-height:100vh;overflow-x:hidden;position:relative}.about-loading{align-items:center;display:flex;justify-content:center;min-height:100vh;text-align:center}.loading-cat{animation:float 2s ease-in-out infinite}.loading-cat .cat{animation:catBounce 1s infinite;display:block;font-size:80px;margin-bottom:20px}@keyframes catBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.loading-text{font-size:20px;font-weight:600}.loading-paws{display:flex;gap:15px;justify-content:center}.loading-paws .paw{animation:pawWalk 1.5s infinite;font-size:24px;opacity:.3}.loading-paws .paw:nth-child(2){animation-delay:.3s}.loading-paws .paw:nth-child(3){animation-delay:.6s}@keyframes pawWalk{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.about-hero{background:linear-gradient(135deg,#ffd6e7,#c1f0ff);border-radius:0 0 40px 40px;overflow:hidden;padding:120px 20px 80px;position:relative}.hero-container{margin:0 auto;max-width:1200px}.hero-content{position:relative;text-align:center;z-index:2}.hero-title{align-items:center;color:#333;display:flex;font-size:56px;font-weight:900;gap:20px;justify-content:center;margin:0 0 24px}.title-cat{animation:catWave 2s infinite;font-size:48px}@keyframes catWave{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.hero-subtitle{color:#666;font-size:20px;line-height:1.6;margin:0 auto 60px;max-width:600px}.hero-cats{height:120px;position:relative}.floating-cat{animation:floatCat 3s ease-in-out infinite;font-size:50px}.cat-1{top:20px}.cat-2{animation-delay:.5s;left:25%;top:40px}.cat-3{animation-delay:1s;left:65%;top:10px}.cat-4{animation-delay:1.5s;left:80%;top:60px}@keyframes floatCat{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.about-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #ffb6c133;box-shadow:0 4px 20px #0000000d;position:-webkit-sticky;position:sticky;top:80px;z-index:100}.tabs-container{display:flex;gap:4px;justify-content:center;margin:0 auto;max-width:1200px;overflow-x:auto;padding:20px}.tab-button{align-items:center;background:#0000;border:2px solid #0000;border-radius:30px;color:#666;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#ffb6c11a;color:#ff6b9d;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#ff6b9d,#ff8e53);border-color:#0000;box-shadow:0 8px 20px #ff6b9d4d;color:#fff}.tab-icon{font-size:20px}.about-content{margin:0 auto;max-width:1200px;padding:60px 20px}.stats-section{margin-bottom:80px}.stats-container{background:linear-gradient(135deg,#fff9f0,#fff);border:2px solid #ffb6c14d;border-radius:30px;box-shadow:0 20px 60px #00000014;padding:60px}.stats-header{margin-bottom:60px;text-align:center}.stats-title{color:#333;font-size:36px;font-weight:800;gap:16px;justify-content:center;margin:0 0 16px}.stats-icon{font-size:32px}.stats-subtitle{color:#666;font-size:18px;margin:0}.stats-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#fff;border:1px solid #ffb6c133;border-radius:24px;box-shadow:0 8px 32px #0000000d;padding:40px 30px;transition:all .4s ease}.stat-card:hover{box-shadow:0 20px 60px #0000001a;transform:translateY(-10px)}.stat-icon{font-size:48px}.stat-icon,.stat-info{margin-bottom:20px}.stat-number{color:#ff6b9d;font-size:56px;font-weight:900;line-height:1;margin-bottom:12px;transition:all 1.5s ease}.stat-label{color:#666;font-size:18px;font-weight:600}.stat-cat{bottom:20px;font-size:32px;opacity:.2;right:20px}.section-container{margin:0 auto;max-width:1000px}.section-header{margin-bottom:60px}.section-title{font-size:36px;font-weight:800;gap:16px;margin:0 0 16px}.section-icon{font-size:32px}.section-subtitle{font-size:18px;margin:0}.story-section{margin-bottom:80px}.story-content{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr}.story-text{color:#333;font-size:18px;line-height:1.8}.html-content h2{border-bottom:3px solid #ff6b9d;color:#333;font-size:28px;font-weight:800;margin:40px 0 20px;padding-bottom:12px}.html-content h3{border-left:4px solid #ff8e53;color:#555;font-size:22px;font-weight:700;margin:30px 0 16px;padding-left:20px}.html-content p{margin:0 0 24px;text-align:justify}.html-content ul{margin:0 0 24px;padding-left:30px}.html-content li{margin-bottom:12px;position:relative}.html-content li:before{content:"🐾";left:-25px;opacity:.5;position:absolute}.cat-timeline{padding:40px 0;position:relative}.cat-timeline:before{background:linear-gradient(180deg,#ff6b9d,#ff8e53);border-radius:2px;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.timeline-item{align-items:center;display:flex;justify-content:center;margin-bottom:60px;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-dot{background:#fff;border:4px solid #ff6b9d;border-radius:50%;box-shadow:0 4px 12px #ff6b9d4d;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:20px;z-index:2}.timeline-content{background:#fff;border:1px solid #ffb6c133;border-radius:20px;box-shadow:0 8px 32px #00000014;padding:24px;position:relative;width:45%}.timeline-year{color:#ff6b9d;font-size:20px;font-weight:800;margin-bottom:8px}.timeline-text{color:#333;font-size:16px;line-height:1.6}.timeline-cat{font-size:32px;position:absolute;top:-20px}.timeline-item:nth-child(odd) .timeline-cat{right:-15px}.timeline-item:nth-child(2n) .timeline-cat{left:-15px}.team-section{margin-bottom:80px}.team-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.team-card{animation:cardAppear .6s ease var(--delay) both;background:#fff;border:1px solid #ffb6c133;border-radius:24px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:40px;position:relative;text-align:center;transition:all .4s ease}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.team-card:hover{box-shadow:0 20px 60px #0000001f;transform:translateY(-10px)}.member-avatar{height:120px;margin:0 auto 30px;position:relative;width:120px}.avatar-image{background:linear-gradient(135deg,#ff6b9d,#ff8e53) border-box;border:4px solid #0000;border-radius:50%;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.avatar-decoration{display:flex;gap:40px;justify-content:center;left:0;position:absolute;right:0;top:-15px}.cat-ear{background:linear-gradient(135deg,#ff6b9d,#ff8e53);border-radius:50% 50% 0 0;height:20px;width:20px}.cat-ear.left{transform:rotate(-20deg)}.cat-ear.right{transform:rotate(20deg)}.member-info{margin-bottom:30px}.member-name{color:#333;font-size:24px;font-weight:800;margin:0 0 8px}.member-role{background:#ff6b9d1a;border-radius:20px;color:#ff6b9d;display:inline-block;font-size:16px;font-weight:600;margin-bottom:16px;padding:6px 16px}.member-bio{color:#666;font-size:16px;line-height:1.6;margin:0}.member-stats{border-bottom:1px dashed #0000001a;display:flex;gap:20px;justify-content:center;margin-bottom:30px;padding-bottom:30px}.member-stat{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.member-stat .stat-icon{font-size:16px;margin:0}.member-cat{bottom:20px;opacity:.3;position:absolute;right:20px}.cat-emoji{font-size:24px}.mission-section{margin-bottom:80px}.mission-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:60px}.mission-card{background:#fff;border:1px solid #ffb6c133;border-radius:24px;box-shadow:0 8px 32px #00000014;padding:40px 30px;text-align:center;transition:all .3s ease}.mission-card:hover{border-color:#ff6b9d4d;box-shadow:0 16px 48px #0000001f;transform:translateY(-8px)}.card-icon{display:block;font-size:48px;margin-bottom:24px}.card-title{font-size:20px;font-weight:800;margin:0 0 16px}.card-text{color:#666;font-size:16px;line-height:1.6;margin:0}.mission-vision{background:linear-gradient(135deg,#ffd6e74d,#c1f0ff4d);border:1px solid #ffb6c133;border-radius:24px;padding:60px;text-align:center}.vision-title{color:#333;font-size:28px;font-weight:800;margin:0 0 30px}.vision-content{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.vision-text{color:#555;flex:1 1;font-size:20px;font-style:italic;line-height:1.8;min-width:300px}.vision-cat{animation:catWave 3s infinite;font-size:60px}.contact-section{margin-bottom:80px}.contact-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr}.contact-info{display:flex;flex-direction:column;gap:30px}.info-card{background:#fff;border:1px solid #ffb6c133;border-radius:24px;box-shadow:0 8px 32px #00000014;padding:40px;position:relative;text-align:center;transition:all .3s ease}.info-card:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-8px)}.info-icon{display:block;font-size:48px;margin-bottom:24px}.info-title{color:#333;font-size:20px;font-weight:800;margin:0 0 16px}.info-text{color:#666;font-size:18px;margin:0 0 20px}.info-cat{bottom:20px;font-size:32px;opacity:.2;position:absolute;right:20px}.social-links{display:flex;flex-direction:column;gap:12px}.social-link{background:#ffb6c11a;border-radius:20px;color:#666;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#ff6b9d33;color:#ff6b9d;transform:translateX(5px)}.twitter:hover{background:#1da1f233;color:#1da1f2}.weibo:hover{background:#e6162d33;color:#e6162d}.wechat:hover{background:#07c16033;color:#07c160}.contact-form{background:#fff;border:1px solid #ffb6c133;border-radius:24px;box-shadow:0 8px 32px #00000014;padding:40px}.form-title{color:#333;font-size:24px;font-weight:800;margin:0 0 30px;text-align:center}.message-form{display:flex;flex-direction:column;gap:24px}.form-group{width:100%}.form-input,.form-textarea{background:#fff;border:2px solid #ffb6c14d;border-radius:20px;font-size:16px;outline:none;padding:18px 24px;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d1a}.form-textarea{min-height:120px}.submit-button{background:linear-gradient(135deg,#ff6b9d,#ff8e53);border-radius:30px;font-size:18px}.submit-button:hover{box-shadow:0 12px 40px #ff6b9d4d;transform:translateY(-5px)}.submit-icon{font-size:20px}.cat-facts-section{background:linear-gradient(135deg,#ffd6e733,#c1f0ff33);border:1px solid #ffb6c133;border-radius:40px;margin-bottom:80px;padding:60px}.facts-container{text-align:center}.facts-header{margin-bottom:40px}.facts-title{align-items:center;color:#333;display:flex;font-size:36px;font-weight:800;gap:16px;justify-content:center;margin:0 0 16px}.facts-icon{font-size:32px}.facts-subtitle{color:#666;font-size:18px;margin:0}.facts-carousel{align-items:center;display:flex;justify-content:center;margin-bottom:40px;min-height:120px}.fact-item{margin:0 auto;max-width:800px}.fact-cat{animation:factCatFloat 2s infinite;display:block;font-size:48px;margin-bottom:24px}@keyframes factCatFloat{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.fact-text{color:#333;font-size:24px;font-style:italic;line-height:1.6;margin:0}.facts-controls{gap:12px}.fact-dot,.facts-controls{display:flex;justify-content:center}.fact-dot{align-items:center;background:#ffb6c133;border:none;border-radius:50%;cursor:pointer;height:50px;transition:all .3s ease;width:50px}.fact-dot:hover{background:#ff6b9d4d;transform:scale(1.1)}.fact-dot.active{background:linear-gradient(135deg,#ff6b9d,#ff8e53)}.dot-cat{font-size:20px}.join-section{background:linear-gradient(135deg,#ff6b9d,#ff8e53);border-radius:40px;color:#fff;margin-bottom:80px;overflow:hidden;padding:80px 60px;position:relative}.join-container{align-items:center;display:flex;gap:60px;justify-content:space-between;position:relative;z-index:2}.join-content{flex:1 1}.join-title{align-items:center;display:flex;font-weight:900;gap:20px;margin:0 0 24px}.join-icon,.join-title{font-size:48px}.join-subtitle{font-size:20px;line-height:1.6;margin:0 0 40px;opacity:.9}.join-buttons{display:flex;flex-wrap:wrap;gap:20px}.join-button{align-items:center;border-radius:30px;display:flex;font-size:18px;font-weight:600;gap:12px;padding:18px 36px;text-decoration:none;transition:all .3s ease}.join-button.primary{background:#fff;color:#ff6b9d}.join-button.primary:hover{background:#ffffffe6;box-shadow:0 12px 40px #ffffff4d;transform:translateY(-5px)}.join-button.secondary{background:#fff3;border:2px solid #ffffff4d;color:#fff}.join-button.secondary:hover{background:#ffffff4d;transform:translateY(-5px)}.join-button.tertiary{background:#0000;border:2px solid #ffffff80;color:#fff}.join-button.tertiary:hover{background:#ffffff1a;transform:translateY(-5px)}.button-icon{font-size:20px}.join-cats{flex-shrink:0;height:200px;position:relative;width:200px}.join-cat{animation:joinCatFloat 3s ease-in-out infinite;font-size:60px;position:absolute}.join-cat.cat-1{animation-delay:0s;left:0;top:20px}.join-cat.cat-2{animation-delay:1s;right:0;top:80px}.join-cat.cat-3{animation-delay:2s;bottom:20px;left:40px}@keyframes joinCatFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.about-footer{background:linear-gradient(135deg,#2a2a3c,#1a1a2e);border-radius:40px 40px 0 0;color:#fff;padding:80px 20px 60px;text-align:center}.footer-content{max-width:800px}.footer-cats{gap:30px;margin-bottom:40px}.footer-cat{animation:footerCatFloat 3s ease-in-out infinite;font-size:48px}.footer-cat:nth-child(2){animation-delay:1s}.footer-cat:nth-child(3){animation-delay:2s}@keyframes footerCatFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(10deg)}}.footer-text{color:#fffc;font-size:20px;line-height:1.6;margin:0 auto 40px;max-width:600px}.footer-links{flex-wrap:wrap;gap:30px}.footer-link{color:#fffc;font-weight:600;text-decoration:none}.footer-link:hover{color:#fff;transform:translateY(-3px)}.floating-decoration{bottom:30px;display:flex;flex-direction:column;gap:16px;pointer-events:none;position:fixed;right:30px;z-index:999}.decoration-cat{animation:decorationFloat 3s ease-in-out infinite;font-size:32px;opacity:.5}.decoration-cat.cat-1{animation-delay:0s}.decoration-cat.cat-2{animation-delay:1s}.decoration-cat.cat-3{animation-delay:2s}@keyframes decorationFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.hero-title{font-size:48px}.contact-content,.story-content{grid-template-columns:1fr}.join-container{flex-direction:column;text-align:center}.join-cats{order:-1}.team-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.hero-title{flex-direction:column;font-size:36px;gap:10px}.tabs-container{justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.mission-cards{grid-template-columns:1fr}.cat-timeline:before{left:30px}.timeline-item{flex-direction:row!important;justify-content:flex-start}.timeline-dot{left:30px}.timeline-content{margin-left:60px;width:calc(100% - 80px)}.timeline-item:nth-child(2n) .timeline-cat,.timeline-item:nth-child(odd) .timeline-cat{left:-15px;right:auto}.section-title{font-size:28px}.fact-text{font-size:20px}.join-section{padding:60px 40px}.join-title{font-size:36px}.floating-decoration{display:none}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.contact-form,.info-card,.stats-container{padding:30px}.tabs-container{flex-direction:column}.tab-button{justify-content:center;width:100%}.footer-links,.join-buttons{flex-direction:column}.footer-links{gap:20px}.hero-cats{height:80px}.floating-cat{font-size:30px}}@media (prefers-color-scheme:dark){.about-page{background:linear-gradient(180deg,#1a1a2e,#2a2a3c)}.about-hero{background:linear-gradient(135deg,#2a2a3c,#3a3a4c)}.hero-title{color:#fff}.hero-subtitle{color:#ccc}.about-tabs{background:#282832f2;border-color:#ffb6c11a}.cat-facts-section,.contact-form,.info-card,.mission-card,.mission-vision,.stats-container,.story-text,.team-card{background:#2a2a3a;border-color:#ffb6c11a}.card-title,.facts-title,.form-title,.join-title,.member-name,.section-title,.stats-title,.vision-title{color:#fff}.card-text,.fact-text,.html-content,.info-text,.join-subtitle,.member-bio,.section-subtitle,.stats-subtitle,.story-text,.vision-text{color:#ccc}.html-content h2,.html-content h3{color:#fff}.html-content li,.html-content p{color:#ccc}.stat-card{background:#333}.member-role,.stat-label,.timeline-text{color:#aaa}.form-input,.form-textarea{background:#333;border-color:#ffb6c133;color:#fff}.form-input::placeholder,.form-textarea::placeholder{color:#666}.social-link{background:#ffb6c10d;color:#ccc}.footer-link,.footer-text{color:#ffffffb3}.join-section{background:linear-gradient(135deg,#ff6b9d,#ff8e53)}.about-footer{background:linear-gradient(135deg,#1a1a2e,#2a2a3c)}.tab-button{color:#ccc}.tab-button:hover{background:#ffb6c11a;color:#ff6b9d}.tab-button.active{background:linear-gradient(135deg,#ff6b9d,#ff8e53);color:#fff}}.archive-item{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.archive-item:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-4px)}.archive-item.expanded{box-shadow:0 8px 40px #0000001f}.month-card{align-items:center;background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px;cursor:pointer;display:flex;padding:20px;transition:all .3s ease}.archive-item.expanded .month-card{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:16px 16px 0 0}.month-icon{align-items:center;border-radius:50%;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:70px;justify-content:center;margin-right:20px;overflow:hidden;position:relative;width:70px}.month-icon:after{background:linear-gradient(135deg,#ffffff4d,#fff0);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.month-number{font-size:20px;font-weight:700;line-height:1;position:relative;z-index:1}.month-cat-emoji{animation:float 3s ease-in-out infinite;font-size:18px;margin-top:4px;position:relative;z-index:1}.month-info{flex:1 1}.month-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.month-title{color:#333;font-size:20px;font-weight:700;margin:0}.month-badge{border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.month-cat-desc{color:#666;font-size:14px;line-height:1.4;margin:0 0 12px}.month-actions{display:flex;justify-content:flex-end}.toggle-indicator{align-items:center;background:#f8f9fa;border-radius:20px;color:#888;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:color .3s ease}.toggle-icon{font-size:12px;transition:transform .3s ease}.archive-item.expanded .toggle-icon{transform:rotate(180deg)}.month-posts{animation:slideDown .3s ease-out;background:#fdfdfd;border-top:1px solid #f0f0f0;padding:24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.posts-header{align-items:center;border-bottom:2px dotted #eee;display:flex;gap:10px;margin-bottom:20px;padding-bottom:12px}.paw-icon{animation:bounce 2s infinite;font-size:16px}.posts-count{color:#555;font-size:15px;font-weight:600}.post-item{align-items:flex-start;animation:fadeIn .5s ease-out forwards;background:#fff;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:16px;opacity:0;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.post-item:hover{border-color:var(--month-color);box-shadow:0 6px 20px #00000014;transform:translateX(8px)}.post-item:before{background:linear-gradient(to bottom,var(--month-color),#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.post-item:hover:before{opacity:1}.post-dot{border-radius:50%;flex-shrink:0;height:12px;margin-top:6px;position:relative;width:12px}.post-dot:after{background:currentColor;border-radius:50%;content:"";height:20px;left:50%;opacity:.2;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.post-content{flex:1 1}.post-title-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.post-title{color:#333;flex:1 1;line-height:1.4;margin:0}.post-category{background:#f0f0f0;color:#666;flex-shrink:0;padding:3px 10px}.post-excerpt{color:#666;line-height:1.5;margin:0 0 12px}.post-footer{color:#888;font-size:13px}.post-date{gap:4px}.post-date,.post-stats{align-items:center;display:flex}.post-stats{gap:12px}.post-stats span{align-items:center;display:flex;gap:4px}.no-posts{color:#aaa}.sleeping-cat{animation:sleep 4s ease-in-out infinite;font-size:48px;margin-bottom:16px}@keyframes sleep{0%,to{transform:rotate(0deg)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.no-posts p{font-size:15px;margin:0}@media (max-width:768px){.month-card{padding:16px}.month-icon{height:60px;margin-right:16px;width:60px}.month-number,.month-title{font-size:18px}.post-item{padding:14px}.post-title-row{align-items:flex-start;flex-direction:column;gap:6px}.post-category{align-self:flex-start}}.archive-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.background-cats{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.background-cats span{animation:floatAround 20s linear infinite;font-size:60px;opacity:.05;position:absolute}.cat-1{left:10%}.cat-2{animation-delay:5s;right:15%;top:20%}.cat-3{animation-delay:10s;bottom:30%}.cat-4{animation-delay:15s;bottom:15%;right:10%}@keyframes floatAround{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(20px,20px) rotate(5deg)}50%{transform:translateY(40px) rotate(0deg)}75%{transform:translate(-20px,20px) rotate(-5deg)}to{transform:translate(0) rotate(0deg)}}.loading-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh}.loading-content{text-align:center}.loading-cat{animation:bounce 2s infinite;font-size:64px;margin-bottom:20px}.loading-text{color:#666;font-size:18px;font-weight:500;margin-bottom:20px}.loading-dots span{animation:blink 1.4s infinite both;background:#ff9aa2;height:10px;width:10px}.loading-dots span:nth-child(2){animation-delay:.2s;background:#ffb7b2}.loading-dots span:nth-child(3){animation-delay:.4s;background:#ffdac1}.archive-header{background:linear-gradient(135deg,#6a11cb,#2575fc);box-shadow:0 10px 40px #0000001a;color:#fff;overflow:hidden;padding:60px 20px 40px;position:relative}.archive-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.header-container{align-items:center;display:flex;justify-content:space-between;z-index:1}.header-left{flex:1 1}.page-title{font-size:48px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px;text-shadow:0 2px 10px #0003}.title-icon{animation:wobble 2s infinite;margin-right:12px}@keyframes wobble{0%,to{transform:rotate(0deg)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.page-subtitle{font-size:18px;line-height:1.5;margin:0;max-width:600px;opacity:.9}.header-right{margin-left:40px}.header-cat{animation:bounce 2s infinite;font-size:80px}.stats-section{margin:40px auto 0;max-width:1200px;position:relative;z-index:1}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:hover{background:#fff3;box-shadow:0 10px 30px #00000026;transform:translateY(-4px)}.stat-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:32px;height:60px;justify-content:center;opacity:.9;width:60px}.stat-details{flex:1 1}.stat-number{font-size:36px;font-weight:800}.stat-range{font-size:20px;font-weight:600;margin-bottom:4px}.stat-label{font-weight:500;opacity:.8}.stat-cat{animation:float 3s ease-in-out infinite;bottom:16px;font-size:20px;opacity:.3;position:absolute;right:16px}.archive-main{margin:40px auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.main-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000001a;padding:40px}.controls-section{margin-bottom:40px}.search-container{margin-bottom:30px}.search-box{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:2px solid #e6e9ff;border-radius:16px;padding:24px}.search-input-wrapper{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;margin-bottom:12px;padding:8px 8px 8px 20px;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:#6a11cb;box-shadow:0 0 0 3px #6a11cb1a;transform:translateY(-2px)}.search-icon{color:#999;flex-shrink:0;font-size:18px;margin-right:12px}.search-input{background:#0000;border:none;color:#333;flex:1 1;font-size:16px;outline:none;padding:12px 0}.search-input::placeholder{color:#aaa}.search-button{background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .3s ease;white-space:nowrap}.search-button:hover{box-shadow:0 6px 20px #6a11cb4d;transform:translateY(-2px)}.search-hint{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;padding-left:8px}.hint-icon{font-size:16px;opacity:.7}.years-navigation{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:2px solid #e6e9ff;border-radius:16px;padding:20px}.years-label{align-items:center;color:#444;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.years-scroll{-ms-overflow-style:none;display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.years-scroll::-webkit-scrollbar{display:none}.year-button{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:8px;min-width:120px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease}.year-button:before{background:var(--year-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.year-button:hover:before{opacity:.05}.year-button:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.year-button.active{background:#fff;border-color:var(--year-color);box-shadow:0 8px 25px #0000001a;position:relative}.year-button.active:after{animation:pulse 2s infinite;border:2px solid var(--year-color);border-radius:14px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}.year-cat{animation:float 3s ease-in-out infinite;font-size:24px}.year-cat,.year-number{position:relative;z-index:1}.year-number{color:#333;font-size:20px;font-weight:700}.year-count{background:#f8f9fa;border-radius:12px;color:#666;font-size:13px;font-weight:500;padding:4px 10px;position:relative;z-index:1}.content-section{margin-bottom:60px}.section-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.section-title{color:#333;font-size:28px;gap:12px;margin:0}.section-stats{display:flex;gap:20px}.month-count,.post-count{align-items:center;background:#f8f9fa;border-radius:12px;color:#555;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px}.archives-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width:768px){.archives-grid{grid-template-columns:1fr}}.empty-state{padding:60px 20px;text-align:center}.empty-illustration{margin:0 auto;max-width:400px}.empty-cat{animation:bounce 2s infinite;font-size:80px;margin-bottom:24px}.empty-text h3{color:#555;font-size:24px;font-weight:600;margin:0 0 12px}.empty-text p{color:#777;font-size:16px;line-height:1.5;margin:0 0 24px}.start-writing{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 32px;transition:all .3s ease}.start-writing:hover{box-shadow:0 8px 25px #6a11cb4d;transform:translateY(-2px)}.featured-section{margin-bottom:60px}.section-subtitle{color:#666;font-size:16px;margin:8px 0 0}.featured-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.featured-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.featured-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.card-badge{background:linear-gradient(135deg,#ff9a9e,#fad0c4);border-radius:20px;box-shadow:0 4px 12px #0000001a;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:16px;top:16px;z-index:2}.card-image{height:180px;overflow:hidden;position:relative}.card-image img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.featured-card:hover .card-image img{transform:scale(1.1)}.card-content{padding:24px}.card-title{color:#333;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px}.card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 16px;overflow:hidden}.card-footer{align-items:center;display:flex;justify-content:space-between}.card-category{background:#f0f0f0;border-radius:12px;color:#666;font-size:13px;font-weight:500;padding:4px 12px}.card-meta{color:#888;display:flex;font-size:13px;gap:16px}.quote-section{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:2px solid #e6e9ff;border-radius:20px;padding:40px;text-align:center}.quote-content{margin:0 auto;max-width:600px}.quote-mark{color:#6a11cb;font-family:serif;font-size:48px;margin-bottom:20px}.quote-text{color:#555;font-size:18px;font-style:italic;line-height:1.6;margin:0 0 24px}.quote-author{align-items:center;display:flex;gap:12px;justify-content:center}.author-cat{font-size:20px}.author-name{color:#666;font-size:16px;font-weight:500}.archive-footer{background:linear-gradient(135deg,#2c3e50,#4a6491);color:#fff;margin-top:60px;overflow:hidden;padding:40px 20px;position:relative}.footer-content{max-width:1200px;text-align:center}.footer-links{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.footer-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 32px;transition:all .3s ease}.footer-link:hover{background:#fff3;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.footer-copy{font-size:14px;opacity:.8}.footer-copy p{margin:0}.floating-elements{display:flex;flex-direction:column;gap:20px;pointer-events:none;position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000}.floating-cat{animation:float 3s ease-in-out infinite;font-size:24px;opacity:.3;pointer-events:auto;transition:opacity .3s ease}.floating-cat:hover{opacity:.8;transform:scale(1.2)}.back-to-top{background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:50px;box-shadow:0 8px 30px #6a11cb4d;font-weight:600;gap:8px;padding:14px 24px;z-index:1000}.back-to-top:hover{box-shadow:0 12px 40px #6a11cb66;transform:translateY(-4px)}.cat-icon{font-size:18px}@media (max-width:1024px){.page-title{font-size:36px}.header-container{flex-direction:column;text-align:center}.header-right{margin-left:0;margin-top:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.archives-grid,.featured-grid{grid-template-columns:1fr}}@media (max-width:768px){.archive-header{padding:40px 16px 30px}.main-container{padding:24px}.stats-grid{gap:16px;grid-template-columns:1fr}.year-button{min-width:100px;padding:12px 16px}.section-header{align-items:flex-start;flex-direction:column;gap:16px}.section-stats{justify-content:space-between;width:100%}.floating-elements{display:none}.back-to-top{bottom:20px;font-size:14px;padding:12px 20px;right:20px}}@media (max-width:480px){.page-title{font-size:28px}.page-subtitle{font-size:16px}.year-button{min-width:80px;padding:10px 12px}.footer-links{align-items:center;flex-direction:column}.footer-link{justify-content:center;max-width:200px;width:100%}}:root{--gradient-header:linear-gradient(135deg,#667eea,#764ba2)}.post-detail-page{position:relative}.post-detail-loading,.post-detail-page{background:#f8f9fa;background:var(--background-light);min-height:100vh}.post-detail-loading{align-items:center;display:flex;justify-content:center}.loading-cat{margin-bottom:30px}.cat-emoji{animation:cat-bounce 1s infinite alternate;display:block;font-size:4rem}.cat-emoji,.loading-dots{margin-bottom:20px}.loading-dots span{animation:pulse 1.4s ease-in-out infinite;background:#ff6b6b;background:var(--primary-color)}.loading-text{color:#636e72;color:var(--text-secondary);font-size:1.1rem}.post-detail-not-found{align-items:center;background:#f8f9fa;background:var(--background-light);display:flex;justify-content:center;min-height:100vh}.not-found-container{max-width:500px;padding:40px;text-align:center}.not-found-cat{animation:sad-cat 2s infinite;font-size:6rem;margin-bottom:30px}@keyframes sad-cat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.not-found-container h2{color:#2d3436;color:var(--text-primary);font-size:2.5rem;margin-bottom:20px}.not-found-container p{color:#636e72;color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.not-found-button{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff9a9e);background:var(--gradient-primary);border-radius:16px;border-radius:var(--radius-lg);color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.not-found-button:hover{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.reading-progress-container{background:#0000000d;height:4px;left:0;position:fixed;top:0;width:100%;z-index:1000}.reading-progress-bar{background:linear-gradient(135deg,#ff6b6b,#ff9a9e);background:var(--gradient-primary);height:100%;overflow:hidden;position:relative;transition:width .3s ease}.reading-progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{to{left:100%}}.reading-cat-mood{align-items:center;animation:slide-in .5s ease;background:#fff;border-radius:30px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);display:flex;font-size:.9rem;font-weight:600;gap:10px;padding:8px 15px;position:fixed;right:20px;top:15px;z-index:1000}.post-header{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-header);color:#fff;overflow:hidden;padding:60px 0 40px;position:relative}.header-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:2}.header-background{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0h100v100Z' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");background-size:100% auto;opacity:.2}.header-background,.header-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.header-overlay{background:linear-gradient(45deg,#0000 60%,#ffffff1a)}.breadcrumb{flex-wrap:wrap;gap:10px;margin-bottom:30px}.breadcrumb,.breadcrumb-item{align-items:center;display:flex}.breadcrumb-item{color:#fffc;font-size:.95rem;gap:5px;text-decoration:none;transition:color .3s ease}.breadcrumb-item:hover{color:#fff}.breadcrumb-item.current{color:#fff;font-weight:600}.breadcrumb-separator{color:#ffffff80}.post-category-tag{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:30px;display:inline-flex;gap:10px;margin-bottom:20px;padding:8px 20px}.category-icon{font-size:1.2rem}.category-name{font-size:.95rem;font-weight:600}.featured-badge{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:15px;color:#333;display:flex;font-size:.85rem;font-weight:600;gap:5px;margin-left:10px;padding:4px 12px}.post-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:20px;max-width:800px;text-shadow:2px 2px 4px #0000001a}.post-excerpt{font-size:1.3rem;line-height:1.6;margin-bottom:30px;max-width:700px;opacity:.9}.post-meta-info{border-top:1px solid #fff3;flex-wrap:wrap;gap:30px;justify-content:space-between;padding-top:30px}.author-info,.post-meta-info{align-items:center;display:flex}.author-info{gap:20px}.author-avatar-container{position:relative}.author-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);height:60px;object-fit:cover;width:60px}.author-status{background:#00b894;background:var(--success-color);border:2px solid #fff;border-radius:50%;bottom:0;height:14px;position:absolute;right:0;width:14px}.author-details{display:flex;flex-direction:column;gap:5px}.author-name{font-size:1.2rem}.author-stats{display:flex;gap:20px}.author-stat{align-items:center;display:flex;font-size:.9rem;gap:5px;opacity:.9}.stat-icon{font-size:1rem}.post-actions{display:flex;gap:15px}.action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.action-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.action-btn.active{background:#fff;color:#ff6b6b;color:var(--primary-color)}.action-btn.active .action-icon{animation:pop .3s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.action-icon{font-size:1.2rem}.post-main-content{padding:60px 0}.content-layout{grid-gap:40px;display:grid;gap:40px;grid-template-columns:300px 1fr 300px;margin:0 auto;max-width:1400px;padding:0 20px}.toc-sidebar{animation:slide-in-left .5s ease;background:#fff;border:1px solid #dfe6e9;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);max-height:calc(100vh - 140px);overflow-y:auto;padding:25px;position:-webkit-sticky;position:sticky;top:100px}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.toc-header{border-bottom:2px solid #dfe6e9;border-bottom:2px solid var(--border-color);justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.toc-header,.toc-title{align-items:center;display:flex}.toc-title{font-size:1.3rem;font-weight:700;gap:10px}.toc-icon{font-size:1.2rem}.toc-close{background:none;border:none;border-radius:5px;color:#636e72;color:var(--text-secondary);cursor:pointer;display:none;font-size:1.5rem;padding:5px}.toc-close:hover{background:#f8f9fa;background:var(--background-light)}.toc-navigation{display:flex;flex-direction:column;gap:10px}.toc-link{align-items:center;border-left:3px solid #0000;border-radius:12px;border-radius:var(--radius-md);color:#636e72;color:var(--text-secondary);display:flex;gap:12px;padding:12px 15px;text-decoration:none;transition:all .3s ease}.toc-link:hover{background:#f8f9fa;background:var(--background-light);border-left-color:#ff9a9e;border-left-color:var(--primary-light)}.toc-link.active,.toc-link:hover{color:#ff6b6b;color:var(--primary-color)}.toc-link.active{background:#ff6b6b1a;border-left-color:#ff6b6b;border-left-color:var(--primary-color);font-weight:600}.toc-subitem{font-size:.9rem;padding-left:35px}.toc-link-icon{font-size:1rem;opacity:.7}.toc-link-text{flex:1 1;line-height:1.4}.post-content{animation:slide-up .6s ease;background:#fff;border:1px solid #dfe6e9;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}.post-cover-image{height:400px;overflow:hidden;position:relative}.cover-img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.post-cover-image:hover .cover-img{transform:scale(1.02)}.cover-overlay{align-items:center;background:linear-gradient(180deg,#0000001a,#0000004d);display:flex;justify-content:center}.cover-cat{animation:float 3s ease-in-out infinite;font-size:5rem;opacity:.5}.content-container{padding:40px}.floating-toc-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff9a9e);background:var(--gradient-primary);border:none;border-radius:50%;bottom:100px;box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:none;flex-direction:column;gap:5px;height:60px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:60px;z-index:900}.floating-toc-btn:hover{transform:scale(1.1)}.toc-btn-icon{font-size:1.5rem}.toc-btn-text{font-size:.7rem;font-weight:600}.article-body{font-size:1.1rem;line-height:1.8;margin-bottom:40px}.article-body,.article-body h2{color:#2d3436;color:var(--text-primary)}.article-body h2{border-bottom:2px solid #dfe6e9;border-bottom:2px solid var(--border-color);font-size:2rem;margin:40px 0 20px;padding-bottom:10px;position:relative}.article-body h2:before{content:"🐱";font-size:1.5rem;left:-35px;position:absolute;top:5px}.article-body h3{color:#2d3436;color:var(--text-primary);font-size:1.5rem;margin:30px 0 15px;padding-left:25px;position:relative}.article-body h3:before{content:"🐾";font-size:1.2rem;left:0;position:absolute;top:0}.article-body p{margin-bottom:20px}.article-body img{border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);height:auto;margin:20px 0;max-width:100%}.article-body ol,.article-body ul{margin-bottom:20px;padding-left:25px}.article-body li{margin-bottom:10px;position:relative}.article-body ul li:before{content:"🐱";font-size:.9rem;left:-25px;position:absolute;top:0}.article-body blockquote{background:linear-gradient(90deg,#ff6b6b0d,#0000);border-left:4px solid #ff6b6b;border-left:4px solid var(--primary-color);border-radius:0 12px 12px 0;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:30px 0;padding:20px 30px;position:relative}.article-body blockquote:before{background:#fff;border-radius:50%;content:"💬";font-size:1.5rem;left:10px;padding:5px;position:absolute;top:-15px}.post-tags-section{background:linear-gradient(135deg,#ff6b6b0d,#6c5ce70d);border:1px solid #ff6b6b1a;border-radius:24px;border-radius:var(--radius-xl);margin:40px 0;padding:30px}.tags-title{align-items:center;color:#2d3436;color:var(--text-primary);display:flex;font-size:1.3rem;gap:10px;margin-bottom:20px}.tags-container{display:flex;flex-wrap:wrap;gap:12px}.post-tag{align-items:center;animation:fade-in .5s ease forwards;animation-delay:var(--delay);background:#fff;border:2px solid #dfe6e9;border:2px solid var(--border-color);border-radius:30px;color:#636e72;color:var(--text-secondary);display:inline-flex;font-weight:600;gap:5px;opacity:0;padding:8px 20px;text-decoration:none;transition:all .3s ease}.post-tag:hover{background:#ff6b6b;background:var(--primary-color);border-color:#ff6b6b;border-color:var(--primary-color);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-3px)}.tag-prefix{font-size:.9rem;opacity:.7}.post-stats-section{margin:40px 0}.stats-container{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(1,1fr)}.stat-item{background:#f8f7f7;border:1px solid #dfe6e9;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);padding:2px;text-align:left;transition:all .3s ease}.stat-item:hover{border-color:#ff9a9e;border-color:var(--primary-light);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.stat-icon{display:block;font-size:2.5rem;margin-bottom:15px}.stat-content{display:flex;flex-direction:column;gap:5px}.stat-value{color:#ff6b6b;color:var(--primary-color);font-size:1.8rem}.stat-label{color:#636e72;color:var(--text-secondary);font-size:.95rem}.post-footer-minimal{border-bottom:1px solid #ffb6c14d;border-top:1px solid #ffb6c14d;margin:3rem 0;padding:1rem 0;position:relative}.footer-minimal-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:800px;padding:0 1rem}.minimal-stats{display:flex;gap:1.5rem}.minimal-stat-btn{align-items:center;background:linear-gradient(135deg,#ffd6e7,#ffb2c1);border:none;border-radius:50px;color:#7a4b6e;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.minimal-stat-btn:hover{box-shadow:0 6px 20px #ffb6c166;transform:translateY(-2px)}.minimal-stat-btn.active{background:linear-gradient(135deg,#ff6b9d,#ff2e63);color:#fff}.minimal-stat-icon{font-size:1.2rem}.minimal-stat-count{font-size:.95rem;opacity:.9}.minimal-actions{display:flex;gap:1rem}.minimal-action-btn{background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #7a4b6e1a;cursor:pointer;font-size:1.2rem;height:48px;transition:all .3s ease;width:48px}.minimal-action-btn:hover{box-shadow:0 6px 20px #7a4b6e33;transform:scale(1.1)}.minimal-action-btn.active{background:linear-gradient(135deg,#ffb2c1,#ff6b9d);color:#fff;transform:scale(1.05)}.author-card-section{margin:40px 0}.author-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;border-radius:var(--radius-xl);color:#fff;overflow:hidden;padding:40px;position:relative}.author-card:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 0h100v100Z' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");content:"";height:200px;opacity:.5;position:absolute;right:0;top:0;width:200px}.author-card-header{align-items:center;display:flex;gap:25px;margin-bottom:30px;position:relative;z-index:2}.author-card-avatar{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);height:100px;object-fit:cover;width:100px}.author-card-info{flex:1 1}.author-card-name{font-size:1.8rem;font-weight:700;margin-bottom:10px}.author-card-bio{font-size:1.05rem;line-height:1.6;opacity:.9}.author-card-stats{display:flex;justify-content:space-around;margin-bottom:30px;position:relative;z-index:2}.author-card-stat{text-align:center}.card-stat-value{display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.card-stat-label{font-size:.95rem;opacity:.8}.author-follow-btn{align-items:center;background:#fff;border:none;border-radius:16px;border-radius:var(--radius-lg);color:#6c5ce7;color:var(--secondary-color);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;justify-content:center;padding:16px;position:relative;transition:all .3s ease;width:100%;z-index:2}.author-follow-btn:hover{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.post-sidebar{display:flex;flex-direction:column;gap:30px;max-height:calc(1000vh - 1px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:100px}.sidebar-widget{animation:slide-in-right .5s ease;animation-delay:0s;animation-delay:var(--delay,0s);background:#fff;border:1px solid #dfe6e9;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);overflow:hidden}@keyframes slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.widget-header{border-bottom:1px solid #dfe6e9;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:20px}.widget-header,.widget-title{align-items:center;display:flex}.widget-title{font-size:1.1rem;font-weight:700;gap:10px}.widget-icon,.widget-refresh{font-size:1.2rem}.widget-refresh{background:none;border:none;border-radius:5px;color:#636e72;color:var(--text-secondary);cursor:pointer;padding:5px;transition:all .3s ease}.widget-refresh:hover{background:#f8f9fa;background:var(--background-light);transform:rotate(90deg)}.widget-content{padding:20px}.sidebar-widget.cat-fact-widget{background:linear-gradient(105deg,#ff9a9e,#fad0c4);border:none;box-shadow:0 8px 32px #ff9a9e4d;color:#fff;overflow:hidden;position:relative}.cat-fact-widget .widget-header{background:#fff3;border-bottom:1px solid #ffffff4d;padding:18px}.cat-fact-widget .widget-title{color:#fff;text-shadow:1px 1px 2px #0003}.cat-fact-widget .widget-content{padding:25px;position:relative;text-align:center;z-index:2}.cat-fact-widget .cat-fact-emoji{animation:cat-bounce 2s infinite;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:3rem;margin:0 auto 20px}.cat-fact-widget .cat-fact-text{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:12px;border-radius:var(--radius-md);font-size:1rem;line-height:1.6;margin-bottom:20px;padding:15px;text-shadow:1px 1px 1px #0000001a}.cat-fact-widget:before{background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:20px 20px;content:"";height:200%;left:-50%;opacity:.3;position:absolute;top:-50%;width:200%;z-index:1}.related-posts-list{display:flex;flex-direction:column;gap:15px}.related-post-item{background:#f8f9fa;background:var(--background-light);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:15px;padding:15px;text-decoration:none;transition:all .3s ease}.related-post-item:hover{background:#fff;border-color:#ff9a9e;border-color:var(--primary-light);transform:translateX(5px)}.related-post-image{border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:60px;overflow:hidden;width:60px}.related-post-image img{height:100%;object-fit:cover;width:100%}.related-post-content{display:flex;flex:1 1;flex-direction:column;gap:5px}.related-post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2d3436;color:var(--text-primary);display:-webkit-box;font-size:.95rem;font-weight:600;line-height:1.4;overflow:hidden}.related-post-meta{color:#636e72;color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:space-between}.sidebar-widget.share-widget{background:#fff;border:2px solid #e3f2fd;box-shadow:0 4px 20px #43a0ff1a}.share-widget .widget-header{background:linear-gradient(135deg,#43a0ff,#4fc3f7);border-bottom:none;padding:18px}.share-widget .widget-title{color:#fff}.share-widget .widget-content{padding:25px}.share-widget .share-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.share-widget .share-button{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:15px 10px;position:relative;transition:all .3s ease}.share-widget .share-button:before{background:linear-gradient(135deg,#fff3,#fff0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.share-widget .share-button:hover:before{opacity:1}.share-widget .share-button:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.share-widget .share-button.wechat{background:linear-gradient(135deg,#07c160,#09d169);color:#fff}.share-widget .share-button.weibo{background:linear-gradient(135deg,#e6162d,#f42d42);color:#fff}.share-widget .share-button.qq{background:linear-gradient(135deg,#12b7f5,#2bc5ff);color:#fff}.share-widget .share-button.link{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}.share-widget .share-icon{font-size:1.5rem;margin-bottom:5px}.sidebar-widget.cat-progress-widget{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 8px 32px #667eea4d;color:#fff}.cat-progress-widget .widget-header{background:#ffffff1a;border-bottom:1px solid #fff3;padding:18px}.cat-progress-widget .widget-title{color:#fff;text-shadow:1px 1px 2px #0003}.cat-progress-widget .widget-content{padding:25px}.cat-progress-widget .progress-container{align-items:center;display:flex;flex-direction:column;gap:20px}.cat-progress-widget .progress-bar{background:#fff3;border-radius:5px;height:10px;overflow:hidden;position:relative;width:100%}.cat-progress-widget .progress-fill{background:linear-gradient(90deg,#ff6b6b,#ff9a9e);border-radius:5px;height:100%;overflow:hidden;position:relative;transition:width .5s ease}.cat-progress-widget .progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.cat-progress-widget .progress-info{align-items:center;display:flex;justify-content:space-between;width:100%}.cat-progress-widget .progress-percent{color:#fff;font-size:2.5rem;font-weight:800;text-shadow:2px 2px 4px #0003}.cat-progress-widget .progress-cat{animation:cat-bounce 1s infinite alternate;font-size:2.5rem}.cat-progress-widget .progress-label{font-size:.9rem;margin-top:10px;opacity:.9;text-align:center;width:100%}.cat-assistant-widget{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.assistant-message{align-items:center;display:flex;gap:5px;margin-bottom:20px}.assistant-cat{animation:wave 2s infinite;font-size:2.5rem}.assistant-text{flex:1 1;font-size:.95rem;line-height:1.5}.assistant-action{align-items:center;background:#fff;border:none;border-radius:12px;border-radius:var(--radius-md);color:#2d3436;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.assistant-action:hover{background:#ff9a9e;background:var(--primary-light);color:#fff;transform:translateY(-3px)}.comments-section{background:#f8f9fa;background:var(--background-light);padding:80px 0}.comments-container{margin:0 auto;max-width:800px;padding:0 20px}.comments-header{margin-bottom:50px;text-align:center}.comments-title{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:10px}.comments-subtitle{color:#636e72;color:var(--text-secondary);font-size:1.1rem}.comment-form{background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);margin-bottom:50px;padding:30px}.form-header{border-bottom:1px solid #dfe6e9;border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.form-header,.form-title{align-items:center;display:flex}.form-title{font-size:1.3rem;gap:10px}.form-tips{display:flex;gap:15px}.tip-item{align-items:center;color:#636e72;color:var(--text-secondary);display:flex;font-size:.9rem;gap:5px}.comment-input{border:2px solid #dfe6e9;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);font-size:1rem;line-height:1.6;margin-bottom:20px;min-height:120px;padding:20px;resize:vertical;transition:all .3s ease;width:100%}.comment-input:focus{border-color:#ff6b6b;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.form-actions{align-items:center;justify-content:space-between}.emoji-options{display:flex;gap:10px}.emoji-btn{background:#f8f9fa;background:var(--background-light);border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:1.2rem;height:40px;transition:all .3s ease;width:40px}.emoji-btn:hover{background:#ff9a9e;background:var(--primary-light);color:#fff;transform:scale(1.1)}.submit-comment-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff9a9e);background:var(--gradient-primary);border:none;border-radius:16px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:12px 30px;transition:all .3s ease}.submit-comment-btn:disabled{cursor:not-allowed;opacity:.6}.submit-comment-btn:not(:disabled):hover{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.comments-list{display:flex;flex-direction:column;gap:25px}.comment-item{animation:fade-in .5s ease forwards;animation-delay:var(--delay);background:#fff;border:1px solid #dfe6e9;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);display:flex;gap:20px;opacity:0;padding:25px}.comment-avatar{flex-shrink:0;position:relative}.comment-avatar img{border:3px solid #ff9a9e;border:3px solid var(--primary-light);border-radius:50%;height:60px;object-fit:cover;width:60px}.comment-avatar-badge{background:#ff6b6b;background:var(--primary-color);border:2px solid #fff;border-radius:50%;bottom:0;height:16px;position:absolute;right:0;width:16px}.comment-content{display:flex;flex:1 1;flex-direction:column;gap:15px}.comment-header{align-items:flex-start;display:flex;justify-content:space-between}.comment-author{display:flex;flex-direction:column;gap:5px}.author-name{color:#2d3436;color:var(--text-primary);font-size:1.1rem;font-weight:700}.comment-date{color:#636e72;color:var(--text-secondary);font-size:.9rem}.comment-actions{display:flex;gap:15px}.comment-action{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#636e72;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:5px 10px;transition:all .3s ease}.comment-action:hover{background:#f8f9fa;background:var(--background-light);color:#ff6b6b;color:var(--primary-color)}.comment-text{color:#2d3436;color:var(--text-primary);font-size:1rem;line-height:1.7}.comment-footer{align-items:center;border-top:1px solid #dfe6e9;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:15px}.comment-cat-tag{align-items:center;background:linear-gradient(135deg,#ff6b6b1a,#6c5ce71a);border-radius:20px;color:#ff6b6b;color:var(--primary-color);display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:6px 15px}.no-comments{background:#fff;border:2px dashed #dfe6e9;border:2px dashed var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);padding:60px 20px;text-align:center}.no-comments-illustration{height:150px;margin:0 auto 30px;position:relative;width:200px}.no-comments-cat{animation:float 2s ease-in-out infinite;font-size:5rem;top:0}.no-comments-bubble,.no-comments-cat{left:50%;position:absolute;transform:translateX(-50%)}.no-comments-bubble{background:#ff9a9e;background:var(--primary-light);border-radius:20px;bottom:0;color:#fff;font-size:.9rem;padding:10px 20px;white-space:nowrap}.no-comments-bubble:before{border-color:#0000 #0000 #ff9a9e;border-color:#0000 #0000 var(--primary-light) #0000;border-style:solid;border-width:0 10px 10px;content:"";left:50%;position:absolute;top:-10px;transform:translateX(-50%)}.no-comments-title{color:#2d3436;color:var(--text-primary);font-size:1.8rem;margin-bottom:15px}.no-comments-text{color:#636e72;color:var(--text-secondary);font-size:1.1rem}.related-articles-section{background:#fff;padding:80px 0}.related-articles-container{margin:0 auto;max-width:1200px;padding:0 20px}.section-header{margin-bottom:50px;text-align:center}.section-title{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:10px}.section-subtitle{color:#636e72;color:var(--text-secondary);font-size:1.1rem}.related-articles-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.related-article-card{animation:fade-in .5s ease forwards;animation-delay:var(--delay);background:#fff;border:1px solid #dfe6e9;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);opacity:0;overflow:hidden;text-decoration:none;transition:all .3s ease}.related-article-card:hover{box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.article-image{height:200px;position:relative}.article-image img{transition:transform .5s ease}.related-article-card:hover .article-image img{transform:scale(1.05)}.image-overlay{position:absolute;right:20px;top:20px}.category-badge{background:#ffffffe6;border-radius:20px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);display:inline-block;font-size:1rem;font-weight:600;padding:8px 15px}.article-content{padding:25px}.article-title{color:#2d3436;color:var(--text-primary);font-size:1.3rem;font-weight:700;line-height:1.4;margin-bottom:15px}.article-excerpt{-webkit-line-clamp:3;font-size:.95rem;line-height:1.6;margin-bottom:20px}.article-excerpt,.article-meta{color:#636e72;color:var(--text-secondary)}.article-meta{font-size:.9rem}.meta-item{align-items:center;display:flex;gap:5px}.post-navigation{background:#f8f9fa;background:var(--background-light);border-top:1px solid #dfe6e9;border-top:1px solid var(--border-color);padding:40px 0}.navigation-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-button{align-items:center;background:#fff;border:2px solid #dfe6e9;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);color:#2d3436;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.nav-button:hover{border-color:#ff6b6b;border-color:var(--primary-color);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);color:#ff6b6b;color:var(--primary-color);transform:translateY(-3px)}.nav-center{display:flex;justify-content:center}.nav-button.top-button{background:linear-gradient(135deg,#ff6b6b,#ff9a9e);background:var(--gradient-primary);border:none;color:#fff}.nav-button.top-button:hover{background:#ff4757;background:var(--primary-dark)}.floating-cat-assistant{bottom:40px;display:flex;flex-direction:column;gap:15px;position:fixed;right:40px;z-index:900}.floating-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.floating-btn:before{background:linear-gradient(135deg,#ff6b6b,#ff9a9e);background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.floating-btn:hover:before{opacity:1}.floating-btn:hover{transform:scale(1.1)}.floating-btn:hover .floating-icon{color:#fff;position:relative;z-index:2}.floating-icon{font-size:1.5rem;transition:all .3s ease}.floating-btn.like-floating.active .floating-icon{color:#ff6b6b;color:var(--primary-color)}.floating-btn.bookmark-floating.active .floating-icon{color:#6c5ce7;color:var(--secondary-color)}.cat-tail-divider{align-items:center;display:flex;justify-content:center;margin:60px auto;max-width:800px;padding:0 20px}.tail-left,.tail-right{background:linear-gradient(90deg,#0000,#ff9a9e);background:linear-gradient(to right,#0000,var(--primary-light));border-radius:2px;flex:1 1;height:3px}.tail-right{background:linear-gradient(270deg,#0000,#ff9a9e);background:linear-gradient(to left,#0000,var(--primary-light))}.tail-middle{animation:tail-wag 2s infinite;font-size:2.5rem;padding:0 30px}@keyframes tail-wag{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media (max-width:1200px){.content-layout{gap:30px;grid-template-columns:250px 1fr 250px}}@media (max-width:1024px){.content-layout{grid-template-columns:1fr 300px}.toc-sidebar{display:none}.toc-sidebar.mobile-visible{border-radius:0;box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-xl);display:block;height:100vh;left:0;position:fixed;top:0;width:300px;z-index:1000}.toc-close{display:block}.floating-toc-btn{display:flex}}@media (max-width:768px){.content-layout{grid-template-columns:1fr}.post-sidebar{max-height:none;position:static}.post-title{font-size:2.5rem}.post-meta-info{align-items:flex-start;flex-direction:column}.stats-container{grid-template-columns:repeat(2,1fr)}.post-actions{width:100%}.action-btn{flex:1 1;justify-content:center}.reading-cat-mood{display:none}.floating-cat-assistant{bottom:20px;right:20px}.floating-btn{height:50px;width:50px}.floating-icon{font-size:1.2rem}}@media (max-width:480px){.post-title{font-size:2rem}.content-container{padding:25px}.stats-container{grid-template-columns:1fr}.footer-actions-container{flex-direction:column;width:100%}.footer-action-btn{justify-content:center;width:100%}.author-card-header{flex-direction:column;text-align:center}.author-card-stats,.navigation-container{flex-direction:column;gap:20px}.nav-button{justify-content:center;width:100%}.form-header{align-items:flex-start;flex-direction:column;gap:15px}.form-tips{flex-wrap:wrap}}.write-post-container{background:linear-gradient(135deg,#fff5f5,#fff);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1rem}.write-post-header{margin-bottom:3rem;text-align:center}.write-post-title{align-items:center;color:#7a4b6e;display:flex;font-size:2.5rem;gap:1rem;justify-content:center;margin-bottom:1rem}.title-icon{animation:bounce 2s infinite;font-size:2.8rem}.write-post-subtitle{color:#a586a4;font-size:1.1rem;margin:0 auto;max-width:600px}.write-post-form{background:#fff;border:1px solid #ffb6c14d;border-radius:20px;box-shadow:0 10px 40px #7a4b6e1a;padding:2.5rem}.form-section{margin-bottom:2.5rem}.form-label{color:#7a4b6e;font-size:1.1rem;gap:.75rem;margin-bottom:1rem}.label-icon{font-size:1.3rem}.form-input{background:#fff9fb;border:2px solid #ffd6e7;border-radius:12px;padding:1rem 1.5rem}.form-input:focus{background:#fff;border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d1a}.title-input{font-size:1.3rem;font-weight:600;padding:1.2rem 1.5rem}.cover-upload-area{position:relative}.upload-label{cursor:pointer;display:block}.upload-placeholder{background:#fff9fb;border:3px dashed #ffb2c1;border-radius:15px;padding:4rem 2rem;text-align:center;transition:all .3s ease}.upload-placeholder:hover{background:#fff5f5;border-color:#ff6b9d}.upload-icon{display:block;font-size:3rem;margin-bottom:1rem;opacity:.7}.upload-hint{color:#a586a4;font-size:.9rem;margin-top:.5rem}.cover-preview{border-radius:15px;overflow:hidden;position:relative}.cover-preview img{border-radius:15px;height:300px;object-fit:cover;width:100%}.change-cover-btn{background:#ffffffe6;border:none;border-radius:25px;bottom:20px;color:#7a4b6e;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;position:absolute;right:20px;transition:all .3s ease}.change-cover-btn:hover{background:#fff;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.category-selector{display:flex;flex-wrap:wrap;gap:1rem}.category-option{align-items:center;background:#fff;border:2px solid #ffd6e7;border-radius:50px;color:#7a4b6e;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.category-option:hover{border-color:#ffb2c1;transform:translateY(-2px)}.category-option.selected{background:linear-gradient(135deg,#ffb2c1,#ff6b9d);border-color:#0000;color:#fff}.category-emoji{font-size:1.1rem}.tag-suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.suggestion-label{color:#a586a4;font-size:.9rem}.tag-suggestion{background:#fff9fb;border:1px solid #ffd6e7;border-radius:15px;color:#7a4b6e;cursor:pointer;font-size:.85rem;padding:.4rem .9rem;transition:all .3s ease}.tag-suggestion:hover{background:#ffd6e7;transform:scale(1.05)}.form-textarea{background:#fff9fb;border:2px solid #ffd6e7;border-radius:12px;font-size:1rem;line-height:1.6;padding:1.5rem;resize:vertical;transition:all .3s ease;width:100%}.form-textarea:focus{background:#fff;border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d1a;outline:none}.excerpt-input{min-height:100px}.content-editor{font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.7;min-height:400px}.editor-toolbar{background:#fff5f5;border-radius:10px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:1rem}.editor-toolbar button{background:#fff;border:1px solid #ffb2c1;border-radius:6px;color:#7a4b6e;cursor:pointer;font-weight:600;min-width:40px;padding:.5rem 1rem;transition:all .3s ease}.editor-toolbar button:hover{background:#ffd6e7;transform:translateY(-2px)}.editor-help{background:#fff9fb;border-left:4px solid #ff6b9d;border-radius:12px;margin-top:1rem;padding:1.5rem}.help-title{align-items:center;color:#7a4b6e;display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem}.help-icon{font-size:1.2rem}.help-tips{list-style:none;margin:0;padding:0}.help-tips li{color:#a586a4;padding:.5rem 0 .5rem 1.5rem;position:relative}.help-tips li:before{content:"🐾";left:0;position:absolute}.publish-section{border-top:2px dashed #ffd6e7;padding-top:2.5rem}.publish-options{display:flex;gap:2rem;margin-bottom:2rem}.option-checkbox{align-items:center;color:#7a4b6e;cursor:pointer;display:flex;gap:.5rem}.option-checkbox input{accent-color:#ff6b9d;height:18px;width:18px}.form-actions{gap:1rem;justify-content:flex-end}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:140px;padding:1rem 2rem;transition:all .3s ease}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e0e0e0}.btn-primary{background:linear-gradient(135deg,#ff6b9d,#ff2e63)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 25px #ff6b9d4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.btn-icon{font-size:1.1rem}.writing-assistant{background:#fff;border:2px solid #ffd6e7;border-radius:15px;box-shadow:0 5px 20px #7a4b6e1a;margin-top:2rem;padding:2rem}.assistant-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.assistant-icon{animation:float 3s ease-in-out infinite;font-size:2rem}.assistant-content p{color:#7a4b6e;font-weight:600;margin-bottom:1rem}.assistant-content ul{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);list-style:none;padding:0}.assistant-content li{align-items:center;background:#fff9fb;border-radius:8px;display:flex;gap:.5rem;padding:.75rem}@media (max-width:768px){.write-post-title{font-size:2rem}.write-post-form{padding:1.5rem}.category-selector{gap:.5rem}.category-option{font-size:.85rem;padding:.5rem 1rem}.form-actions{flex-direction:column}.btn{width:100%}.assistant-content ul{grid-template-columns:1fr}}:root{--primary-color:#ff6b6b;--primary-light:#ff9a9e;--primary-dark:#ff4757;--secondary-color:#6c5ce7;--accent-color:#fd79a8;--success-color:#00b894;--warning-color:#fdcb6e;--error-color:#e17055;--background-light:#f8f9fa;--background-dark:#2d3436;--text-primary:#2d3436;--text-secondary:#636e72;--text-light:#f5f6fa;--border-color:#dfe6e9;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-xl:0 20px 60px #00000026;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--gradient-primary:linear-gradient(135deg,#ff6b6b,#ff9a9e);--gradient-secondary:linear-gradient(135deg,#6c5ce7,#a29bfe);--gradient-accent:linear-gradient(135deg,#fd79a8,#f8a5c2);--gradient-bg:linear-gradient(135deg,#667eea,#764ba2)}.auth-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.auth-background{left:0;pointer-events:none;top:0;z-index:1}.auth-background,.floating-cats{height:100%;position:absolute;width:100%}.floating-cat{animation:float 6s ease-in-out infinite;font-size:2.5rem;opacity:.15;position:absolute}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.cat-1{animation-delay:0s;left:5%;top:10%}.cat-2{animation-delay:1s;right:10%;top:15%}.cat-3{animation-delay:2s;left:15%;top:40%}.cat-4{animation-delay:3s;right:5%;top:60%}.cat-5{animation-delay:4s;bottom:20%;left:10%}.cat-6{animation-delay:5s;bottom:15%;right:15%}.cat-7{animation-delay:6s;left:80%;top:70%}.cat-8{animation-delay:7s;right:25%;top:30%}.paw-prints{height:100%;position:absolute;width:100%}.paw-print{animation:paw-fade 8s ease-in-out infinite;font-size:1.2rem;opacity:.08;position:absolute}@keyframes paw-fade{0%,to{opacity:.08}50%{opacity:.15}}.auth-container{animation:slide-up .8s ease;background:#fff;border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-xl);display:grid;grid-template-columns:1fr 1fr;max-width:1200px;min-height:700px;overflow:hidden;position:relative;width:100%;z-index:2}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.auth-decoration{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;overflow:hidden;padding:50px;position:relative}.auth-decoration:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0h100v100Z' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");background-size:100% auto;bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0}.decoration-content{max-width:400px;position:relative;text-align:center;z-index:2}.cat-character{align-items:center;display:flex;height:180px;justify-content:center;margin-bottom:40px;position:relative}.cat-body{animation:cat-bounce 2s ease-in-out infinite;background:#ffb347;border-radius:50%;height:150px;position:relative;width:150px}.cat-character.success .cat-body{animation:cat-jump .5s ease}.cat-character.error .cat-body{animation:cat-shake .5s ease}.cat-character.loading .cat-body{animation:cat-pulse 1s ease-in-out infinite}@keyframes cat-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes cat-jump{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}@keyframes cat-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@keyframes cat-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cat-ears{display:flex;justify-content:space-around;left:0;padding:0 20px;position:absolute;right:0;top:-20px}.ear{background:#ffb347;height:40px;width:30px}.left-ear{transform:rotate(-15deg)}.right-ear{transform:rotate(15deg)}.cat-face{left:0;position:absolute;right:0;text-align:center;top:40px}.cat-eyes{display:flex;justify-content:space-around;margin-bottom:15px;padding:0 25px}.eye{background:#fff;height:25px;overflow:hidden;position:relative;width:25px}.eye:after{background:#333;border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.eye.happy{border-radius:50% 50% 0 0;height:15px}.eye.excited{animation:eye-twinkle .5s ease infinite}@keyframes eye-twinkle{0%,to{height:25px}50%{height:5px}}.eye.sad{border-radius:0 0 50% 50%;height:15px}.eye.loading{animation:eye-spin 1s linear infinite}@keyframes eye-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.eye.error{background:#ff6b6b}.eye.success{background:#00b894}.cat-nose{background:#ff6b6b;border-radius:50%;height:10px;margin:0 auto 8px;width:15px}.cat-mouth{background:#333;height:2px;margin:0 auto;width:20px}.cat-mouth.happy{background:#0000;border:2px solid #333;border-radius:0 0 50% 50%;border-top:none;height:10px;width:25px}.cat-whiskers{height:20px;left:0;position:absolute;right:0;top:65px}.whisker{background:#333;height:1px;position:absolute;width:30px}.left-whisker-1{left:5px;top:5px;transform:rotate(-10deg)}.left-whisker-2{left:5px;top:15px;transform:rotate(10deg)}.right-whisker-1{right:5px;top:5px;transform:rotate(10deg)}.right-whisker-2{right:5px;top:15px;transform:rotate(-10deg)}.welcome-section{margin-bottom:40px}.welcome-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:15px}.welcome-title .highlight{color:gold;display:inline-block;position:relative}.welcome-title .highlight:after{background:#ffd70033;bottom:5px;content:"";height:8px;left:0;position:absolute;width:100%;z-index:-1}.welcome-subtitle{font-size:1.1rem;margin-bottom:20px;opacity:.9}.cat-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;border-radius:var(--radius-lg);display:inline-flex;gap:10px;margin-top:15px;padding:12px 20px}.message-icon{font-size:1.2rem}.message-text{font-weight:600}.community-stats{margin-bottom:40px}.stats-title{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin-bottom:20px}.stats-grid{grid-gap:15px;gap:15px}.stat-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:12px;border-radius:var(--radius-md);padding:15px}.stat-icon{font-size:1.5rem;margin-bottom:8px}.stat-value{font-size:1.3rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.9}.cat-tips{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:16px;border-radius:var(--radius-lg);padding:25px}.tips-title{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin-bottom:15px}.tips-list{list-style:none;margin:0;padding:0;text-align:left}.tips-list li{border-bottom:1px solid #ffffff1a;padding:8px 0 8px 25px;position:relative}.tips-list li:last-child{border-bottom:none}.tips-list li:before{content:"🐾";font-size:.9rem;left:0;position:absolute;top:8px}.auth-form-section{display:flex;flex-direction:column;justify-content:center;padding:50px}.mode-toggle{margin-bottom:40px}.toggle-buttons{background:#f0f0f0;border-radius:24px;border-radius:var(--radius-xl);display:flex;padding:6px;position:relative}.toggle-button{align-items:center;background:#0000;border:none;border-radius:16px;border-radius:var(--radius-lg);color:#636e72;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s ease}.toggle-button:disabled{cursor:not-allowed;opacity:.6}.toggle-button.active{background:#fff;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);color:#ff6b6b;color:var(--primary-color)}.toggle-indicator{bottom:-10px;left:50%;position:absolute;transform:translateX(-50%)}.indicator{background:#ff6b6b;background:var(--primary-color);border-radius:2px;height:4px;transition:transform .3s ease;width:40px}.indicator.login{transform:translateX(-70px)}.indicator.register{transform:translateX(70px)}.form-header{margin-bottom:30px}.form-title{color:#2d3436;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:10px}.form-subtitle{color:#636e72;color:var(--text-secondary);font-size:1.1rem}.error-message{align-items:center;animation:slide-in .3s ease;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:10px;margin-bottom:20px;padding:15px}.general-error{background:#e74c3c1a;border:1px solid #e74c3c4d;color:#c0392b}@keyframes slide-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.auth-form{animation:fade-in .5s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.form-group{margin-bottom:25px}.form-label{align-items:center;color:#2d3436;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:10px;margin-bottom:10px}.label-icon{font-size:1.1rem}.input-wrapper{position:relative}.form-input{background:#fff;border:2px solid #dfe6e9;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);color:#2d3436;color:var(--text-primary);font-size:1rem;padding:16px 20px 16px 50px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#ff6b6b;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.form-input.error{border-color:#e17055;border-color:var(--error-color)}.form-input:disabled{background:#f8f9fa;cursor:not-allowed}.input-decoration{font-size:1.2rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.password-input{align-items:center;display:flex}.password-input .form-input{padding-right:60px}.password-toggle{background:none;border:none;border-radius:5px;color:#636e72;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease}.password-toggle:hover{background:#f0f0f0}.password-toggle:disabled{cursor:not-allowed;opacity:.6}.error-text{color:#e17055;color:var(--error-color);display:block;font-size:.9rem;margin-top:8px}.password-strength{align-items:center;display:flex;gap:15px;margin-top:12px}.strength-label{color:#636e72;color:var(--text-secondary);font-size:.9rem}.strength-bars{display:flex;flex:1 1;gap:4px}.strength-bar{border-radius:3px;flex:1 1;height:6px;transition:all .3s ease}.strength-bar.filled{transform:scaleY(1.2)}.strength-text{font-size:.9rem;font-weight:600;min-width:30px}.password-match{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:.9rem;gap:8px;margin-top:12px;padding:8px 12px}.password-match.match{background:#2ecc711a;color:#27ae60}.password-match.mismatch{background:#e74c3c1a;color:#c0392b}.form-options{justify-content:space-between;margin-bottom:30px}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{cursor:pointer;gap:10px;-webkit-user-select:none;user-select:none}.checkbox-input{display:none}.checkbox-custom{border:2px solid #dfe6e9;border:2px solid var(--border-color);border-radius:5px;height:20px;position:relative;transition:all .3s ease;width:20px}.checkbox-input:checked+.checkbox-custom{background:#ff6b6b;background:var(--primary-color);border-color:#ff6b6b;border-color:var(--primary-color)}.checkbox-input:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-text{color:#636e72;color:var(--text-secondary);font-size:.95rem}.forgot-password{background:none;border:none;border-radius:5px;color:#ff6b6b;color:var(--primary-color);cursor:pointer;font-size:.95rem;padding:5px;transition:color .3s ease}.forgot-password:hover{color:#ff4757;color:var(--primary-dark);text-decoration:underline}.forgot-password:disabled{cursor:not-allowed;opacity:.6}.submit-button{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff9a9e);background:var(--gradient-primary);border:none;border-radius:16px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:20px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease;width:100%}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-button:hover:before{left:100%}.submit-button:hover{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.demo-button{align-items:center;background:#0000;border:2px dashed #dfe6e9;border:2px dashed var(--border-color);border-radius:16px;border-radius:var(--radius-lg);color:#636e72;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:30px;padding:16px;transition:all .3s ease;width:100%}.demo-button:hover{background:#ff6b6b0d;border-color:#ff6b6b;border-color:var(--primary-color);color:#ff6b6b;color:var(--primary-color)}.demo-button:disabled{cursor:not-allowed;opacity:.6}.divider{align-items:center;color:#636e72;color:var(--text-secondary);display:flex;margin:30px 0}.divider:after,.divider:before{background:#dfe6e9;background:var(--border-color);content:"";flex:1 1;height:1px}.divider-text{font-size:.9rem;padding:0 15px}.social-login{margin-bottom:30px}.social-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.social-button{align-items:center;background:#fff;border:2px solid #dfe6e9;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);color:#636e72;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .3s ease}.social-button:hover{box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.social-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.social-button.github:hover{border-color:#333;color:#333}.social-button.google:hover{border-color:#4285f4;color:#4285f4}.social-button.wechat:hover{border-color:#07c160;color:#07c160}.mode-switch{margin:25px 0;text-align:center}.switch-text{color:#636e72;color:var(--text-secondary);font-size:1rem;margin-right:10px}.switch-button{background:none;border:none;border-radius:5px;color:#ff6b6b;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600;padding:5px 10px;transition:all .3s ease}.switch-button:hover{color:#ff4757;color:var(--primary-dark);text-decoration:underline}.switch-button:disabled{cursor:not-allowed;opacity:.6}.privacy-notice{border-top:1px solid #dfe6e9;border-top:1px solid var(--border-color);margin-top:30px;padding-top:20px}.privacy-text{color:#636e72;color:var(--text-secondary);font-size:.9rem;line-height:1.5;text-align:center}.privacy-link{color:#ff6b6b;color:var(--primary-color);margin:0 5px;text-decoration:none}.privacy-link:hover{text-decoration:underline}.back-home{margin-top:20px;text-align:center}.home-link{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#636e72;color:var(--text-secondary);display:inline-flex;font-size:.95rem;gap:8px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.home-link:hover{background:#ff6b6b1a;color:#ff6b6b;color:var(--primary-color)}.auth-footer{margin-top:40px;text-align:center}.footer-content{margin:0 auto;max-width:600px}.footer-cats{display:flex;gap:20px;justify-content:center;margin-bottom:15px}.footer-cat{animation:wave 3s ease-in-out infinite;font-size:1.8rem;opacity:.7}.footer-cat:first-child{animation-delay:0s}.footer-cat:nth-child(2){animation-delay:.2s}.footer-cat:nth-child(3){animation-delay:.4s}.footer-cat:nth-child(4){animation-delay:.6s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.footer-text{color:#636e72;color:var(--text-secondary);font-size:.9rem;opacity:.8}@media (max-width:1024px){.auth-container{grid-template-columns:1fr;max-width:600px}.auth-decoration{display:none}.auth-form-section{padding:40px}}@media (max-width:768px){.auth-page{padding:10px}.auth-container{border-radius:24px;border-radius:var(--radius-xl);min-height:auto}.auth-form-section{padding:30px 20px}.social-buttons{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.toggle-buttons{background:none;flex-direction:column;gap:10px;padding:0}.toggle-button{border:2px solid #dfe6e9;border:2px solid var(--border-color);margin-bottom:10px;width:100%}.toggle-indicator{display:none}.form-options{align-items:flex-start;flex-direction:column;gap:15px}.hero-title{font-size:2rem}.cat-body{height:120px;width:120px}}*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.user-center{background-color:#f8f9fa;min-height:100vh}.user-center-loading{align-items:center;background-color:#f8f9fa;display:flex;height:100vh;justify-content:center}.loading-cat{text-align:center}.cat-emoji{font-size:48px;margin-bottom:16px}.loading-dots{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background-color:#ff9aa2;border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.user-center-error{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.error-cat{font-size:48px;margin-bottom:16px}.user-center-error h3{color:#dc3545;font-size:24px;margin-bottom:8px}.user-center-error p{color:#6c757d;margin-bottom:20px}.retry-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s}.retry-btn:hover{background-color:#0056b3}.user-cover{height:300px;overflow:hidden;position:relative}.user-cover img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.user-cover:hover img{transform:scale(1.02)}.cover-overlay{background:linear-gradient(180deg,#0000001a,#0006);height:100%;left:0;position:absolute;top:0;width:100%}.cover-actions{bottom:20px;position:absolute;right:20px;z-index:10}.cover-edit-btn{align-items:center;background-color:#fffc;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s}.cover-edit-btn:hover{background-color:#fff;transform:translateY(-2px)}.cover-edit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.user-container{display:flex;gap:20px;margin:-80px auto 0;max-width:1200px;padding:20px}.user-sidebar{flex-shrink:0;width:300px}.user-avatar{border:5px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:160px;margin:0 auto 20px;overflow:hidden;position:relative;width:160px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-ring{animation:rotate 4s linear infinite;background:linear-gradient(45deg,#ff9aa2,#ffb7b2,#ffd6a5,#caffbf,#9bf6ff,#bdb2ff,#ffc6ff) border-box;border:2px solid #0000;border-radius:50%;height:100%;left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;top:0;width:100%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.avatar-edit-btn{align-items:center;background-color:#fff;border:none;border-radius:50%;bottom:10px;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:10px;transition:all .3s;width:36px}.avatar-edit-btn:hover{transform:scale(1.1)}.avatar-edit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.user-info-edit,.user-info-static{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;padding:20px}.user-name{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.user-title{color:#718096;margin-bottom:20px;text-align:center}.user-stats{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-around;margin-bottom:20px;padding-bottom:20px}.stat-item{text-align:center}.stat-number{color:#4a5568;display:block;font-size:20px;font-weight:700;margin-bottom:4px}.stat-label{color:#718096;font-size:14px}.user-details{margin-bottom:20px}.detail-item{align-items:center;display:flex;gap:12px;margin-bottom:12px}.detail-icon{font-size:18px;text-align:center;width:24px}.detail-text{color:#4a5568}.edit-btn{align-items:center;background-color:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:background-color .3s;width:100%}.edit-btn:hover{background-color:#3182ce}.edit-title{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.edit-form{gap:16px}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#4a5568;font-size:14px;font-weight:500}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:10px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.form-actions{display:flex;gap:10px;margin-top:10px}.save-btn{background-color:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:background-color .3s}.save-btn:hover{background-color:#38a169}.save-btn:disabled{cursor:not-allowed;opacity:.7}.cancel-btn{background-color:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:background-color .3s}.cancel-btn:hover{background-color:#c53030}.cancel-btn:disabled{cursor:not-allowed;opacity:.7}.sidebar-widget{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;padding:20px}.sidebar-widget h3{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:16px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.stat-card{background-color:#f7fafc;border-radius:8px;padding:12px;text-align:center}.stat-card-value{color:#4a5568;font-size:18px;font-weight:700;margin-bottom:4px}.stat-card-label{color:#718096;font-size:12px}.category-list{display:flex;flex-direction:column;gap:8px}.category-stat{background-color:#f7fafc;border-radius:6px;display:flex;justify-content:space-between;padding:8px}.category-name{color:#4a5568;font-weight:500}.category-count{color:#718096}.user-main{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;flex:1 1;overflow:hidden}.user-tabs{border-bottom:1px solid #e2e8f0;display:flex}.tab-btn{background:none;border:none;color:#718096;cursor:pointer;font-size:16px;font-weight:500;padding:16px 24px;transition:all .3s}.tab-btn.active{border-bottom:2px solid #4299e1;color:#4299e1}.tab-btn:hover:not(.active){background-color:#f7fafc;color:#4a5568}.tab-content{padding:24px}.user-bio{margin-bottom:30px}.user-bio h3{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:16px}.bio-text{color:#4a5568;font-size:16px;line-height:1.6}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:#2d3748;font-size:18px;font-weight:600}.view-all-btn{background-color:#f7fafc;border:none;border-radius:6px;color:#4299e1;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s}.view-all-btn:hover{background-color:#e8f4f8}.recent-section{margin-bottom:30px}.recent-posts{display:flex;flex-direction:column;gap:16px}.recent-post{background-color:#f7fafc;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:transform .3s,box-shadow .3s}.recent-post:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.post-image{border-radius:6px;flex-shrink:0;height:80px;overflow:hidden;width:120px}.post-image img{height:100%;object-fit:cover;width:100%}.recent-post-content{flex:1 1}.post-title{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:8px}.post-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;font-size:14px;margin-bottom:8px;overflow:hidden}.post-meta{color:#a0aec0;display:flex;font-size:12px;justify-content:space-between}.post-date{color:#718096}.popular-section{margin-bottom:30px}.popular-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.popular-card{background-color:#f7fafc;border-radius:8px;cursor:pointer;overflow:hidden;transition:transform .3s,box-shadow .3s}.popular-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.popular-card-image{height:120px}.popular-card-image img{height:100%;object-fit:cover;width:100%}.popular-card-content{padding:12px}.popular-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2d3748;display:-webkit-box;font-size:14px;font-weight:600;margin-bottom:8px;overflow:hidden}.popular-meta{color:#718096;display:flex;font-size:12px;justify-content:space-between}.user-posts-section{margin-bottom:30px}.new-post-btn{align-items:center;background-color:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .3s}.new-post-btn:hover{background-color:#3182ce}.posts-list{display:flex;flex-direction:column;gap:16px}.user-post-card{border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:20px;transition:border-color .3s,box-shadow .3s}.user-post-card:hover{border-color:#4299e1;box-shadow:0 4px 12px #00000014}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.post-category{background-color:#e8f4f8;border-radius:12px;color:#4299e1;font-size:12px;font-weight:500;padding:2px 8px}.post-footer{border-top:1px solid #f7fafc;color:#718096;font-size:14px;justify-content:space-between;margin-top:12px;padding-top:12px}.delete-post-btn,.post-footer{align-items:center;display:flex}.delete-post-btn{background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#e53e3e;cursor:pointer;font-size:12px;gap:4px;padding:4px 8px;transition:all .3s}.delete-post-btn:hover{background-color:#fee2e2}.delete-post-btn:disabled{cursor:not-allowed;opacity:.7}.delete-icon{font-size:14px}.delete-loading{animation:spin 1s linear infinite;font-size:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-posts{color:#718096;padding:40px 20px;text-align:center}.no-posts-cat{font-size:48px;margin-bottom:16px}.no-posts h4{color:#4a5568;font-size:20px;margin-bottom:8px}.start-writing-btn{background-color:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:20px;padding:10px 20px;transition:background-color .3s}.start-writing-btn:hover{background-color:#3182ce}.drafts-section{padding:40px 20px;text-align:center}.empty-state{color:#718096}.empty-cat{font-size:48px;margin-bottom:16px}.empty-state h4{color:#4a5568;font-size:20px;margin-bottom:8px}.new-draft-btn{background-color:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:20px;padding:10px 20px;transition:background-color .3s}.new-draft-btn:hover{background-color:#38a169}.popular-articles-section{margin-bottom:30px}.section-subtitle{color:#718096;font-size:14px}.popular-articles-grid{display:flex;flex-direction:column;gap:16px}.popular-article-card{background-color:#f7fafc;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:transform .3s,box-shadow .3s}.popular-article-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.article-rank{align-items:center;background-color:#4299e1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.article-image{border-radius:6px;flex-shrink:0;height:100px;overflow:hidden;width:100px}.article-image img{height:100%;object-fit:cover;width:100%}.article-content{flex:1 1}.article-title{color:#2d3748;font-size:16px;font-weight:600}.article-excerpt,.article-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:8px;overflow:hidden}.article-excerpt{color:#718096;font-size:14px}.article-meta{color:#718096;display:flex;font-size:12px;justify-content:space-between}.article-category{background-color:#f0f8fb;border-radius:12px;color:#4299e1;padding:2px 8px}.delete-confirm-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.delete-confirm-modal *{pointer-events:auto}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%}.modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background-color:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:400px;padding:24px;position:relative;width:90%;z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:16px;text-align:center}.modal-message{color:#4a5568;font-size:14px;line-height:1.6;margin-bottom:24px;text-align:center}.warning-text{color:#e53e3e;display:block;font-weight:500;margin-top:8px}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-cancel-btn{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-weight:500;min-width:100px;padding:10px 20px;transition:all .3s}.modal-cancel-btn:hover{background-color:#e8f4f8;transform:translateY(-1px)}.modal-confirm-btn{background-color:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;min-width:100px;padding:10px 20px;transition:all .3s}.modal-confirm-btn:hover{background-color:#c53030;box-shadow:0 4px 12px #e53e3e33;transform:translateY(-1px)}.modal-cancel-btn:disabled,.modal-confirm-btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}@media (max-width:768px){.user-container{flex-direction:column;margin-top:-40px;padding:10px}.user-sidebar{width:100%}.popular-grid{grid-template-columns:1fr}.recent-post{flex-direction:column}.post-image{height:180px;width:100%}.popular-article-card{flex-direction:column}.article-image{height:180px;width:100%}.user-tabs{overflow-x:auto;white-space:nowrap}.tab-btn{font-size:14px;padding:12px 16px}}.not-found-content{align-items:center;background:#f0f2f5;display:flex;flex:1 1;justify-content:center}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#f96;--primary-light:#fc9;--primary-dark:#ff5e62;--secondary-color:#5b86e5;--secondary-light:#36d1dc;--accent-color:#ff6b6b;--text-primary:#333;--text-secondary:#666;--text-light:#999;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f0f2f5;--border-color:#e1e5eb;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:999px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--header-height:70px;--footer-height:200px;--max-width:1200px;--font-family:"PingFang SC","Microsoft YaHei","Segoe UI",-apple-system,sans-serif;--font-mono:"SF Mono","Fira Code","Cascadia Code",monospace}[data-theme=dark]{--primary-color:#f96;--primary-light:#fc9;--primary-dark:#ff5e62;--secondary-color:#5b86e5;--secondary-light:#36d1dc;--accent-color:#ff6b6b;--text-primary:#fff;--text-secondary:#ccc;--text-light:#999;--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3a3a3a;--border-color:#444;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006}html{font-size:16px;scroll-behavior:smooth}body{background-color:#fff;background-color:var(--bg-primary);color:#333;color:var(--text-primary);font-family:PingFang SC,Microsoft YaHei,Segoe UI,-apple-system,sans-serif;font-family:var(--font-family);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}.App{background:linear-gradient(135deg,#f8f9fa,#fff);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:30px 20px;position:relative;width:100%}.page-content{animation-duration:.3s;animation-fill-mode:both}.fadeIn{animation-name:fadeIn}.fadeOut{animation-name:fadeOut}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.app-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-container{color:#fff;text-align:center}.cat-loader{height:100px;margin:0 auto 30px}.cat,.cat-loader{position:relative;width:100px}.cat{height:50px}.ear{background:#fff;border-radius:50% 50% 0 0;height:30px;position:absolute;top:-20px;width:20px}.ear--left{animation:earTwitchLeft 1.5s infinite;left:20px;transform:rotate(-30deg)}.ear--right{animation:earTwitchRight 1.5s .2s infinite;right:20px;transform:rotate(30deg)}.face{background:#fff;border-radius:50px;bottom:0;left:0;right:0;top:0}.eye,.face{position:absolute}.eye{animation:blink 2s infinite;background:#333;border-radius:50%;height:12px;top:15px;width:12px}.eye--left{left:25px}.eye--right{right:25px}.eye-pupil{background:#fff;border-radius:50%;height:4px;left:3px;position:absolute;top:3px;width:4px}.muzzle{background:pink;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;bottom:10px;height:10px;left:50%;position:absolute;transform:translateX(-50%);width:20px}@keyframes earTwitchLeft{0%,to{transform:rotate(-30deg)}50%{transform:rotate(-20deg)}}@keyframes earTwitchRight{0%,to{transform:rotate(30deg)}50%{transform:rotate(40deg)}}@keyframes blink{0%,45%,55%,to{height:12px}50%{height:2px}}.loading-text{animation:pulse 1.5s infinite;font-size:24px;font-weight:700;margin-bottom:10px}.loading-subtext{font-size:14px;opacity:.8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.back-to-top{align-items:center;background:linear-gradient(45deg,#f96,#ff5e62);background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));border:none;border-radius:999px;border-radius:var(--radius-full);bottom:30px;box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:20px;height:50px;justify-content:center;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:all .3s ease;transition:all var(--transition-normal);visibility:hidden;width:50px;z-index:100}.back-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.back-to-top:hover{box-shadow:0 12px 40px #ff5e624d;transform:translateY(-5px)}.back-to-top:active{transform:translateY(0)}.cat-paw{font-size:14px;margin-bottom:2px}.arrow-up{font-size:16px;font-weight:700}.theme-toggle-float{align-items:center;background:linear-gradient(45deg,#5b86e5,#36d1dc);background:linear-gradient(45deg,var(--secondary-color),var(--secondary-light));border:none;border-radius:999px;border-radius:var(--radius-full);bottom:30px;box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;left:30px;position:fixed;transition:all .3s ease;transition:all var(--transition-normal);width:50px;z-index:100}.theme-toggle-float:hover{box-shadow:0 12px 40px #5b86e54d;transform:rotate(30deg) scale(1.1)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-secondary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(#f96,#ff5e62);background:linear-gradient(var(--primary-color),var(--primary-dark))}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff5e62,#ff6b6b);background:linear-gradient(var(--primary-dark),var(--accent-color))}::selection{background-color:#fc9;background-color:var(--primary-light);color:#333;color:var(--text-primary)}::-moz-selection{background-color:#fc9;background-color:var(--primary-light);color:#333;color:var(--text-primary)}a{color:#5b86e5;color:var(--secondary-color);position:relative;text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}a:hover{color:#36d1dc;color:var(--secondary-light)}a:after{background:linear-gradient(90deg,#5b86e5,#36d1dc);background:linear-gradient(to right,var(--secondary-color),var(--secondary-light));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;transition:width var(--transition-normal);width:0}a:hover:after{width:100%}button{border:none;cursor:pointer;font-family:PingFang SC,Microsoft YaHei,Segoe UI,-apple-system,sans-serif;font-family:var(--font-family);outline:none;transition:all .3s ease;transition:all var(--transition-normal)}.btn-primary{background:linear-gradient(45deg,#f96,#ff5e62);background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);color:#fff;font-size:16px;font-weight:600;padding:12px 24px}.btn-primary:hover{box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(45deg,#5b86e5,#36d1dc);background:linear-gradient(45deg,var(--secondary-color),var(--secondary-light));border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);color:#fff;font-size:16px;font-weight:600;padding:12px 24px}.btn-secondary:hover{box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #5b86e5;border:2px solid var(--secondary-color);border-radius:12px;border-radius:var(--radius-md);color:#5b86e5;color:var(--secondary-color);font-size:16px;font-weight:600;padding:12px 24px}.btn-outline:hover{background:#5b86e5;background:var(--secondary-color);color:#fff}.card{background:#fff;background:var(--bg-primary);border:1px solid #e1e5eb;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);padding:24px;transition:all .3s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-5px)}input,select,textarea{background:#fff;background:var(--bg-primary);border:2px solid #e1e5eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#333;color:var(--text-primary);font-family:PingFang SC,Microsoft YaHei,Segoe UI,-apple-system,sans-serif;font-family:var(--font-family);font-size:16px;padding:12px 16px;transition:all .2s ease;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#5b86e5;border-color:var(--secondary-color);box-shadow:0 0 0 3px #5b86e51a;outline:none}.text-center{text-align:center}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f96,#ff5e62);background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 20px}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.grid{display:grid}.gap-sm{gap:10px}.gap-md{gap:20px}.gap-lg{gap:30px}.mt-sm{margin-top:10px}.mt-md{margin-top:20px}.mt-lg{margin-top:30px}.mb-sm{margin-bottom:10px}.mb-md{margin-bottom:20px}.mb-lg{margin-bottom:30px}@media (max-width:768px){:root{--header-height:60px;--footer-height:180px}main{padding:20px 15px}.back-to-top,.theme-toggle-float{bottom:20px;height:45px;left:20px;right:20px;width:45px}.theme-toggle-float{left:20px}.cat-loader{height:80px;width:80px}.loading-text{font-size:20px}}@media (max-width:480px){main{padding:15px 10px}.back-to-top,.theme-toggle-float{bottom:15px;font-size:16px;height:40px;left:15px;right:15px;width:40px}.cat-paw{font-size:12px}.arrow-up{font-size:14px}}@media print{.app-loading,.back-to-top,.theme-toggle-float{display:none!important}body{background:#fff!important}a,body{color:#000!important}a{text-decoration:underline!important}a:after{display:none!important}}
/*# sourceMappingURL=main.b62314ce.css.map*/