:root{--bg-color:#0a0a0a;--bg-elevated:#141414;--card-bg:#1a1a1a;--text-primary:#ffffff;--text-secondary:#a0a0a0;--text-muted:#666666;--accent-color:#8b8b8b;--accent-glow:#ffffff26;--glass-bg:#ffffff14;--glass-border:#ffffff1f;--glass-hover:#ffffff26;--nav-bg:rgba(10,10,10,0.7);--nav-bg-scrolled:rgba(10,10,10,0.85);--nav-height:4rem;--container-width:1100px;--container-padding:clamp(1rem,4vw,2rem);--space-xs:clamp(0.25rem,0.5vw,0.5rem);--space-sm:clamp(0.5rem,1vw,0.75rem);--space-md:clamp(1rem,2vw,1.5rem);--space-lg:clamp(1.5rem,3vw,2.5rem);--space-xl:clamp(2rem,5vw,4rem);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:100px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:400ms cubic-bezier(0.175,0.885,0.32,1.275);--font-xs:clamp(0.75rem,0.7rem + 0.25vw,0.85rem);--font-sm:clamp(0.85rem,0.8rem + 0.25vw,0.95rem);--font-base:clamp(1rem,0.95rem + 0.25vw,1.1rem);--font-lg:clamp(1.1rem,1rem + 0.5vw,1.3rem);--font-xl:clamp(1.25rem,1rem + 1vw,1.75rem);}@media (min-width:1600px){:root{--container-width:1400px;}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}html{scrollbar-width:none;scroll-behavior:smooth;}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}body::-webkit-scrollbar{display:none;}article,aside,figure,footer,header,hgroup,main,nav,section{display:block;}h1,h2,h3,h4,h5,h6,p,figure{margin:0;font-weight:inherit;font-size:inherit;}img{display:block;max-width:100%;height:auto;}button{font-family:inherit;cursor:pointer;border:none;background:none;}a{text-decoration:none;color:inherit;}button,a{-webkit-tap-highlight-color:transparent;}#mainHeader{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:rgba(9,9,11,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.1);z-index:50;display:flex;align-items:center;will-change:transform,opacity;transition:none;opacity:1;transform:translateY(0);}#mainHeader.nav-hidden{opacity:0;transform:translateY(-100%);pointer-events:none;}.nav-container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between;gap:1rem;}.nav-left{flex:1;display:flex;align-items:center;min-width:fit-content;}.nav-center{flex:0 1 600px;display:flex;justify-content:center;min-width:0;}.nav-right{flex:1;display:flex;align-items:center;justify-content:flex-end;}.logo{display:flex;align-items:center;gap:0;color:var(--text-secondary);transition:opacity var(--transition-fast);flex-shrink:0;}.logo-text{font-size:1.35rem;line-height:24px;color:var(--accent-color);font-weight:700;letter-spacing:0.02em;}@media (max-width:768px){.logo-text{display:none;}}.logo:hover{opacity:0.8;}.logo svg{height:24px;width:50px;flex-shrink:0;overflow:visible;}.logo-diamond{transition:transform var(--transition-bounce);transform-origin:center;transform-box:fill-box;}.logo:hover .logo-diamond{transform:rotate(90deg);}.search-section{width:100%;max-width:600px;min-width:0;}.header-search-group{display:flex;align-items:center;gap:0.75rem;width:100%;margin-left:auto;margin-right:auto;}.search-input-wrapper{flex:1;height:2.5rem;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:99rem;display:flex;align-items:center;padding:0 0.75rem;color:var(--text-secondary);transition:var(--transition-fast);text-decoration:none;min-width:0;}.search-input-wrapper:hover{border-color:var(--text-muted);}.search-input-wrapper:focus-within,.search-input-wrapper:active{border-color:var(--text-primary);color:var(--text-primary);}.search-input-wrapper svg{width:18px;height:18px;flex-shrink:0;color:#a0a0a0;display:block;}.search-placeholder{margin-left:0.5rem;color:var(--text-secondary);font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-shrink:0;}.nav-icon-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:99rem;transition:var(--transition-fast);overflow:visible;}.nav-icon-btn:hover{background:var(--bg-elevated);color:var(--text-primary);}@media (max-width:768px){.nav-container{gap:1rem;}.search-input-wrapper{height:2.5rem;}}.hero-section{position:relative;padding-top:calc(var(--nav-height) + var(--space-lg));padding-bottom:var(--space-lg);display:flex;justify-content:center;overflow:hidden;min-height:50vh;}.hero-bg{position:fixed;inset:0;z-index:-2;filter:blur(60px) brightness(0.35) saturate(1.2);transform:scale(1.15);will-change:transform;}.hero-bg img{width:100%;height:100%;object-fit:cover;}.hero-overlay{position:fixed;inset:0;z-index:-1;background:linear-gradient(to bottom,#0a0a0a33,#0a0a0a99 50%,var(--bg-color));}.hero-content{max-width:var(--container-width);width:100%;padding:0 var(--container-padding);display:flex;flex-direction:column;gap:var(--space-lg);}.hero-card{display:grid;grid-template-columns:clamp(120px,25vw,280px) 1fr;gap:var(--space-lg);align-items:start;width:100%;}.cover-wrap{width:clamp(120px,25vw,280px);flex-shrink:0;aspect-ratio:2/3;border-radius:var(--radius-lg);overflow:hidden;background:var(--card-bg);box-shadow:0 8px 32px #00000066,0 0 0 1px var(--glass-border);transition:transform var(--transition-bounce),box-shadow var(--transition-bounce);will-change:transform;}.cover-wrap:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 48px #00000080,0 0 0 1px var(--glass-border);}.cover-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1);}.cover-wrap:hover img{transform:scale(1.05);}.s-info{display:flex;flex-direction:column;gap:clamp(0.25rem,1vw,0.5rem);min-width:0;padding-top:clamp(0rem,1vw,0.5rem);}.hero-txt{display:flex;flex-direction:column;gap:var(--space-md);min-width:0;}.s-title{font-size:clamp(1.25rem,3vw + 0.5rem,3rem);font-weight:800;line-height:1.15;letter-spacing:-0.02em;overflow-wrap:break-word;word-break:break-word;text-shadow:0 2px 20px #0000004d;margin:0;}.author{font-size:clamp(0.8rem,1vw + 0.4rem,1.1rem);color:var(--text-secondary);font-weight:500;margin:0;}.tags-box{width:100%;margin-top:var(--space-sm);display:flex;flex-wrap:wrap;gap:8px;align-items:center;}.tag{font-size:var(--font-xs);padding:6px 14px;border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);font-weight:500;transition:background var(--transition-fast),transform var(--transition-fast);}.tag:hover{background:var(--glass-hover);}.tag-tog{cursor:pointer;font-weight:600;font-size:var(--font-xs);padding:6px 14px;min-width:40px;background:var(--glass-hover);transition:all var(--transition-fast);}.tag-tog:hover{background:#ffffff40;}.tag-tog:active{transform:scale(0.95);}.hidden-tag{opacity:0 !important;visibility:hidden !important;position:absolute !important;pointer-events:none !important;}.tag.visible-tag{opacity:1;visibility:visible;position:relative;pointer-events:auto;}.tags-box.mob-mq{overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);width:100%;margin-top:8px;display:block !important;}.tags-track{display:flex;align-items:center;gap:8px;width:max-content;will-change:transform;}.tags-box.mob-mq .tag{flex-shrink:0;font-size:0.75rem;padding:5px 12px;}.tags-track.marquee-active{animation:marquee-scroll 30s linear infinite;}.tags-track.marquee-paused{animation-play-state:paused;}.tags-clone{display:flex;gap:8px;padding-left:8px;}@keyframes marquee-scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}@media (prefers-reduced-motion:reduce){.tags-track.marquee-active{animation:none;}.tags-box.mob-mq{overflow-x:auto;-webkit-overflow-scrolling:touch;}}.btn-read{background:linear-gradient(135deg,#ffffff 0%,#f0f0f0 100%);color:#0a0a0a;padding:14px 28px;border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-base);display:inline-flex;align-items:center;justify-content:center;gap:10px;width:fit-content;margin-top:var(--space-md);transition:all var(--transition-bounce);box-shadow:0 4px 20px #ffffff33,0 0 0 1px #ffffff1a;position:relative;overflow:hidden;}.btn-read::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,#ffffff4d 100%);opacity:0;transition:opacity var(--transition-fast);}.btn-read:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 35px #ffffff59,0 0 0 1px #ffffff33;}.btn-read:hover::before{opacity:1;}.btn-read:active{transform:translateY(-1px) scale(1);}.btn-read svg{flex-shrink:0;}.desc-box{width:100%;max-width:min(850px,100%);padding:var(--space-sm) 0;}.description{position:relative;max-height:calc(var(--font-base) * 1.8 * 3);overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1);}.description{font-size:clamp(0.8125rem,0.75rem + 0.5vw,1rem);color:#ffffffe0;line-height:1.6;letter-spacing:0.01em;}.read-btn{background:none;border:none;padding:0;margin-top:0.5rem;color:var(--text-primary);font-weight:600;font-size:0.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color 0.2s ease;}.read-btn:hover{color:var(--text-secondary);}.read-btn::after{content:'→';display:inline-block;transition:transform 0.2s ease;}.read-btn:hover::after{transform:translateX(4px);}.read-btn[aria-expanded="true"]::after{content:'←';transform:none;}.read-btn[aria-expanded="true"]:hover::after{transform:translateX(-4px);}.txt-more,.txt-less{display:inline-flex;align-items:center;gap:6px;}.txt-less{display:none;}.content{position:relative;z-index:1;max-width:var(--container-width);margin:0 auto;padding:var(--space-md) var(--container-padding) var(--space-xl);}.sect-head{font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-md);padding-left:var(--space-sm);border-left:3px solid var(--text-primary);line-height:1.2;}.vol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--space-md);}@media (min-width:1024px){.vol-grid{grid-template-columns:repeat(5,1fr);}}.card{display:flex;flex-direction:column;transition:transform var(--transition-bounce);}.card:hover{transform:translateY(-4px);}.c-img{width:100%;aspect-ratio:2/3;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-sm);background:var(--card-bg);box-shadow:0 4px 20px #0000004d;transition:box-shadow var(--transition-smooth);position:relative;}.card:hover .c-img{box-shadow:0 12px 35px #00000080;}.c-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1);}.card:hover .c-img img{transform:scale(1.05);}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,0.95),rgba(10,10,10,0.4));display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;opacity:0;transition:opacity 0.3s ease;pointer-events:none;}.card:hover .card-overlay{opacity:1;}.card-description{font-size:0.8rem;color:var(--text-primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;margin:0;}.c-title{margin-bottom:2px;}.c-title a{color:var(--text-primary);font-weight:600;font-size:var(--font-sm);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.15s ease;}.c-title a:hover{color:var(--text-secondary);}.card-sub{color:var(--text-secondary);font-size:var(--font-xs);}@media (max-width:768px){:root{--nav-height:3.5rem;}.hero-card{grid-template-columns:clamp(100px,30vw,160px) 1fr;gap:var(--space-md);}.s-info{gap:clamp(0.2rem,0.8vw,0.4rem);}.btn-read{width:100%;justify-content:center;}}@media (max-width:1024px){.hero-card{gap:var(--space-md);grid-template-columns:clamp(120px,28vw,240px) 1fr;}.hero-content{gap:var(--space-md);}.s-title{font-size:clamp(1.2rem,4vw,2.2rem);}}@media (max-width:900px){.hero-card{grid-template-columns:clamp(100px,30vw,150px) 1fr;gap:var(--space-md);align-items:start;position:relative;}.hero-txt{display:contents;}.cover-wrap{grid-column:1;grid-row:1;width:100%;height:auto;align-self:start;}.s-info{grid-column:2;grid-row:1;display:flex;flex-direction:column;height:100%;padding-top:0;min-width:0;justify-content:center;}.desc-box{grid-column:1 / -1;grid-row:2;padding-top:var(--space-md);max-width:100%;}.s-title{font-size:clamp(1.1rem,4vw,1.8rem);-webkit-line-clamp:3;line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}.hero-section{padding-bottom:var(--space-sm);min-height:auto;}.content{padding-top:var(--space-sm);}.sect-head{margin-bottom:var(--space-sm);font-size:var(--font-lg);}.vol-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md);}}@media (max-width:640px){.search-input-wrapper{padding:0 0.4rem;}.search-input-wrapper svg{display:block;margin-right:0.25rem;}.nav-right{gap:0.5rem;}.nav-icon-btn{width:2.5rem;height:2.5rem;}.nav-icon-btn svg{width:24px;height:24px;}.s-title{font-size:clamp(1rem,4vw,1.5rem);-webkit-line-clamp:2;line-clamp:2;}.vol-grid{grid-template-columns:repeat(3,1fr);gap:0.75rem;}.author{font-size:clamp(0.75rem,2.5vw,0.9rem);margin:0;}.tags-wrap{margin-top:clamp(2px,1vw,6px);}.btn-read{width:100%;justify-content:center;padding:10px 16px;font-size:clamp(0.8rem,2.5vw,0.9rem);margin-top:auto;}#mainHeader.search-active .nav-right{display:none;}#mainHeader.search-active .nav-container{padding:0 0.5rem;}#mainHeader.search-active .search-section{max-width:none;flex:1;}#mainHeader.search-active .search-input-wrapper{background:transparent;border:none;padding-left:0;gap:0.25rem;}}@media (max-width:380px){.vol-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){.hero-card{grid-template-columns:85px 1fr;gap:12px;}.logo-text{display:none;}.s-title{font-size:1.1rem;-webkit-line-clamp:2;line-clamp:2;}.author{font-size:0.75rem;}.tag{font-size:0.7rem;padding:4px 10px;}.btn-read{padding:8px 16px;font-size:0.8rem;}.c-title{font-size:0.85rem;}}@media (max-width:340px){.hero-card{grid-template-columns:75px 1fr;}.vol-grid{grid-template-columns:1fr;}}