.header{position:sticky;top:0;z-index:100;background:#faf9f7d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light)}.header-container{position:relative;display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.logo{display:flex;align-items:baseline;gap:1px;text-decoration:none;flex-shrink:0;line-height:1;transition:opacity var(--transition-fast)}.logo:hover{opacity:.6}.logo-text{font-family:var(--font-serif);font-size:1.75rem;color:var(--color-text);letter-spacing:.02em}.logo-dot{color:var(--color-primary);font-size:2.2rem;line-height:1;margin-left:1px;transition:color var(--transition-fast)}.logo:hover .logo-dot{color:var(--color-primary-dark)}.nav{display:flex;align-items:center;gap:var(--space-xl);margin-left:auto}.nav-item{position:relative;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);padding:var(--space-sm) 0;line-height:1}.nav-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.nav-item:hover,.nav-item.active{color:var(--color-text)}.nav-item:hover:after,.nav-item.active:after{width:100%}.nav-item.active{color:var(--color-primary-dark)}.header-right{display:flex;align-items:baseline;gap:var(--space-md);flex-shrink:0}.mobile-menu-toggle{display:none;padding:var(--space-sm);background:none;border:none;color:var(--color-text);cursor:pointer}.mobile-nav{position:fixed;top:72px;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:100;display:none;flex-direction:column;box-shadow:var(--shadow-md)}.mobile-nav.open{display:flex}.mobile-nav-inner{max-width:1200px;margin:0 auto;width:100%;padding:0 var(--space-md)}.mobile-nav .nav-item{display:block;padding:var(--space-md) 0;font-size:var(--text-base);color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-border-light);text-align:center}.mobile-nav .nav-item:last-child{border-bottom:none}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}@media (max-width: 768px){.desktop-nav{display:none}.header-right{display:flex;align-items:center;gap:var(--space-sm)}.mobile-menu-toggle{display:block;z-index:101;position:relative}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav-inner{padding:0 var(--space-md)}}.footer{position:relative;margin-top:auto;padding:var(--space-xl) 0 var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border);overflow:hidden}.footer-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.footer-particle{position:absolute;background:var(--color-primary);border-radius:50%;opacity:0;animation:footerFloat linear infinite}@keyframes footerFloat{0%,to{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.4;transform:translateY(-6px) scale(1)}90%{opacity:.15;transform:translateY(-20px) scale(.8)}}.footer-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:background .3s ease}.footer-container{position:relative;z-index:1}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.footer-quote{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:0 var(--space-xl)}.quote-mark,.quote-mark-end{display:none}.quote-text{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:500;color:var(--color-text);line-height:1.6;max-width:560px;letter-spacing:.01em}.quote-source{font-size:var(--text-sm);color:var(--color-text);font-style:normal;margin-top:var(--space-xs)}.footer-divider{width:48px;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary-light),transparent);border-radius:1px}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.footer-socials{display:flex;align-items:center;gap:var(--space-md)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--color-text-secondary);background:var(--color-border-light);transition:all var(--transition-normal);text-decoration:none}.footer-social-link:hover{color:var(--color-primary-dark);background:var(--color-border);transform:translateY(-2px)}.footer-social-link svg{flex-shrink:0}.footer-meta{display:flex;align-items:center;gap:var(--space-md)}.footer-visitor{font-size:var(--text-xs);color:var(--color-text-muted)}.footer-copyright{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-muted)}.footer-heart{color:var(--color-primary);animation:heartbeat 1.5s ease infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (max-width: 768px){.footer{padding:var(--space-lg) 0 var(--space-md)}.footer-quote{display:none}.footer-meta{flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.footer-socials{gap:var(--space-sm)}}.footer-quote-inline{display:none;font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.footer-quote-inline .quote-mark{color:var(--color-primary);font-style:normal}@media (max-width: 768px){.footer-quote-inline{display:inline}}.layout{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background:#faf8f5f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.main-content{flex:1;min-height:calc(100vh - 72px);padding-top:1vh;padding-bottom:var(--spacing-3xl)}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0}.home{height:calc(100vh - 72px)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;overflow:hidden}.text-3d-wrapper{position:relative;width:100%;flex:1;height:100%;z-index:1;display:flex;align-items:center;justify-content:center}.particle-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.placeholder-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.placeholder-dot{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ffb7c5,#ff5280);opacity:0;animation:float-up 3s ease-in-out infinite}@keyframes float-up{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.8}80%{opacity:.3}to{opacity:0;transform:translateY(-120px) scale(1)}}.hero-cta{position:relative;z-index:10;margin-top:var(--space-3xl);animation:fadeIn 1s ease .8s both}.cta-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--text-base);font-weight:500;color:#fff;background:var(--color-primary);border-radius:var(--radius-full);transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.cta-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-btn svg{transition:transform var(--transition-fast)}.cta-btn:hover svg{transform:translate(4px)}.motto{font-size:var(--text-lg);color:var(--color-text-secondary);font-style:italic;text-align:center}.social-links{display:flex;align-items:center;gap:var(--space-lg)}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;transition:all var(--transition-normal)}.social-link:hover{color:var(--color-primary-dark);border-color:var(--color-primary-light);transform:translateY(-3px)}@media (max-width: 768px){.home{height:auto;min-height:calc(100vh - 56px)}.hero{height:auto;min-height:calc(100vh - 56px);padding:var(--space-lg) 0;gap:var(--space-md)}.text-3d-wrapper{min-height:40vh;position:relative;height:auto}}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-surface) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:14px;overflow:hidden}.skeleton-card-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px}.articles-page{min-height:100vh;background:var(--color-background);animation:fadeIn .4s ease}.articles-container{max-width:900px;margin:0 auto;padding:56px 24px 80px;text-align:center}.articles-header{display:flex;align-items:baseline;gap:16px;justify-content:center}.articles-heading{font-size:1.6rem;font-weight:700;color:var(--color-text);font-family:var(--font-serif)}.articles-count{font-size:13px;color:var(--color-text-muted)}.articles-grid{column-count:3;column-gap:20px}.article-card{background:var(--color-surface);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:1px solid var(--color-border-light);display:flex;flex-direction:column;break-inside:avoid;margin-bottom:20px}.article-card:first-child{border-top:2px solid var(--color-primary-light)}.article-card:hover{border-color:var(--color-primary-light);box-shadow:0 12px 40px #a68b6a2e;transform:translateY(-4px) rotate(-.3deg)}.article-card-cover{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-border-light);flex-shrink:0}.article-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.article-card:hover .article-card-cover img{transform:scale(1.05)}.article-card-body{padding:18px 20px 20px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.article-card-title{font-size:14px;font-weight:600;color:var(--color-text);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-excerpt{font-size:13px;color:var(--color-text-secondary);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.article-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted);margin-top:auto}.article-card-date,.article-card-views{display:flex;align-items:center;gap:4px}.article-card-sep{width:3px;height:3px;border-radius:50%;background:var(--color-text-muted);opacity:.5}.articles-loading{width:100%}.articles-empty{text-align:center;padding:80px 0;color:var(--color-text-muted);font-size:14px}@media (max-width: 900px){.articles-grid{column-count:2}}@media (max-width: 680px){.articles-container{padding:40px 16px 60px}.articles-grid{column-count:1}}.comments-section{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border-light)}.comments-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);color:var(--color-text)}.comments-header h3{font-size:var(--text-lg);font-family:var(--font-serif);font-weight:600;margin:0}.comments-count{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-border-light);padding:2px 8px;border-radius:var(--radius-full)}.comment-form{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.replying-to{display:flex;align-items:center;justify-content:space-between;background:var(--color-border-light);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.replying-to button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--text-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.comment-input,.comment-textarea{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.comment-input:focus,.comment-textarea:focus{border-color:var(--color-primary-light)}.comment-textarea{resize:vertical;min-height:100px;margin-bottom:var(--space-md)}.comment-countdown{display:flex;align-items:center;gap:var(--space-xs);background:#a68b6a1a;color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.form-footer{display:flex;align-items:center;justify-content:space-between}.char-count{font-size:var(--text-xs);color:var(--color-text-muted)}.submit-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:500;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.submit-btn:hover:not(:disabled){background:var(--color-primary-dark)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.comments-loading,.comments-empty{text-align:center;padding:var(--space-xl) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.comments-list{display:flex;flex-direction:column;gap:var(--space-lg)}.comment-item{display:flex;gap:var(--space-md)}.comment-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;flex-shrink:0}.comment-avatar.small{width:28px;height:28px;font-size:var(--text-xs)}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xs)}.comment-author{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.comment-date{font-size:var(--text-xs);color:var(--color-text-muted)}.comment-content{font-size:var(--text-sm);line-height:1.7;color:var(--color-text);margin:0 0 var(--space-sm);white-space:pre-wrap;word-break:break-word}.comment-actions{display:flex;align-items:center;gap:var(--space-md)}.reply-btn,.delete-btn{background:none;border:none;font-size:var(--text-xs);cursor:pointer;display:inline-flex;align-items:center;gap:3px;padding:0;transition:color var(--transition-fast)}.reply-btn{color:var(--color-text-muted)}.reply-btn:hover{color:var(--color-primary)}.delete-btn{color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.comment-item:hover .delete-btn{opacity:1}.delete-btn:hover{color:var(--color-error, #ef4444)}.replies{margin-top:var(--space-md);padding-left:var(--space-lg);border-left:2px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-md)}.reply-item{gap:var(--space-sm)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.comment-avatar{width:28px;height:28px;font-size:var(--text-xs)}.replies{padding-left:var(--space-md)}}.load-more-btn{display:block;width:100%;margin-top:var(--space-lg);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.load-more-btn:hover:not(:disabled){border-color:var(--color-primary-light);color:var(--color-primary)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.article-loading,.article-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:var(--space-lg)}.article-error p{color:var(--color-text-muted);font-size:15px}.article-error button{padding:8px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;transition:opacity var(--transition-fast)}.article-error button:hover{opacity:.85}.article-header{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);padding:48px 0 36px}.article-header-inner{max-width:720px;margin:0 auto;padding:0 24px}.article-back{display:inline-flex;align-items:center;gap:6px;padding:6px 0;margin-bottom:20px;font-size:13px;color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.article-back:hover{color:var(--color-primary)}.article-title{font-size:2.2rem;font-weight:700;line-height:1.3;color:var(--color-text);margin:0 0 16px;letter-spacing:-.02em}.article-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-text-muted)}.meta-sep{width:1px;height:12px;background:var(--color-border)}.article-layout{max-width:720px;margin:0 auto;padding:48px 24px 0}.article-body{color:var(--color-text);font-size:16px;line-height:1.9;margin-bottom:56px;word-break:break-word}.article-body>*:first-child{margin-top:0}.article-body>*:last-child{margin-bottom:0}.article-body h1,.article-body h2,.article-body h3,.article-body h4{color:var(--color-text);line-height:1.4;margin:2em 0 .75em;font-weight:600}.article-body h1{font-size:1.75rem;margin-top:0}.article-body h2{font-size:1.4rem;padding-bottom:.4em;border-bottom:1px solid var(--color-border-light)}.article-body h3{font-size:1.2rem}.article-body h4{font-size:1.05rem}.article-body p{margin:0 0 1.4em}.article-body a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.article-body a:hover{border-bottom-color:var(--color-primary)}.article-body strong{font-weight:600}.article-body em{font-style:italic}.article-body ul,.article-body ol{margin:0 0 1.4em;padding-left:1.6em}.article-body li{margin-bottom:.4em}.article-body blockquote{margin:1.5em 0;padding:16px 20px;border-left:4px solid var(--color-primary);background:var(--color-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);font-style:italic}.article-body blockquote p:last-child{margin-bottom:0}.article-body code{font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.875em;background:var(--color-surface);border:1px solid var(--color-border-light);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-primary-dark)}.article-body pre{margin:1.5em 0;padding:20px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto;line-height:1.65}.article-body pre code{background:none;border:none;padding:0;font-size:.875em;color:var(--color-text)}.article-body table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:14px;border-radius:8px;overflow:hidden;border:1px solid var(--color-border-light)}.article-body th{background:var(--color-surface);font-weight:600;text-align:left;padding:10px 16px;border-bottom:2px solid var(--color-border);color:var(--color-text)}.article-body td{padding:10px 16px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary)}.article-body tr:last-child td{border-bottom:none}.article-body hr{margin:2em 0;border:none;border-top:1px solid var(--color-border)}.article-nav{display:flex;justify-content:space-between;gap:16px;padding:24px 0;margin-bottom:48px}.article-nav-link{display:flex;align-items:center;gap:8px;padding:16px 20px;min-height:108px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);max-width:48%;text-decoration:none}.article-nav-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.article-nav-link.empty{visibility:hidden}.article-nav-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-nav-link.next{margin-left:auto}@media (max-width: 640px){.article-header{padding:32px 0 28px}.article-title{font-size:1.5rem}.article-layout{padding:32px 16px 60px}.article-body{font-size:14px;line-height:1.85}.article-body pre{padding:14px 16px;border-radius:8px}.article-nav{flex-direction:column;gap:10px}.article-nav-link.next{justify-content:flex-start}}.photowall-page{animation:fadeIn .5s ease}.photowall-loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.photowall-container{max-width:1200px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.photowall-canvas{position:relative;width:100%;height:600px;background:var(--color-background);border-radius:var(--radius-lg);overflow:hidden}.photowall-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.photowall-photo{position:absolute;cursor:pointer;perspective:1000px;user-select:none;-webkit-user-select:none}.photowall-photo .photo-front,.photowall-photo .photo-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);backface-visibility:hidden;transition:transform .6s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center}.photowall-photo .photo-front{background:var(--color-surface);box-shadow:var(--shadow-md);overflow:hidden}.photowall-photo .photo-back{background:var(--color-surface);box-shadow:var(--shadow-lg);transform:rotateY(180deg);padding:var(--space-md);border:2px solid var(--color-primary-light)}.photowall-photo:hover .photo-front{box-shadow:var(--shadow-lg)}.photowall-photo.flipped .photo-front{transform:rotateY(180deg)}.photowall-photo.flipped .photo-back{transform:rotateY(0)}.photowall-photo img{display:block;pointer-events:none}.photo-description{font-size:var(--text-sm);font-family:var(--font-serif);color:var(--color-text);line-height:1.6;text-align:center;word-break:break-word;user-select:none;-webkit-user-select:none}.photo-no-description{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;user-select:none;-webkit-user-select:none}@media (max-width: 768px){.photowall-container{padding:var(--space-lg)}.photowall-canvas{height:400px}.photo-description{font-size:var(--text-xs)}.photo-back{padding:var(--space-sm)}}.timeline-page{min-height:100vh;padding:var(--space-3xl) 0;animation:fadeIn .6s ease}.timeline-loading{display:flex;justify-content:center;align-items:center;min-height:100vh}.timeline-container{max-width:900px;margin:0 auto;padding:0 var(--space-lg)}.timeline{position:relative}.timeline-item{margin-bottom:var(--space-lg);position:relative}.timeline-item-header{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:left}.timeline-item-header:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.item-label{font-size:var(--text-lg);font-weight:600;color:var(--color-primary);font-family:var(--font-serif)}.item-count{font-size:var(--text-sm);color:var(--color-text-secondary);flex:1}.item-arrow{color:var(--color-text-muted);transition:transform var(--transition-normal)}.timeline-item-header.expanded .item-arrow{transform:rotate(180deg)}.timeline-item-content{position:relative;display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-md);margin-left:var(--space-lg);padding-left:var(--space-2xl)}.timeline-line{position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-primary-light),var(--color-primary),var(--color-primary-light));border-radius:1px}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--space-2xl) - 5px);top:var(--space-lg);transform:translateY(-50%);width:10px;height:10px;background:var(--color-primary);border-radius:50%;border:2px solid var(--color-background);box-shadow:0 0 0 2px var(--color-primary-light)}.timeline-item-content .article-card{cursor:pointer}.timeline-item-content .article-card .article-card-body{padding:16px 20px;flex-direction:row;align-items:center;gap:var(--space-lg)}.timeline-item-content .article-card .article-card-title{flex:1;min-width:0;-webkit-line-clamp:1;text-align:center}.timeline-item-content .article-card .article-card-meta{flex-shrink:0}.timeline-item-content .article-card .article-card-excerpt,.timeline-item-content .article-card .article-card-cover{display:none}@media (max-width: 768px){.timeline-page{padding:var(--space-xl) 0}.timeline-container{padding:0 var(--space-md)}.timeline-item-content{margin-left:var(--space-md);padding-left:var(--space-xl)}.timeline-item-content .article-card .article-card-body{flex-direction:column;text-align:center;gap:var(--space-sm)}.timeline-item-content .article-card .article-card-title{text-align:center}}.about-page{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-lg)}.about-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.about-particle{position:absolute;background:var(--color-primary);border-radius:50%;opacity:0;animation:aboutFloat linear infinite}@keyframes aboutFloat{0%,to{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.5;transform:translateY(-8px) scale(1)}90%{opacity:.2;transform:translateY(-30px) scale(.8)}}.about-deco{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.deco-ring{position:absolute;border:1px solid var(--color-border-light);border-radius:50%;opacity:.5}.ring-1{width:300px;height:300px;top:10%;right:-100px;animation:decoRotate 30s linear infinite}.ring-2{width:200px;height:200px;bottom:20%;left:-60px;animation:decoRotate 25s linear infinite reverse}.ring-3{width:150px;height:150px;top:50%;left:10%;animation:decoRotate 20s linear infinite}.deco-dot{position:absolute;width:8px;height:8px;background:var(--color-primary);border-radius:50%;opacity:.3}.dot-1{top:20%;left:15%;animation:decoPulse 3s ease-in-out infinite}.dot-2{top:60%;right:20%;animation:decoPulse 3s ease-in-out infinite 1s}.dot-3{bottom:25%;right:15%;animation:decoPulse 3s ease-in-out infinite 2s}@keyframes decoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes decoPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.about-container{position:relative;z-index:1;width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.about-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;animation:fadeInUp .8s ease}.hero-avatar{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.avatar-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--color-primary-light);border-radius:50%;animation:avatarRing 3s ease-in-out infinite}@keyframes avatarRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.6}}.avatar-inner{width:80px;height:80px;background:var(--color-border-light);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.hero-title{font-family:var(--font-serif);font-size:2rem;font-weight:700;color:var(--color-text);margin:0;letter-spacing:.05em}.hero-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.2em;text-transform:uppercase}.hero-socials{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.social-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:500;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-normal)}.social-btn:hover{color:var(--color-primary-dark);border-color:var(--color-primary-light);background:var(--color-border-light);transform:translateY(-2px);box-shadow:0 4px 12px #a68b6a26}.about-content{width:100%;animation:fadeInUp .8s ease .2s both}.content-card{position:relative;background:#faf9f7e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);overflow:hidden}.content-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.card-decoration{display:none}.content-text{font-size:var(--text-base);line-height:2;color:var(--color-text);text-align:center}.content-text p{margin:0 0 1em}.content-text p:last-child{margin-bottom:0}.content-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-3xl);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-xl);text-align:center}.empty-icon{color:var(--color-text-muted);opacity:.5}.content-empty p{margin:0;font-size:var(--text-base);color:var(--color-text-secondary)}.content-empty span{font-size:var(--text-sm);color:var(--color-text-muted)}.about-footer{display:flex;align-items:center;gap:var(--space-md);animation:fadeInUp .8s ease .4s both}.footer-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.footer-heart{color:var(--color-primary);animation:heartbeat 2s ease infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.about-loading{display:flex;justify-content:center;align-items:center;min-height:100vh}.loading-spinner{width:36px;height:36px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.about-page{padding:var(--space-xl) var(--space-md);align-items:flex-start;padding-top:var(--space-3xl)}.hero-title{font-size:1.5rem}.hero-socials{flex-direction:column;width:100%}.social-btn{justify-content:center}.content-card{padding:var(--space-lg)}.deco-ring.ring-1{display:none}}.notfound-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.notfound-container{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.notfound-number{font-family:var(--font-serif);font-size:7rem;font-weight:700;color:var(--color-border);line-height:1;letter-spacing:-.05em}.notfound-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);margin:0}.notfound-desc{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.notfound-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.notfound-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;font-family:var(--font-sans)}.notfound-btn:hover{border-color:var(--color-primary-light);color:var(--color-primary-dark);transform:translateY(-2px)}.notfound-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.notfound-btn.primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}@media (max-width: 768px){.notfound-number{font-size:5rem}.notfound-actions{flex-direction:column;width:100%}.notfound-btn{width:100%;justify-content:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:linear-gradient(145deg,var(--color-background) 0%,rgba(196,164,132,.1) 100%)}.login-container{position:relative;width:100%;max-width:400px;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl);animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-container>*{animation:fadeIn .4s ease backwards}.login-container>*:nth-child(1){animation-delay:.1s}.login-container>*:nth-child(2){animation-delay:.2s}.login-container>*:nth-child(3){animation-delay:.3s}.login-container>*:nth-child(4){animation-delay:.4s}.login-decoration{text-align:center;margin-bottom:var(--space-xl)}.deco-flower{color:var(--color-primary);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.login-title{font-family:var(--font-handwriting);font-size:2.25rem;margin-bottom:var(--space-xs);display:flex;align-items:baseline;justify-content:center;gap:2px;color:var(--color-text)}.title-dot{color:var(--color-primary);font-size:2.75rem}.login-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:var(--text-sm);text-align:center}.login-form{text-align:left}.error-message{padding:var(--space-sm) var(--space-md);background:#dc35451a;color:#dc3545;border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--text-sm);text-align:center;border:1px solid rgba(220,53,69,.2)}.login-form .form-group{margin-bottom:var(--space-md)}.login-form label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.login-form input{width:100%;height:48px;padding:0 var(--space-md);font-size:var(--text-base);color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center}.login-form input::placeholder{color:var(--color-text-muted)}.login-form input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #c4a48426}.login-btn{width:100%;height:48px;padding:0 var(--space-md);font-size:var(--text-base);font-weight:600;color:#fff;background:var(--color-primary);border-radius:var(--radius-md);margin-top:var(--space-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.login-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.back-home{margin-top:var(--space-xl);text-align:center;font-size:var(--text-sm)}.back-home a{color:var(--color-text-secondary);transition:color var(--transition-fast)}.back-home a:hover{color:var(--color-primary)}@media (max-width: 480px){.login-container{padding:var(--space-xl);margin:var(--space-md)}.login-title{font-size:1.75rem}}.admin-header{position:sticky;top:0;z-index:100;background:#faf9f7e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light)}.admin-header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto;padding:0 var(--space-xl);gap:var(--space-lg)}.admin-logo{display:flex;align-items:baseline;gap:1px;text-decoration:none;transition:opacity var(--transition-fast);flex-shrink:0}.admin-logo:hover{opacity:.8}.logo-text{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-text)}.logo-dot{color:var(--color-primary);font-size:1.8rem;line-height:1}.logo-suffix{font-size:.85rem;color:var(--color-text-muted);margin-left:var(--space-xs);font-weight:500}.admin-nav{display:flex;align-items:center;gap:var(--space-xl);position:absolute;left:50%;transform:translate(-50%)}.admin-nav-item{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);padding:var(--space-sm) 0;transition:color var(--transition-fast)}.admin-nav-item:hover,.admin-nav-item.active{color:var(--color-primary-dark)}.admin-header-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.admin-mobile-toggle{display:none;padding:var(--space-sm);color:var(--color-text);background:none;border:none;cursor:pointer}.admin-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200}.admin-mobile-menu{position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--color-surface);z-index:201;display:flex;flex-direction:column;padding:var(--space-xl) 0;box-shadow:var(--shadow-xl)}.admin-mobile-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);background:none;border:none;width:100%;text-align:left;cursor:pointer}.admin-mobile-item:hover{color:var(--color-primary-dark);background:var(--color-background)}.admin-mobile-item.logout{margin-top:auto;color:#dc3545}@media (max-width: 768px){.admin-nav,.admin-header-right{display:none}.admin-mobile-toggle{display:block}}.admin{min-height:100vh;padding-bottom:var(--space-xl);animation:fadeIn .3s ease}.admin>.container{max-width:1200px}.admin-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);min-height:calc(100vh - 120px);box-shadow:var(--shadow-sm);animation:fadeIn .3s ease}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.page-header h2{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.page-header h2 svg{color:var(--color-primary)}.panel{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);transition:box-shadow var(--transition-fast)}.panel:hover{box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{color:#fff;background:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border-light)}.btn-ghost{color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-border-light);color:var(--color-text)}.btn-danger{color:#dc3545;background:#dc35451a;border:1px solid #dc3545}.btn-danger:hover:not(:disabled){background:#dc3545;color:#fff}.btn-success{color:#fff;background:#28a745}.btn-success:hover:not(:disabled){background:#218838}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.action-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.action-row .left,.action-row .right{display:flex;gap:var(--space-sm)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.card-title{font-size:var(--text-base);font-weight:600;color:var(--color-text)}.card-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.card-actions{display:flex;gap:var(--space-xs)}.table-container{overflow-x:auto;border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{padding:var(--space-md) var(--space-lg);text-align:center;font-weight:600;font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border-light)}.data-table th:first-child{text-align:left;border-top-left-radius:var(--radius-lg)}.data-table th:last-child{text-align:right;border-top-right-radius:var(--radius-lg)}.data-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);color:var(--color-text);vertical-align:middle;text-align:center}.data-table .cell-title{text-align:left;font-weight:500}.data-table .cell-actions{text-align:right;display:flex;justify-content:flex-end;gap:8px}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-border-light)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .cell-title{max-width:300px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table .cell-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group.full-width{grid-column:1 / -1}.form-label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #c4a48426;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.inline-form{display:flex;gap:var(--space-md);align-items:flex-end;flex-wrap:wrap}.inline-form .form-group{flex:1;min-width:150px}.empty-state{text-align:center;padding:var(--space-4xl);color:var(--color-text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.3}.empty-state-title{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-sm)}.empty-state-text{font-size:var(--text-sm);color:var(--color-text-muted)}.loading{display:flex;justify-content:center;align-items:center;padding:var(--space-4xl)}.loading-spinner{width:32px;height:32px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);background:var(--color-border-light);color:var(--color-text-secondary)}.badge-primary{background:#c4a48426;color:var(--color-primary-dark)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary)}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.admin{padding:var(--space-md) 0}.admin-content{padding:var(--space-md);border-radius:var(--radius-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.action-row{flex-direction:column;align-items:stretch;gap:var(--space-md)}.action-row .left,.action-row .right{justify-content:stretch}.action-row .btn{flex:1}.data-table{font-size:var(--text-xs)}.data-table th,.data-table td{padding:var(--space-sm)}.data-table th:nth-child(n+3),.data-table td:nth-child(n+3){display:none}.form-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}}.custom-player{position:fixed;right:20px;bottom:20px;width:300px;z-index:9999;background:#fff;border-radius:16px;box-shadow:0 4px 20px #a68b6a26,0 1px 3px #0000000f;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif;color:#2c2c2c;overflow:hidden;border:1px solid #e8e4df;transition:all .35s cubic-bezier(.16,1,.3,1)}.custom-player:hover{box-shadow:0 4px 20px #a68b6a26,0 1px 3px #0000000f}.custom-player.expanded{width:320px}.player-main{display:flex;align-items:center;padding:14px 14px 10px;gap:12px}.player-cover{width:48px;height:48px;border-radius:10px;overflow:hidden;cursor:pointer;flex-shrink:0;background:#f0ede8;position:relative}.player-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.player-cover:hover img{transform:scale(1.06)}.player-info{flex:1;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding-right:2px}.player-title{font-size:13px;font-weight:600;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.player-artist{font-size:11px;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.player-controls{display:flex;justify-content:center;align-items:center;gap:16px;padding:6px 0 8px}.player-btn{border:none;background:#f0ede8;border-radius:50%;cursor:pointer;color:#7a6a5a;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.player-btn:hover{background:#e8e4df;color:#5a4a3a;transform:scale(1.05)}.player-btn:active{transform:scale(.95)}.player-btn-play{width:44px;height:44px;background:linear-gradient(135deg,#c4a484,#a68b6a);color:#fff;box-shadow:0 3px 12px #a68b6a59}.player-btn-play:hover{background:linear-gradient(135deg,#d4bc9a,#c4a484);box-shadow:0 4px 16px #a68b6a73;transform:scale(1.08)}.player-expanded{max-height:0;overflow:hidden;opacity:0;transition:all .35s cubic-bezier(.16,1,.3,1)}.custom-player.expanded .player-expanded{max-height:480px;opacity:1}.custom-player.expanded .player-main{padding-bottom:10px;border-bottom:1px solid #f0ede8;margin-bottom:4px}.playlist-title{padding:10px 14px 8px;font-size:11px;font-weight:600;color:#9a9a9a;border-bottom:1px solid #f0ede8;position:sticky;top:0;background:#fff;letter-spacing:.5px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.playlist-count{font-weight:400;opacity:.7;text-transform:none}.player-playlist{max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e8e4df transparent}.player-playlist::-webkit-scrollbar{width:3px}.player-playlist::-webkit-scrollbar-thumb{background:#e8e4df;border-radius:99px}.playlist-item{display:flex;align-items:center;padding:9px 14px;cursor:pointer;transition:background .15s ease;gap:10px}.playlist-item:hover{background:#faf9f7}.playlist-item.active{background:#c4a4841a}.playlist-item-index{width:22px;font-size:11px;color:#c0b0a0;text-align:center;flex-shrink:0;font-family:SF Mono,Menlo,monospace}.playlist-item.active .playlist-item-index{color:#c4a484;font-weight:600}.playlist-item-info{flex:1;min-width:0}.playlist-item-title{font-size:13px;color:#3c3c3c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.playlist-item.active .playlist-item-title{color:#a68b6a;font-weight:500}.playlist-item-artist{font-size:11px;color:#b0a090;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-duration{font-size:10px;color:#c0b0a0;font-family:SF Mono,Menlo,monospace;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.playing-indicator{width:5px;height:5px;border-radius:50%;background:#c4a484;animation:pulse 1.2s ease-in-out infinite;flex-shrink:0}.custom-player-loading{padding:24px 16px;text-align:center;color:#9a9a9a;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.custom-player-loading:before{content:"";width:20px;height:20px;border:2px solid #f0ede8;border-top-color:#c4a484;border-radius:50%;animation:spin .8s linear infinite}.custom-player-error{padding:24px 16px;text-align:center;color:#c4a484;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:.7}@media (max-width: 768px){.custom-player{display:none!important}}:root{--color-primary: #c4a484;--color-primary-light: #d4bc9a;--color-primary-dark: #a68b6a;--color-secondary: #8fbc8f;--color-accent: #e07a5f;--color-accent-light: #f2a07a;--color-background: #faf9f7;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text: #2c2c2c;--color-text-secondary: #6b6b6b;--color-text-muted: #9a9a9a;--color-border: #e8e4df;--color-border-light: #f0ede8;--color-shadow: rgba(0, 0, 0, .04);--color-shadow-md: rgba(0, 0, 0, .08);--font-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--font-handwriting: "Noto Serif SC", cursive;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--shadow-xs: 0 1px 2px var(--color-shadow);--shadow-sm: 0 2px 4px var(--color-shadow);--shadow-md: 0 4px 12px var(--color-shadow-md);--shadow-lg: 0 8px 24px var(--color-shadow-md);--shadow-xl: 0 16px 48px var(--color-shadow-md)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-serif);font-size:var(--text-base);font-weight:400;line-height:1.8;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background-color:var(--color-primary-light);color:var(--color-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-border-light)}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;outline:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}input:focus,textarea:focus{outline:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4;color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-md)}code{font-family:var(--font-mono);font-size:.9em}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.container-narrow{max-width:800px;margin:0 auto;padding:0 var(--space-lg)}.container-wide{max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){:root{--text-4xl: 2rem;--text-3xl: 1.75rem}}@media (max-width: 768px){:root{--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--text-4xl: 1.75rem;--text-3xl: 1.5rem}}