.frame:has(.three-col){width:min(1550px,100% - 48px)}.three-col{grid-template-columns:275px minmax(0,1fr) 375px;grid-template-areas:"left main right";align-items:start;gap:34px;display:grid}.col-main{grid-area:main;min-width:0}.col-left{grid-area:left;min-width:0;height:100%}.col-right{flex-direction:column;grid-area:right;gap:18px;min-width:0;height:100%;display:flex}.side-sticky{position:sticky;top:20px}.col-main .post-shell,.col-main .archive,.col-main .term-grid,.col-main .tag-cloud,.col-main .search-box{width:100%}.col-main .page-head{margin-top:6px}.side-card{background:linear-gradient(180deg, #ffffff8c, #fff0 40%), var(--cream);box-shadow:var(--shadow-soft,var(--shadow));border-radius:24px;padding:18px 16px 16px;position:relative}.side-card:before{content:"";pointer-events:none;border:1.5px dashed #5b8fb04d;border-radius:19px;position:absolute;inset:6px}.side-cats:before{border-color:#5a9a7852}.side-title{font-family:var(--font-display);color:var(--ink);justify-content:space-between;align-items:baseline;gap:8px;margin:2px 4px 10px;font-size:1.08rem;font-weight:700;display:flex}.side-chip{font-family:var(--font-hand);color:var(--green-deep);font-size:1.05rem;font-weight:500}.intro-card:after,.side-recommend:after{content:"";pointer-events:none;border-radius:3px;width:78px;height:20px;position:absolute;top:-9px;box-shadow:0 2px 4px #3a4a5014}.intro-card:after{background:repeating-linear-gradient(45deg,#ffffff73 0 6px,#0000 6px 12px),#b9d7ece6;margin-left:-39px;left:50%;transform:rotate(-3deg)}.side-recommend:after{background:repeating-linear-gradient(-45deg,#ffffff73 0 6px,#0000 6px 12px),#bfe0c6eb;right:22px;transform:rotate(4deg)}.intro-card{text-align:center;padding-top:22px}.intro-avatar{background:radial-gradient(circle at 50% 45%,#fff8e8 0 58%,#d4e8f2 59% 100%);border-radius:50%;place-items:center;width:185px;height:185px;margin:0 auto 6px;animation:5.5s ease-in-out infinite float-y;display:grid;overflow:hidden;box-shadow:0 0 0 4px #fffc,0 0 0 7px #bfe0c6b3}.intro-avatar .art{background:0 0;width:100%;height:100%}.intro-name{font-family:var(--font-display);letter-spacing:.06em;color:var(--blue-deep);z-index:0;margin-top:4px;font-size:1.35rem;line-height:1.3;display:inline-block;position:relative}.intro-name small{font-family:var(--font-hand);letter-spacing:.03em;color:var(--green-deep);font-size:1rem;font-weight:500;display:block}.intro-text{color:var(--ink-soft);text-align:left;margin:8px 2px 12px;font-size:.9rem;line-height:1.7}.intro-stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.intro-stats div{background:var(--blue-soft);border-radius:14px;padding:6px 4px}.intro-stats div+div{background:var(--green-soft)}.intro-stats dt{letter-spacing:.12em;color:var(--ink-soft);font-size:.74rem}.intro-stats dd{font-family:var(--font-display);color:var(--ink);font-size:1.2rem;font-weight:700;line-height:1.3}.intro-links{flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:.88rem;display:flex}.intro-links a{position:relative}.intro-links a:after,.cat-list a:after{content:"";background:linear-gradient(90deg, var(--blue-mid,#5b8fb0), var(--green-mid,#5a9a78));transform-origin:0;height:2px;transition:transform .35s var(--ease-soft,ease);border-radius:2px;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.intro-links a:hover:after{transform:scaleX(1)}.rec-list{gap:10px;list-style:none;display:grid}.rec-item{transition:transform .35s var(--ease-soft,ease), background-color .35s;border-radius:16px;grid-template-columns:95px 1fr;align-items:center;gap:10px;padding:6px;display:grid}.rec-item:hover{background:#d4e8f28c;transform:translate(3px)}.rec-item .thumb{border-radius:12px}.rec-item .thumb img{transition:transform .6s var(--ease-soft,ease)}.rec-item:hover .thumb img{transform:scale(1.07)}.rec-title{-webkit-line-clamp:2;font-family:var(--font-display);color:var(--ink);transition:background-size .5s var(--ease-soft,ease);background-image:linear-gradient(90deg,#b9d7ece6,#bfe0c6e6);background-position:0 88%;background-repeat:no-repeat;background-size:0% .38em;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.45;display:-webkit-box;overflow:hidden}.rec-item:hover .rec-title,.rec-title:focus-visible{background-size:100% .38em}.rec-item time{color:var(--ink-soft);margin-top:2px;font-size:.74rem;display:block}.cat-list{gap:4px;margin-bottom:10px;list-style:none;display:grid}.cat-list a{color:var(--ink);transition:background-color .3s, transform .3s var(--ease-soft,ease);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:.92rem;display:flex;position:relative}.cat-list a:after{bottom:3px;left:10px;right:46px}.cat-list a:hover{background:var(--green-soft);transform:translate(3px)}.cat-list a:hover:after{transform:scaleX(1)}.cat-list a[aria-current=page]{background:var(--green-deep);color:var(--cream)}.cat-list a[aria-current=page] .cat-count{background:var(--cream);color:var(--green-deep)}.cat-count{text-align:center;background:var(--blue-soft);color:#3d6a87;border-radius:999px;min-width:2em;padding:1px 8px;font-size:.76rem}.cat-list li:nth-child(2n) .cat-count{background:var(--green-soft);color:#3d7357}.side-cats .more-link{margin:0 4px;font-size:.88rem}.col-right .post-sidebar .ad-slot{margin:0}@media (width<=1499px){.three-col{grid-template-columns:minmax(0,1fr) 330px;grid-template-areas:"left left""main right";gap:22px 24px}.col-left,.col-right{height:auto}.col-left .side-sticky{position:static}.intro-card{text-align:left;grid-template-columns:150px 1fr;align-items:center;gap:6px 22px;padding:18px 22px;display:grid}.intro-avatar{width:140px;height:140px;margin:0}.intro-text{margin:4px 0 8px}.intro-stats{vertical-align:middle;grid-template-columns:auto auto;gap:8px;margin:0 14px 0 0;display:inline-grid}.intro-stats div{align-items:baseline;gap:8px;padding:4px 14px;display:flex}.intro-links{vertical-align:middle;justify-content:flex-start;display:inline-flex}.col-right .post-sidebar{display:none}}@media (width<=860px){.frame:has(.three-col){width:calc(100% - 28px)}.three-col{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""left""right";gap:22px}.col-right .side-sticky{position:static}.intro-card{grid-template-columns:96px 1fr;gap:4px 16px;padding:18px 16px}.intro-avatar{width:92px;height:92px}.intro-stats{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){.intro-avatar{animation:none}}