:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--secondary-color: #ec4899;--bg-body: #f8fafc;--bg-card: #ffffff;--text-main: #1e293b;--text-sub: #64748b;--text-light: #94a3b8;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--header-height: 4.5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-float: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--font-base: "Inter", "Noto Serif SC", system-ui, -apple-system, sans-serif;--transition-base: all .3s ease-in-out;--bg-hero-image: url(https://images.unsplash.com/photo-1490750967868-58cb75069ed6?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-base);color:var(--text-main);background-color:var(--bg-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--primary-color);color:#fff}a{text-decoration:none;color:inherit;transition:var(--transition-base);cursor:pointer}a:hover{color:var(--primary-color)}ul{list-style:none}.site-header{position:fixed;top:0;width:100%;height:var(--header-height);z-index:999;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);transition:var(--transition-base)}.site-header.shrink{height:3.75rem;background:#fffffff2;box-shadow:var(--shadow-md)}.site-branding{display:flex;flex-direction:column}.site-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.site-description{font-size:.75rem;color:var(--text-sub);margin-top:-2px}.site-navigation ul{display:flex;gap:var(--space-lg)}.site-navigation a{font-size:1rem;color:var(--text-main);font-weight:500;position:relative;padding:.5rem 0}.site-navigation a:after{content:"";display:block;position:absolute;bottom:0;height:2px;width:0;background:var(--primary-color);transition:width .3s ease-in-out;border-radius:2px}.site-navigation a:hover:after{width:100%}.header-user-avatar img{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #fff;box-shadow:var(--shadow-sm);transition:var(--transition-base)}.header-user-avatar img:hover{transform:rotate(360deg) scale(1.1);box-shadow:var(--shadow-md)}.headertop{position:relative;height:100vh;width:100%;background-color:var(--bg-body);overflow:hidden;margin-bottom:0}.headertop.article-header{height:60vh;min-height:400px}.headertop:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--bg-hero-image);background-position:center center;background-size:cover;background-attachment:fixed;z-index:0;filter:brightness(.9);animation:kenburns 25s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.12) translateZ(0)}}.focusinfo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:#fff;padding:var(--space-lg) var(--space-xl);background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center;width:90%;max-width:600px;transition:var(--transition-base)}.focusinfo:hover{background:#fff3;transform:translate(-50%,-52%)}.center-text{font-size:3rem;font-weight:700;margin-bottom:var(--space-sm);letter-spacing:2px}.header-info p{font-size:1.1rem;color:#fffffff2;margin-bottom:var(--space-md)}.top-social{display:flex;justify-content:center;gap:var(--space-md)}.top-social li a{font-size:1.5rem;color:#fff;opacity:.8;transition:var(--transition-base)}.top-social li a:hover{opacity:1;transform:translateY(-3px)}.sakura-title{position:relative;color:transparent;background:linear-gradient(135deg,#fff 0%,#fff 40%,var(--secondary-color) 80%,var(--primary-color) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;animation:gradient-flow 5s ease infinite,blur-reveal 1.5s cubic-bezier(.23,1,.32,1) forwards;opacity:0;filter:blur(10px);transform:translateY(20px)}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes blur-reveal{0%{opacity:0;filter:blur(12px);transform:translateY(20px) scale(.95)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}.wave-container{position:absolute;bottom:0;left:0;width:100%;height:5rem;z-index:1;line-height:0}.wave-path{fill:var(--bg-body)}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s;fill:#f8fafcb3}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s;fill:#f8fafc80}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s;fill:#f8fafc4d}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s;fill:var(--bg-body)}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.headertop-down{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);z-index:5;color:#fff;font-size:2rem;animation:bounce 2s infinite;cursor:pointer}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}#content{max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg);position:relative;z-index:3}.single-content .post-content{max-width:800px;margin:0 auto;background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:-3rem}@media(max-width:768px){.single-content .post-content{padding:var(--space-md);margin-top:-1rem}}.notice{padding:var(--space-sm) var(--space-md);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);background:#6366f10d;margin-bottom:var(--space-lg);color:var(--text-sub);text-align:center;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.notice i{color:var(--primary-color)}.chat-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:0;margin-bottom:var(--space-xl);height:600px;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-base)}.chat-container:hover{box-shadow:var(--shadow-lg)}.chat-box{flex:1;overflow-y:auto;padding:var(--space-lg);background:#f1f5f9}.message{display:flex;margin-bottom:var(--space-md);align-items:flex-end}.user-message{flex-direction:row-reverse}.message-avatar img{width:2.5rem;height:2.5rem;border-radius:50%;box-shadow:var(--shadow-sm);margin:0 var(--space-xs)}.message-content{max-width:70%}.message-bubble{background:var(--bg-card);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border-bottom-left-radius:2px;box-shadow:var(--shadow-sm);font-size:.95rem;line-height:1.5;color:var(--text-main)}.user-message .message-bubble{background:var(--primary-color);color:#fff;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:2px;box-shadow:0 4px 6px -1px #6366f166}.input-area{display:flex;padding:var(--space-md);background:var(--bg-card);border-top:1px solid #e2e8f0}.input-area input{flex:1;padding:.75rem 1.25rem;border-radius:var(--radius-full);border:2px solid #e2e8f0;outline:none;background:#f8fafc;transition:var(--transition-base);font-size:1rem;height:3rem}.input-area input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.send-btn{width:3rem;height:3rem;margin-left:var(--space-sm);border:none;border-radius:50%;background:var(--primary-color);color:#fff;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.send-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.post-entry{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);transition:var(--transition-base);display:flex;flex-direction:row;height:16rem}.post-entry:hover{box-shadow:var(--shadow-float);transform:translateY(-4px)}.feature-image{width:45%;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.feature-image:hover img{transform:scale(1.05)}.entry-header{padding:var(--space-lg) var(--space-lg) var(--space-xs)}.entry-content{padding:0 var(--space-lg);flex:1;color:var(--text-sub)}.post-footer{padding:var(--space-md) var(--space-lg);color:var(--text-light)}.entry-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs);color:var(--text-main)}.p-time{font-size:.875rem;color:var(--text-light)}.site-footer{text-align:center;padding:var(--space-xl) 0;background:var(--bg-card);color:var(--text-light);font-size:.875rem;border-top:1px solid #e2e8f0}@media(max-width:1024px){.headertop{height:70vh}.headertop.article-header{height:50vh}.focusinfo{width:85%;padding:var(--space-md)}.center-text{font-size:2.5rem}}@media(max-width:768px){:root{--header-height: 4rem;--space-xl: 2rem}.site-navigation{display:none}.post-entry{flex-direction:column;height:auto}.feature-image{width:100%;height:200px}.headertop{height:60vh}.headertop.article-header{height:45vh}.center-text{font-size:2rem}.focusinfo{width:92%}.chat-container{height:80vh}}@media(max-width:480px){.center-text{font-size:1.5rem}.header-info p{font-size:.9rem}.site-header{padding:0 var(--space-md)}}.comic-box{background:#fff;border:3px solid #2D3436;box-shadow:4px 4px #2d3436;border-radius:12px}