.mag{--mag-radius:14px;--mag-line:var(--bg-glass-border);min-height:100vh;padding:140px 0 130px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.mag-head{max-width:1240px;margin:0 auto 28px;padding:0 24px}.mag-head-inner{border-bottom:1px solid var(--mag-line);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:22px;display:flex}.mag-crumbs{color:var(--text-tertiary);gap:8px;margin-bottom:8px;font-size:.8rem;display:flex}.mag-crumbs a{color:var(--text-secondary);transition:color var(--transition)}.mag-crumbs a:hover{color:var(--accent)}.mag-title{color:var(--text-primary);margin-bottom:6px;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700;line-height:1.35}.mag-sub{max-width:72ch;color:var(--text-secondary);font-size:.95rem}.mag-rooms{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.mag-rooms a{border:1px solid var(--mag-line);background:var(--bg-secondary);color:var(--text-secondary);transition:color var(--transition),border-color var(--transition);border-radius:999px;padding:7px 16px;font-size:.85rem}.mag-rooms a:hover{color:var(--text-primary);border-color:var(--accent)}.mag-rooms a.is-active{color:var(--text-primary);border-color:var(--accent);background:var(--accent-glow)}.mag-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:32px;max-width:1240px;margin:0 auto;padding:0 24px;display:grid}.mag-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mag-count{color:var(--text-secondary);font-size:.85rem}.mag-count strong{color:var(--text-primary);font-size:.95rem}.mag-sort{align-items:center;gap:8px;display:flex}.mag-sort label{color:var(--text-tertiary);font-size:.8rem}.mag-sort select{font:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--mag-line);cursor:pointer;transition:border-color var(--transition);border-radius:10px;padding:6px 12px;font-size:.85rem}.mag-sort select:hover,.mag-sort select:focus{border-color:var(--accent);outline:none}.mag-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.mag-card{background:var(--bg-secondary);border:1px solid var(--mag-line);border-radius:var(--mag-radius);transition:transform .3s,box-shadow .3s,border-color .3s;animation:.6s ease-out backwards magUp;overflow:hidden}.mag-card:nth-child(2){animation-delay:60ms}.mag-card:nth-child(3){animation-delay:.12s}.mag-card:nth-child(4){animation-delay:.18s}.mag-card:nth-child(5){animation-delay:.24s}.mag-card:nth-child(6){animation-delay:.3s}.mag-card:nth-child(n+7){animation-delay:.36s}@keyframes magUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mag-card:hover{box-shadow:var(--shadow-md);border-color:#2abbdf73;transform:translateY(-3px)}.mag-card-link{height:100%;color:inherit;flex-direction:column;display:flex}.mag-card-img{aspect-ratio:16/10;background:var(--bg-glass);position:relative;overflow:hidden}.mag-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.mag-card:hover .mag-card-img img{transform:scale(1.04)}.mag-card-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 12px;display:flex}.mag-card-title{color:var(--text-primary);-webkit-line-clamp:2;min-height:3.4em;transition:color var(--transition);-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.7;display:-webkit-box;overflow:hidden}.mag-card:hover .mag-card-title{color:var(--accent)}.mag-card-excerpt{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.9;display:-webkit-box;overflow:hidden}.mag-card-meta{border-top:1px solid var(--mag-line);color:var(--text-tertiary);align-items:center;gap:14px;margin-top:auto;padding-top:10px;font-size:.75rem;display:flex}.mag-card-meta time,.mag-card-meta>span:not(.mag-card-go){align-items:center;gap:5px;display:inline-flex}.mag-card-go{border:1px solid var(--mag-line);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;place-items:center;margin-inline-start:auto;transition:background .3s,color .3s,border-color .3s;display:grid}.mag-card:hover .mag-card-go{background:var(--accent);border-color:var(--accent);color:#fff}[dir=ltr] .mag-card-go svg,[dir=ltr] .mag-page--nav svg{transform:scaleX(-1)}.mag-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:28px;display:flex}.mag-page{border:1px solid var(--mag-line);background:var(--bg-secondary);min-width:36px;height:36px;color:var(--text-secondary);transition:border-color var(--transition),color var(--transition);border-radius:10px;place-items:center;padding:0 8px;font-size:.88rem;display:grid}a.mag-page:hover{border-color:var(--accent);color:var(--accent)}.mag-page.is-current{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.mag-empty{text-align:center;border:1px dashed var(--mag-line);border-radius:var(--mag-radius);padding:56px 24px}.mag-empty-title{color:var(--text-secondary);margin-bottom:12px}.mag-empty-link{color:var(--accent);font-size:.9rem}.mag-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.mag-search{background:var(--bg-secondary);border:1px solid var(--mag-line);transition:border-color var(--transition),box-shadow var(--transition);border-radius:12px;align-items:center;display:flex}.mag-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.mag-search input{min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;padding:11px 14px;font-size:.88rem}.mag-search input::placeholder{color:var(--text-tertiary)}.mag-search input::-webkit-search-cancel-button{display:none}.mag-search button{color:var(--text-secondary);cursor:pointer;height:42px;transition:color var(--transition);background:0 0;border:0;padding:0 14px}.mag-search button:hover{color:var(--accent)}.mag-search{position:relative}.mag-live{top:calc(100% + 8px);z-index:40;border:1px solid var(--mag-line);background:var(--bg-secondary);max-height:min(440px,60vh);box-shadow:var(--shadow-md);border-radius:14px;flex-direction:column;gap:2px;padding:6px;animation:.18s ease-out magLiveIn;display:flex;position:absolute;inset-inline:0;overflow-y:auto}.mag-live[hidden]{display:none}@keyframes magLiveIn{0%{opacity:0;transform:translateY(-4px)}}.mag-live-item{color:inherit;border-radius:10px;outline:none;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding:7px;transition:background .2s;display:grid}.mag-live-item:hover,.mag-live-item:focus-visible{background:var(--accent-glow)}.mag-live-thumb{background:var(--bg-glass);border-radius:8px;width:52px;height:40px;overflow:hidden}.mag-live-thumb img{object-fit:cover;width:100%;height:100%}.mag-live-text{flex-direction:column;gap:2px;min-width:0;display:flex}.mag-live-text strong{-webkit-line-clamp:2;color:var(--text-primary);-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.7;display:-webkit-box;overflow:hidden}.mag-live-text mark{color:var(--accent);background:0 0}.mag-live-text small{color:var(--text-tertiary);font-size:.7rem}.mag-live-all{border-top:1px solid var(--mag-line);text-align:center;color:var(--accent);border-radius:0 0 10px 10px;outline:none;margin-top:4px;padding:9px;font-size:.8rem;font-weight:600}.mag-live-all:hover,.mag-live-all:focus-visible{background:var(--accent-glow)}.mag-live-empty{text-align:center;color:var(--text-tertiary);padding:14px;font-size:.82rem}.mag-box{background:var(--bg-secondary);border:1px solid var(--mag-line);border-radius:var(--mag-radius);padding:16px}.mag-box-title{color:var(--text-primary);align-items:center;gap:9px;margin-bottom:10px;font-size:.92rem;font-weight:700;display:flex}.mag-box-title:before{content:"";border-top:2px solid var(--accent);border-inline-start:2px solid var(--accent);width:7px;height:7px}.mag-allcats{border:1px solid var(--mag-line);border-radius:var(--mag-radius);background:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition),transform .35s ease,box-shadow .35s ease;align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:flex}.mag-allcats:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.mag-allcats-icon{background:var(--accent-glow);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.mag-allcats-text{flex:1;font-size:.92rem}.mag-allcats-go{color:var(--text-tertiary);transition:transform .35s,color .3s}.mag-allcats:hover .mag-allcats-go{color:var(--accent);transform:translate(-3px)}html[dir=ltr] .mag-allcats-go{transform:scaleX(-1)}html[dir=ltr] .mag-allcats:hover .mag-allcats-go{transform:scaleX(-1)translate(-3px)}.mag-latest ul{list-style:none}.mag-latest li+li{border-top:1px solid var(--mag-line)}.mag-latest a{color:inherit;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:10px 0;display:grid}.mag-latest img{object-fit:cover;border-radius:8px;width:64px;height:48px}.mag-latest strong{-webkit-line-clamp:2;color:var(--text-primary);transition:color var(--transition);-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.7;display:-webkit-box;overflow:hidden}.mag-latest a:hover strong{color:var(--accent)}.mag-latest time{color:var(--text-tertiary);font-size:.72rem;display:block}@media (width<=1100px){.mag-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.mag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.mag{padding-top:130px}.mag-layout{flex-direction:column;gap:18px;display:flex}.mag-main{order:2;width:100%}.mag-side{order:1;gap:12px;width:100%;position:static}.mag-latest{display:none}.mag-box:not(.mag-latest){background:0 0;border:0;padding:0}.mag-box:not(.mag-latest) .mag-box-title{display:none}}@media (width<=560px){.mag-head{margin-bottom:18px;padding:0 16px}.mag-layout{padding:0 16px}.mag-head-inner{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:16px}.mag-grid{grid-template-columns:1fr;gap:12px}.mag-card-link{flex-direction:row}.mag-card-img{aspect-ratio:auto;flex:0 0 112px;min-height:112px}.mag-card-body{gap:4px;padding:10px 12px}.mag-card-title{min-height:0;font-size:.9rem}.mag-card-excerpt{display:none}.mag-card-meta{gap:10px;padding-top:6px;font-size:.7rem}.mag-card-go{display:none}.mag-toolbar{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.mag-card{animation:none}.mag-card:hover,.mag-card:hover .mag-card-img img{transform:none}}