@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--columbina-core:#4f699f;--columbina-light:#eaf0fc;--surface-tag:#f0f7fc;--border-tag-columbina:#6682bd38;--surface-tag-sandrone:#f8eeee;--border-tag-sandrone:#bd797f3b;--text-tag-sandrone:#9c5961;--surface-tag-duo-end:#f7eff3;--border-tag-duo:#8f8bb13b;--text-tag-duo:#6c7195;--page:#eaf5fc;--page-grid-line:#2f42680d;--page-grid-size:28px;--surface-card:#fbfdff;--surface-hero:#dfeffa;--surface-discovery:#e4f2fa;--text-primary:#25314b;--text-muted:#727f98;--text-heading:#434f98;--text-brand:#345b7c;--text-footer-brand:#46536f;--text-hero-lead:#404276;--text-hero-edge:#b0caff87;--columbina-accent:#829cd0;--columbina-decoration:#6682bd;--nav-hover:#6682bd14;--border-subtle:#2f42681c;--shadow-hero-title-color:#7694f582;--nav-glass-border:#ffffffe0;--nav-glass-start:#eef9ffd6;--nav-glass-middle:#b9e0f8a6;--nav-glass-end:#e2f4ffc7;--nav-shadow-color:#31699124;--nav-highlight-color:#fffffff0;--nav-inset-shadow-color:#5999c326;--nav-segment-track:#ffffff7a;--hero-bottom-tint:#e5f3fc61;--hero-bottom-clear:#e5f3fc00;--hero-glow:#ffffff0d;--hero-scrim-start:#090f2451;--hero-scrim-middle:#090f242c;--hero-scrim-end:#090f2400;--text-hero-on-dark:#b9d2ffc1;--text-hero-on-dark-soft:#d1e0ffd9;--shadow-hero-title-on-dark:#04091a8c;--hero-mobile-overlay-start:#e5f3fc0a;--hero-mobile-overlay-upper:#def0fb1f;--hero-mobile-overlay-lower:#def0fbc4;--hero-mobile-overlay-end:#eaf5fcf5;--focus-ring:#526fae;--motion-page-leave-duration:.18s;--motion-page-enter-duration:.3s;--motion-page-enter-easing:cubic-bezier(.25, .46, .45, .94);--motion-page-leave-easing:cubic-bezier(.55, .055, .675, .19);--motion-page-enter-x:4px;--motion-page-enter-y:12px;--motion-page-leave-y:-6px;--overlay-backdrop:#131d2e8a;--surface-media-panel:#070a12;--surface-media-center:#151f34;--surface-media-mid:#0c1220;--shadow-media-panel:#0a101c73;--shadow-media-panel-soft:#23314b0f;--media-glow-accent:#829cd01f;--media-glow-decoration:#6682bd14;--shadow-media-image:#00000073;--surface-overlay-close:#fffffff2;--border-overlay-close:#ffffff4d;--surface-dots-bar:#080c1685;--border-dots-bar:#ffffff26;--dot-indicator:#ffffff59;--dot-indicator-hover:#ffffffb3;--dot-indicator-active:#fff;--glow-dot-active:#829cd0f2;--text-on-dark:#fff;--focus-ring-on-dark:#fff;--surface-arrow:#0e152485;--border-arrow:#ffffff38;--text-arrow:#f1f5fd;--surface-arrow-hover:#4f699fe0;--border-arrow-hover:#fff9;--glow-arrow-hover:#829cd08c;--lightbox-backdrop:#000000e6;--lightbox-toolbar-fade:#000000b3;--surface-lightbox-control:#00000080;--surface-lightbox-control-hover:#000000b3;--border-lightbox-control:#ffffff1a;--border-lightbox-control-hover:#ffffff80;--surface-lightbox-thumbs:#000000b3;--surface-lightbox-thumb:#ffffff1a;--surface-lightbox-status:#000000bf;--surface-detail-info:#fff;--border-detail-divider:#2f426814;--text-detail-author:#1a243a;--text-detail-description:#4a5772;--text-detail-value:#243048;--border-detail-card:#eef2f6;--surface-detail-card:#f8fafc;--border-detail-link:#e2e8f0;--surface-detail-link:#f4f8fc}*{box-sizing:border-box}html{scrollbar-gutter:stable;background-color:var(--page);background-image:linear-gradient(var(--page-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--page-grid-line) 1px, transparent 1px);background-size:var(--page-grid-size) var(--page-grid-size)}body{flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1}[hidden]{display:none!important}:where(.site-header,.site-footer) a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:4px}.site-header{z-index:20;border:1px solid var(--nav-glass-border);background:linear-gradient(125deg, var(--nav-glass-start), var(--nav-glass-middle) 52%, var(--nav-glass-end));width:min(1160px,100% - 48px);min-height:70px;box-shadow:0 10px 34px var(--nav-shadow-color), inset 0 1px 0 var(--nav-highlight-color), inset 0 -1px 0 var(--nav-inset-shadow-color);-webkit-backdrop-filter:blur(22px)saturate(170%);border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:15px auto 0;padding:9px 19px;font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,sans-serif;display:grid;position:sticky;top:15px}.page-home .site-header{margin:0;position:fixed;top:15px;left:50%;transform:translate(-50%)}.brand__short{display:none}.brand{color:var(--text-brand);letter-spacing:.025em;white-space:nowrap;justify-self:start;width:max-content;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.primary-nav{justify-content:center;align-items:center;gap:4px;display:flex}.nav-tab{min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 15px;font-family:inherit;font-size:13px;text-decoration:none;transition:color .16s,background .16s;display:inline-flex}.nav-tab:hover{background:var(--nav-hover);color:var(--columbina-core)}.nav-tab.is-active{background:var(--columbina-light);color:var(--columbina-core);font-weight:650}@media (width<=850px){:is(.page-home,.page-illustrations,.page-section) .site-header{grid-template-columns:auto minmax(0,1fr);gap:15px;width:calc(100% - 34px);min-height:64px;padding:8px 12px 8px 15px}:is(.page-home,.page-illustrations,.page-section) .primary-nav{justify-self:end;gap:6px}:is(.page-home,.page-illustrations,.page-section) .nav-tab{padding:0 13px;font-size:12px}}@media (width<=560px){:is(.page-home,.page-illustrations,.page-section) .site-header{border-radius:17px;grid-template-columns:auto minmax(0,1fr);gap:8px;width:calc(100% - 20px);min-height:58px;padding:7px 8px 7px 10px;top:9px}:is(.page-home,.page-illustrations,.page-section) .brand{letter-spacing:0;font-size:12px}:is(.page-home,.page-illustrations,.page-section) .brand__full{display:none}:is(.page-home,.page-illustrations,.page-section) .brand__short{display:inline}:is(.page-home,.page-illustrations,.page-section) .primary-nav{background:var(--nav-segment-track);scrollbar-width:none;border-radius:999px;justify-content:flex-start;gap:2px;width:max-content;min-width:0;max-width:100%;padding:3px;overflow-x:auto}:is(.page-home,.page-illustrations,.page-section) .primary-nav::-webkit-scrollbar{display:none}:is(.page-home,.page-illustrations,.page-section) .nav-tab{flex:none;min-height:44px;padding:0 12px;font-size:12px}:is(.page-home,.page-illustrations,.page-section) .nav-tab.is-active{background:var(--surface-card);box-shadow:0 1px 5px var(--nav-shadow-color)}}.site-footer{border-top:1px solid var(--border-subtle);width:min(1160px,100% - 56px);color:var(--text-muted);flex-direction:column;gap:8px;margin:0 auto;padding:18px 0 22px;font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:12px;display:flex}.site-footer__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 22px;display:flex}.footer-brand{color:var(--text-footer-brand);letter-spacing:.1em;flex:none;font-weight:600;text-decoration:none}.site-footer__links{flex-wrap:wrap;display:flex}.site-footer__links a{min-height:44px;color:inherit;align-items:center;padding:2px 10px;text-decoration:none;transition:color .16s;display:inline-flex}.site-footer__links a+a{border-left:1px solid var(--border-subtle)}.site-footer__links a:hover{color:var(--columbina-core)}.site-footer p{margin:0}.site-footer__icp{color:inherit;font-variant-numeric:tabular-nums;opacity:.82;text-decoration:none}@media (width<=560px){.site-footer{width:calc(100% - 30px);padding:16px 0 22px}.site-footer__row{flex-direction:column;align-items:flex-start;gap:7px}.site-footer__links a:first-child{padding-left:0}.site-footer p{font-size:10px;line-height:1.7}}@media (prefers-reduced-motion:reduce){.site-footer__links a{transition:none}}.page-home{color:var(--text-primary);font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,sans-serif;line-height:1.65}.page-home .home-view{--hero-wallpaper:url(/wallpapers/home-wallpaper.png);--hero-wallpaper-positions:center;background-color:var(--surface-hero);background-image:linear-gradient(90deg, var(--hero-scrim-start) 0%, var(--hero-scrim-middle) 38%, var(--hero-scrim-end) 70%), linear-gradient(0deg, var(--hero-bottom-tint), var(--hero-bottom-clear) 30%), var(--hero-wallpaper);background-position:center, center, var(--hero-wallpaper-positions);isolation:isolate;background-size:cover;align-items:center;min-height:100svh;padding:126px max(50vw - 555px,7vw) 82px;display:flex;position:relative;overflow:hidden}.page-home .home-view:after{z-index:0;background:linear-gradient(180deg, transparent, var(--page));content:"";pointer-events:none;height:105px;position:absolute;bottom:0;left:0;right:0}.page-home .home-view__shade{z-index:0;background:radial-gradient(ellipse at 17% 50%, var(--hero-glow), transparent 5%);pointer-events:none;position:absolute;inset:0}.page-home .home-copy{z-index:1;width:min(620px,56vw);margin-top:5px;position:relative}.page-home .home-kicker{color:var(--text-hero-on-dark-soft);letter-spacing:.19em;align-items:center;gap:10px;margin:0 0 21px;font-size:10px;font-weight:700;display:flex}.page-home .home-kicker__mark{color:var(--columbina-accent);font-size:17px}.page-home .home-view h1{color:var(--text-hero-on-dark);letter-spacing:-.045em;text-shadow:0 2px 22px var(--shadow-hero-title-on-dark);margin:0;font-size:clamp(40px,5.4vw,69px);font-weight:650;line-height:1.2}.page-home .home-lead{color:var(--text-hero-on-dark-soft);letter-spacing:.035em;margin:21px 0 0;font-size:15px}.page-home .home-view__scroll-hint{z-index:1;min-height:44px;color:var(--text-muted);flex-direction:column;align-items:center;gap:5px;padding:8px 14px;font-size:10px;text-decoration:none;transition:color .16s,transform .18s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.page-home .home-view__scroll-hint:hover{color:var(--columbina-core)}.page-home .home-view__scroll-hint:is(:hover,:focus-visible){transform:translate(-50%)translateY(3px)}.page-home .home-view__scroll-hint:active{transform:translate(-50%)translateY(5px)scale(.96)}.page-home .home-view__scroll-hint:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:8px}.page-home .home-view__scroll-hint-text{letter-spacing:.22em;margin-right:-.22em}.page-home .home-view__scroll-hint-icon{display:block}@media (height<=500px) and (orientation:landscape){.page-home .home-view__scroll-hint{display:none}}.page-home .home-view__edge{z-index:1;color:var(--text-hero-edge);letter-spacing:.2em;writing-mode:vertical-rl;font-size:8px;position:absolute;top:50%;right:26px}.page-home .home-view__edge span{color:var(--columbina-decoration);padding:7px 0}.page-home .view-panel{min-height:100svh;padding-inline:max(28px,50vw - 580px)}.page-home .discovery-view{background-image:linear-gradient(var(--page-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--page-grid-line) 1px, transparent 1px), linear-gradient(180deg, var(--surface-discovery) 0%, var(--page) 30rem);background-size:var(--page-grid-size) var(--page-grid-size), var(--page-grid-size) var(--page-grid-size), auto;padding-block:142px 90px;scroll-margin-top:104px}@media (width<=850px){.page-home .home-view{padding-inline:7vw}.page-home .home-copy{width:min(590px,70vw)}.page-home .home-view h1{font-size:clamp(42px,7vw,60px)}.page-home .home-view__edge{right:16px}}@media (width<=560px){.page-home .home-view{--hero-wallpaper-positions:63% center;background-image:linear-gradient(180deg, var(--hero-mobile-overlay-start) 0%, var(--hero-mobile-overlay-upper) 28%, var(--hero-mobile-overlay-lower) 61%, var(--hero-mobile-overlay-end) 100%), var(--hero-wallpaper);background-position:center, var(--hero-wallpaper-positions);align-items:end;padding:130px 22px 76px}.page-home .home-view:after{height:68px}.page-home .home-copy{width:100%;margin:0}.page-home .home-kicker{letter-spacing:.15em;gap:8px;margin-bottom:15px;font-size:8px}.page-home .home-view h1{color:var(--text-heading);text-shadow:0 2px 22px var(--shadow-hero-title-color);font-size:clamp(30px,9vw,42px)}.page-home .home-kicker{color:var(--text-heading)}.page-home .home-lead{max-width:340px;color:var(--text-hero-lead);margin-top:13px;font-size:12px}.page-home .home-view__edge{display:none}.page-home .home-view__scroll-hint{bottom:14px}.page-home .view-panel{padding-inline:15px}.page-home .discovery-view{padding-block:107px 60px;scroll-margin-top:82px}}@media (orientation:portrait){.page-home .home-view{--hero-wallpaper:url(/wallpapers/mobile.png), url(/wallpapers/home-wallpaper.png);--hero-wallpaper-positions:center, center}}@media (orientation:portrait) and (width<=560px){.page-home .home-view{--hero-wallpaper-positions:center, 63% center}}.page-home:not(.page-client-navigation) .home-copy{animation:.52s cubic-bezier(.2,.7,.2,1) both home-copy-arrive}@media (width<561px){:root{--motion-page-enter-x:0px;--motion-page-enter-y:6px;--motion-page-leave-y:-3px}}@keyframes home-copy-arrive{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}.page-home .home-view__scroll-hint-icon{animation:1.9s ease-in-out infinite home-scroll-hint-drift}@keyframes home-scroll-hint-drift{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.page-home .home-copy{animation:none}.page-home .home-view__scroll-hint{transition:none}.page-home .home-view__scroll-hint:is(:hover,:focus-visible,:active){transform:translate(-50%)}.page-home .home-view__scroll-hint-icon{animation:none}}.tag-chip{border:1px solid var(--border-subtle);background:var(--surface-tag);min-height:23px;color:var(--text-muted);border-radius:999px;align-items:center;padding:3px 9px;font-size:10px;line-height:1.35;display:inline-flex}.tag-chip[data-tone=columbina]{border-color:var(--border-tag-columbina);background:var(--columbina-light);color:var(--columbina-core)}.tag-chip[data-tone=sandrone]{border-color:var(--border-tag-sandrone);background:var(--surface-tag-sandrone);color:var(--text-tag-sandrone)}.tag-chip[data-tone=duo]{border-color:var(--border-tag-duo);background:linear-gradient(100deg, var(--columbina-light), var(--surface-tag-duo-end));color:var(--text-tag-duo)}html:has([data-works-gallery]){overflow-anchor:none}.works-gallery{--gallery-columns:4}.works-gallery .works-list{grid-template-columns:repeat(var(--rendered-columns,var(--gallery-columns)), minmax(0, 1fr));overflow-anchor:none;align-items:start;gap:16px;display:grid}.works-gallery .works-column{flex-direction:column;align-self:start;gap:16px;min-width:0;display:flex}.works-gallery .work-card{width:100%;aspect-ratio:var(--image-ratio,4 / 5);background:var(--surface-card);border-radius:8px;display:block;position:relative;overflow:hidden}.works-gallery .work-card__link{height:100%;color:inherit;text-decoration:none;display:block;position:absolute;inset:0}.works-gallery .work-card__image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .16s,transform .3s;display:block;position:absolute;inset:0}.works-gallery .work-card.is-loaded .work-card__image{opacity:1}.works-gallery .work-card--unknown-size .work-card__image{object-fit:contain}.works-gallery .work-card:hover .work-card__image,.works-gallery .work-card:focus-within .work-card__image{transform:scale(1.05)}.works-gallery .work-card__placeholder{background:var(--columbina-light);color:var(--text-muted);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.works-gallery .tag-list{opacity:0;pointer-events:none;flex-wrap:wrap;gap:7px;transition:opacity .16s;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.works-gallery .work-card:hover .tag-list,.works-gallery .work-card:focus-within .tag-list{opacity:1}.work-card__retry{border:1px solid var(--border-subtle);background:var(--surface-card);min-height:44px;color:var(--text-primary);font:inherit;cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;position:absolute;top:calc(50% + 20px);left:50%;transform:translate(-50%)}.work-card__retry:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.works-gallery .work-card.is-image-error .tag-list{visibility:hidden}@media (hover:none){.works-gallery .tag-list{opacity:1}}.works-gallery .works-pagination{text-align:center;min-height:48px;padding-top:12px}.works-gallery .works-status{color:var(--text-muted);margin:0;font-size:12px}.works-gallery .works-retry{border:1px solid var(--border-tag-columbina);background:var(--surface-card);min-height:44px;color:var(--columbina-core);font:inherit;cursor:pointer;border-radius:999px;margin-top:10px;padding:8px 20px;font-size:13px}.works-gallery .work-card__link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-4px}.works-gallery .works-retry:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media (width<1024px){.works-gallery{--gallery-columns:3}}@media (width<768px){.works-gallery{--gallery-columns:2}}@media (width<561px){.works-gallery{--gallery-columns:2}.works-gallery .works-list,.works-gallery .works-column{gap:10px}.works-gallery .tag-list{gap:5px;bottom:8px;left:8px;right:8px}}@media (prefers-reduced-motion:reduce){.works-gallery .work-card__image,.works-gallery .tag-list{transition:none}.works-gallery .work-card:hover .work-card__image,.works-gallery .work-card:focus-within .work-card__image{transform:none}}.page-illustrations,.page-section{color:var(--text-primary);overflow-anchor:none;font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,sans-serif;line-height:1.65}.illustration-page,.section-page{width:min(1160px,100% - 56px);margin:0 auto;padding:48px 0 90px}.illustration-page h1,.section-page h1{margin:0 0 24px;font-size:30px}.discovery-summary{color:var(--text-muted);margin:0 0 24px;font-size:13px}@media (width<561px){.illustration-page,.section-page{width:calc(100% - 30px);padding-block:32px 60px}}.work-image-arrow{border:1px solid var(--border-arrow);background:var(--surface-arrow);backdrop-filter:blur(10px);width:44px;height:44px;color:var(--text-arrow);cursor:pointer;opacity:.85;pointer-events:auto;border-radius:50%;place-items:center;padding:0;transition:opacity .28s,transform .2s,background .2s,box-shadow .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.work-image-arrow--previous{left:14px}.work-image-arrow--next{right:14px}.work-image-arrow:not(:disabled):hover{opacity:1;background:var(--surface-arrow-hover);border-color:var(--border-arrow-hover);box-shadow:0 0 18px var(--glow-arrow-hover);transform:translateY(-50%)scale(1.08)}.work-image-arrow:disabled{opacity:.16;cursor:default}.work-image-arrow:focus-visible{opacity:1;outline:2px solid var(--focus-ring-on-dark);outline-offset:4px}@media (prefers-reduced-motion:reduce){.work-image-arrow{transition:none}}html.has-work-overlay{overflow:hidden}.work-overlay{--stage-width:530px;--detail-height:min(740px, calc(100dvh - 64px));width:min(calc(var(--stage-width) + 360px), calc(100vw - 128px));max-width:none;max-height:calc(100dvh - 64px);color:var(--text-primary);background:0 0;border:0;padding:0;font-family:inherit;overflow:visible}.work-overlay::backdrop{background:var(--overlay-backdrop);backdrop-filter:blur(3px)}.work-overlay__panel{height:var(--detail-height);background:var(--surface-media-panel);box-shadow:0 32px 96px -16px var(--shadow-media-panel), 0 2px 8px var(--shadow-media-panel-soft);border:0;border-radius:22px;position:relative}.work-overlay__close{z-index:5;border:1px solid var(--border-overlay-close);background:var(--surface-overlay-close);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;left:-56px}.work-overlay__feedback{border-radius:inherit;background:var(--surface-card);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:32px;display:flex}.work-overlay__feedback.is-update-error{z-index:6;background:var(--surface-card);border-radius:0 0 22px 22px;height:auto;padding:12px;position:absolute;inset:auto 0 0}.work-detail{border-radius:inherit;grid-template-columns:minmax(0,1fr) 360px;height:100%;line-height:1.7;display:grid;overflow:hidden}.work-detail__media{background:radial-gradient(ellipse at center, var(--surface-media-center) 0%, var(--surface-media-mid) 70%, var(--surface-media-panel) 100%);min-width:0;min-height:0;position:relative;overflow:hidden}.work-detail__media:before{content:"";background:radial-gradient(circle at 20% 20%, var(--media-glow-accent), transparent 45%), radial-gradient(circle at 80% 80%, var(--media-glow-decoration), transparent 50%);pointer-events:none;position:absolute;inset:0}.work-detail__stage{place-items:center;height:100%;display:grid;position:relative}.work-detail__image-open{z-index:1;cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;min-height:0;padding:0;position:relative}.work-detail__image-outgoing{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 14px 32px var(--shadow-media-image));pointer-events:none;position:absolute;inset:0}.work-detail__image-open img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 14px 32px var(--shadow-media-image));display:block}.work-detail__image-feedback{z-index:2;pointer-events:none;justify-items:center;gap:12px;max-width:80%;display:grid;position:absolute}.work-detail__image-feedback button{pointer-events:auto}.work-detail__image-message{background:var(--surface-card);color:var(--text-primary);text-align:center;border-radius:12px;margin:0;padding:12px 16px}.work-detail__image-controls{z-index:3;pointer-events:none;position:absolute;inset:0}.work-detail__image-count{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.work-detail__dots{z-index:3;border:1px solid var(--border-dots-bar);background:var(--surface-dots-bar);backdrop-filter:blur(10px);scrollbar-width:thin;border-radius:24px;max-width:calc(100% - 24px);padding:0 6px;transition:opacity .32s;display:flex;position:absolute;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%)}.work-detail__dot{cursor:pointer;background:0 0;border:0;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;display:grid}.work-detail__dot:before{content:"";background:var(--dot-indicator);border-radius:50%;width:7px;height:7px;transition:width .24s,background .24s}.work-detail__dot:hover:before{background:var(--dot-indicator-hover)}.work-detail__dot.is-active:before{background:var(--dot-indicator-active);width:22px;box-shadow:0 0 10px var(--glow-dot-active);border-radius:8px}@media (hover:hover) and (pointer:fine){.work-detail__media:not(:hover):not(:focus-within) .work-image-arrow,.work-detail__media.is-idle:not(:focus-within) .work-image-arrow{opacity:0;pointer-events:none}.work-detail__media.is-idle:not(:focus-within) .work-detail__dots{opacity:.18}.work-detail__dots:hover{opacity:1}}.work-detail__info{overscroll-behavior:contain;border-left:1px solid var(--border-detail-divider);background:var(--surface-detail-info);overflow-wrap:anywhere;flex-direction:column;gap:16px;min-width:0;min-height:0;padding:30px;display:flex;position:relative;overflow-y:auto}.work-detail__author{border-bottom:1px solid var(--border-subtle);padding-bottom:14px}.work-detail__author p{margin:0}.work-detail__author-name{color:var(--text-detail-author);letter-spacing:-.01em;font-size:16px;font-weight:700}.work-detail__author .work-detail__author-home{margin-top:4px;font-size:12px}.work-detail__text{flex-direction:column;flex:1;gap:14px;display:flex}.work-detail h1{color:var(--text-heading);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.35}.work-detail__description{white-space:pre-wrap;color:var(--text-detail-description);margin:0;font-size:14px;line-height:1.8}.work-detail__tags{flex-wrap:wrap;gap:8px;display:flex}.work-detail .tag-chip{font-size:12px}.work-detail__metadata{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0;padding:0;display:grid}.work-detail__metadata>div{border:1px solid var(--border-detail-card);background:var(--surface-detail-card);border-radius:12px;padding:10px 14px}.work-detail__metadata dt{color:var(--text-muted);letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600}.work-detail__metadata dd{color:var(--text-detail-value);margin:0;font-size:13px;font-weight:600}.work-detail__credit{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px;padding-top:18px;display:flex}.work-detail__credit p{margin:0}.work-detail a{color:var(--columbina-core);text-decoration:none}.work-detail__credit a{border:1px solid var(--border-detail-link);background:var(--surface-detail-link);border-radius:8px;align-items:center;min-height:44px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:background .16s,color .16s;display:inline-flex}.work-detail__credit a:hover{background:var(--columbina-light);color:var(--text-heading)}.work-detail__retry{border:1px solid var(--border-subtle);background:var(--columbina-light);min-height:44px;color:var(--text-primary);cursor:pointer;border-radius:10px;padding:8px 18px}.work-overlay :focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.work-overlay .work-overlay__panel:focus{outline:none}.work-detail.is-loading .work-detail__info>*{visibility:hidden}.work-detail.is-loading .work-detail__dots{display:none}.work-detail.is-loading .work-detail__info:after{content:"正在加载作品……";color:var(--text-muted);position:absolute;top:30px;left:30px}@media (width<=760px){.work-overlay{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.work-overlay__panel{border-radius:16px;height:calc(100dvh - 24px)}.work-overlay__close{top:10px;left:auto;right:10px}.work-detail{overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.work-detail__media{flex:none;height:min(52dvh,460px);min-height:260px}.work-detail__info{border-left:0;flex:none;padding:22px;overflow:visible}}@media (prefers-reduced-motion:reduce){.work-overlay::backdrop{backdrop-filter:none}.work-detail__dots,.work-detail__dot:before,.work-detail__credit a{transition:none}}html.has-work-overlay{scrollbar-gutter:auto}.work-lightbox{--lightbox-thumb:64px;width:100%;max-width:none;height:100dvh;max-height:none;color:var(--text-on-dark);background:0 0;border:0;margin:0;padding:0;font-family:inherit;position:fixed;inset:0;overflow:hidden}.work-lightbox::backdrop{background:var(--lightbox-backdrop);backdrop-filter:blur(4px);transition:background .24s,backdrop-filter .24s;@starting-style{backdrop-filter:blur();background:0 0}}.work-lightbox.is-closing::backdrop{backdrop-filter:blur();background:0 0}.work-lightbox__toolbar{z-index:3;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));background:linear-gradient(var(--lightbox-toolbar-fade), transparent);pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:0 0 auto}.work-lightbox__toolbar p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;overflow:hidden}.work-lightbox__toolbar>div{pointer-events:auto;flex:none;align-items:center;gap:8px;display:flex}.work-lightbox__toolbar button{border:1px solid var(--border-lightbox-control);background:var(--surface-lightbox-control);min-width:44px;min-height:44px;color:var(--text-on-dark);backdrop-filter:blur(4px);font:inherit;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:13px;text-decoration:none;transition:background .18s,border-color .18s;display:inline-flex}.work-lightbox__toolbar [data-lightbox-zoom]{border-radius:24px;padding-inline:14px}.work-lightbox__toolbar button:hover{background:var(--surface-lightbox-control-hover);border-color:var(--border-lightbox-control-hover)}.work-lightbox__toolbar button:disabled{opacity:.45;cursor:default}.work-lightbox :focus-visible{outline:2px solid var(--focus-ring-on-dark);outline-offset:3px}.work-lightbox__viewport{touch-action:none;cursor:zoom-out;user-select:none;position:absolute;inset:64px 56px 28px;overflow:hidden}.has-thumbnails .work-lightbox__viewport{bottom:calc(var(--lightbox-thumb) + 40px + env(safe-area-inset-bottom))}.work-lightbox__viewport.is-opening{overflow:visible}.work-lightbox__slide{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.work-lightbox__slide img{object-fit:contain;cursor:zoom-in;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.work-lightbox__viewport.is-zoomed img{cursor:grab}.work-lightbox__viewport.is-dragging img{cursor:grabbing}.work-lightbox__gallery{z-index:2;pointer-events:none;position:absolute;inset:64px 0 28px}.has-thumbnails .work-lightbox__gallery{bottom:calc(var(--lightbox-thumb) + 40px + env(safe-area-inset-bottom))}.work-lightbox__gallery [data-lightbox-count]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.work-lightbox__thumbnails{bottom:max(12px, env(safe-area-inset-bottom));z-index:3;background:var(--surface-lightbox-thumbs);backdrop-filter:blur(4px);overscroll-behavior:contain;scrollbar-width:thin;border-radius:8px;gap:4px;max-width:calc(100% - 32px);padding:6px;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.work-lightbox__thumb-btn{flex:0 0 var(--lightbox-thumb);width:var(--lightbox-thumb);height:var(--lightbox-thumb);background:var(--surface-lightbox-thumb);color:var(--text-on-dark);opacity:.65;cursor:pointer;border:2px solid #0000;border-radius:4px;padding:0;transition:border-color .2s,opacity .2s;overflow:hidden}.work-lightbox__thumb-btn img{object-fit:cover;width:100%;height:100%;display:block}.work-lightbox__thumb-btn:hover{border-color:var(--border-lightbox-control-hover);opacity:1}.work-lightbox__thumb-btn.is-active{border-color:var(--text-on-dark);opacity:1}.work-lightbox__status{z-index:3;background:var(--surface-lightbox-status);text-align:center;pointer-events:none;border-radius:8px;max-width:calc(100% - 32px);margin:0;padding:10px 16px;font-size:13px;position:absolute;top:72px;left:50%;transform:translate(-50%)}@media (width<=768px){.work-lightbox{--lightbox-thumb:48px}.work-lightbox__viewport{left:12px;right:12px}.work-lightbox__toolbar p{font-size:12px}}@media (width<=480px){.work-lightbox{--lightbox-thumb:44px}.work-lightbox__toolbar{gap:6px}.work-lightbox__toolbar>div{gap:4px}.work-lightbox__toolbar [data-lightbox-zoom],.work-lightbox__toolbar a{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.work-lightbox *,.work-lightbox::backdrop{transition:none!important}}