:root{color-scheme:light;--paper:#fafafa;--surface:#fff;--ink:#181818;--muted:#777;--line:#e7e7e7;--accent:#181818;--sans:"Yinian UI Sans","Segoe UI Variable","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--shell:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fafafa;color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #737373;outline-offset:4px}button svg{pointer-events:none}img,video{max-width:100%}[hidden]{display:none!important}::selection{background:#dedede;color:#181818}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-80px;padding:12px 20px;border-radius:12px;background:#181818;color:#fff;z-index:1000}.skip-link:focus{top:16px}.section-shell{width:min(100%,calc(var(--shell) + 80px));margin-inline:auto;padding-inline:40px}
.site-header{height:76px;border-bottom:1px solid var(--line);background:#ffffffd9}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:18px}.brand-logo{display:block;width:90px;height:44px}.brand-divider{width:1px;height:21px;background:#dedede}.brand-caption{font-size:13px;color:#666;white-space:nowrap}.main-site-link{display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 12px;font-size:12px;background:#fff;border:1px solid var(--line);border-radius:12px;transition:background .18s,border-color .18s}.main-site-link svg{width:17px;height:17px}.main-site-link:hover{background:#f3f3f3;border-color:#cecece}
.collection{padding-top:42px;padding-bottom:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h1{font-size:30px;font-weight:650;line-height:1.4;letter-spacing:-.7px;margin:0 0 8px}.section-heading p{color:var(--muted);font-size:13px;margin:0}.view-only-label{display:inline-flex;align-items:center;gap:7px;color:#777;font-size:12px;white-space:nowrap}.view-only-label svg{width:16px;height:16px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.category-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}.filter-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid transparent;border-radius:12px;background:transparent;color:#666;padding:8px 14px;font-size:12px;white-space:nowrap;transition:background .18s,color .18s}.filter-button:hover{background:#eee;color:#181818}.filter-button.active{background:#181818;color:#fff;font-weight:600}.filter-count{font-size:10px;font-weight:400;opacity:.55;font-variant-numeric:tabular-nums}.search-control{display:flex;align-items:center;flex:0 0 265px;gap:9px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .18s,box-shadow .18s}.search-control:focus-within{border-color:#aaa;box-shadow:0 0 0 3px #00000004}.search-control>svg{width:17px;height:17px;flex-shrink:0;color:#888}.search-control input{width:100%;min-width:0;outline:0!important;border:0;background:none;padding:7px 0;color:#181818;font-size:12px}.search-control input::placeholder{color:#999}.search-shortcut{border:1px solid #eee;border-radius:4px;color:#aaa;font-size:10px;line-height:17px;width:17px;flex-shrink:0;text-align:center}.result-status{color:#999;font-size:11px;margin:23px 0 14px;min-height:18px;font-variant-numeric:tabular-nums}.case-grid{--columns:3;--gap:20;position:relative;width:100%;min-height:0}.case-card{position:absolute;top:0;left:0;width:calc((100% - 40px)/3);min-width:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.case-card:hover,.case-card:focus-within{border-color:#c8c8c8;box-shadow:0 6px 24px #00000009}.case-button{display:block;width:100%;padding:0 0 16px;border:0;background:none;text-align:left}.case-button:focus-visible{outline-offset:-4px;border-radius:14px}.case-image-wrap{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#f0f0f0;overflow:hidden}.case-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.case-placeholder{background:#eee}.case-placeholder:before{content:"暂无封面";position:absolute;inset:0;display:grid;place-items:center;color:#aaa;font-size:12px}.case-duration{position:absolute;right:10px;bottom:10px;font-size:10px;line-height:1.6;font-variant-numeric:tabular-nums;color:white;background:#181818ad;backdrop-filter:blur(8px);padding:2px 7px;border-radius:6px}.case-featured{position:absolute;top:10px;left:10px;border:1px solid #ffffff50;border-radius:7px;padding:3px 8px;background:#ffffffeb;backdrop-filter:blur(8px);color:#333;font-size:10px}.case-play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fffffff2;color:#181818;box-shadow:0 3px 18px #0002;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s}.case-play svg{width:17px;height:17px;margin-left:3px}.case-button:hover .case-play,.case-button:focus-visible .case-play{opacity:1}.case-info{display:flex;align-items:flex-start;gap:12px;padding:14px 16px 0}.case-title{font-size:14px;line-height:1.6;font-weight:600;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.case-arrow{font-size:18px;line-height:1.3;margin-left:auto;color:#999}.case-subline{display:flex;gap:6px 8px;flex-wrap:wrap;padding:0 16px;margin-top:5px;color:#888;font-size:11px}.case-subline span+span:before{content:"·";color:#bbb;margin-right:8px}.case-tags{display:flex;gap:5px;flex-wrap:wrap;padding:0 16px;margin-top:11px}.case-tag{font-size:10px;line-height:1.5;padding:3px 7px;color:#888;background:#f7f7f7;border-radius:5px;overflow-wrap:anywhere}.collection-end{display:flex;justify-content:center;padding:27px 0 0;color:#aaa;font-size:11px}.collection-state{text-align:center;min-height:260px;padding:75px 20px;color:#888;border:1px dashed #ddd;border-radius:14px;background:#fff}.collection-state h3{font-size:17px;font-weight:600;color:#333;margin:15px 0 7px}.collection-state p{font-size:12px;margin:0}.collection-state button{padding:8px 16px;margin-top:20px;border:1px solid #ddd;background:#fff;border-radius:10px;font-size:12px}.collection-state button:hover{background:#f3f3f3}.loading-ring{display:inline-block;width:20px;height:20px;border:2px solid #e3e3e3;border-top-color:#666;border-radius:50%;animation:spin .9s linear infinite}
.viewing-notice{display:flex;align-items:flex-start;gap:12px;padding:20px 22px;margin-top:18px;border:1px solid var(--line);border-radius:14px;background:#f5f5f5}.notice-symbol{width:20px;height:20px;flex-shrink:0;margin-top:1px;color:#777}.viewing-notice h2{font-size:12px;font-weight:600;line-height:1.6;margin:0 0 5px;color:#555}.viewing-notice p{font-size:11px;line-height:1.9;margin:0;color:#888}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:26px;padding-bottom:28px;font-size:11px;color:#aaa}.admin-link{color:#999}.admin-link:hover{color:#181818}.admin-link span{margin-left:4px}
.viewer{border:1px solid #3b3b3b;border-radius:18px;padding:0;background:#191919;color:#f5f5f5;width:min(1440px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 64px);overflow:auto;box-shadow:0 30px 120px #0009}.viewer::backdrop{background:#111d;backdrop-filter:blur(7px)}.viewer[open]{animation:viewer-in .2s ease}.viewer-shell{display:flex;flex-direction:column}.viewer-topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:16px;border-bottom:1px solid #ffffff15}.viewer-brand{display:flex;align-items:center;gap:10px;font-size:14px}.viewer-logo{width:20px;height:24px;filter:invert(1) grayscale(1)}.viewer-topbar-label{font-size:11px;color:#777;margin-left:10px}.viewer-top-actions{display:flex;align-items:center;gap:18px}.viewer-position{font-size:10px;font-variant-numeric:tabular-nums;color:#888}.icon-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:8px;border:none;color:#f5f5f5;background:transparent;border-radius:10px;transition:background .2s}.icon-button svg{width:20px;height:20px}.icon-button:hover{background:#ffffff1a}.close-button{border:1px solid #ffffff25;width:32px;height:32px;padding:7px}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:390px}.viewer-stage{display:flex;flex-direction:column;justify-content:center;background:#111;padding:22px 20px 12px;min-width:0}.video-frame{position:relative;background:#080808;aspect-ratio:16/9;width:100%;overflow:hidden;isolation:isolate;border-radius:8px}.video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#080808}.video-frame video::-webkit-media-controls{display:none!important}.video-frame:fullscreen{aspect-ratio:auto;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0}.video-frame:fullscreen video{width:100%;height:100%;object-fit:contain}.live-watermark{position:absolute;z-index:3;pointer-events:none;user-select:none;color:#ffffffa0;right:4%;top:9%;text-shadow:0 1px 4px #000b;display:flex;flex-direction:column;gap:5px;text-align:right;max-width:58%;font-size:clamp(9px,1.1vw,16px);line-height:1.5;letter-spacing:1px;overflow-wrap:anywhere;transition:top 1.4s ease,left 1.4s ease,right 1.4s ease}.live-watermark>span:last-child{font-size:8px;letter-spacing:1px;opacity:.75}.video-view-only{position:absolute;right:14px;bottom:65px;z-index:3;font-size:8px;letter-spacing:1px;color:#ffffff60;pointer-events:none;user-select:none;text-shadow:0 1px 3px #000b}.stage-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;border:1px solid #ffffff80;background:#16161665;color:white;display:flex;justify-content:center;align-items:center;transition:background .2s,opacity .2s}.stage-play:hover{background:#ffffff25}.stage-play svg{width:25px;height:25px;margin-left:4px}.video-frame.playing .stage-play{opacity:0;pointer-events:none}.video-controls{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:20px 14px 6px;background:linear-gradient(transparent,#000000c9);transition:opacity .25s}.video-frame.playing.controls-idle .video-controls{opacity:0;pointer-events:none}.video-frame.playing.controls-idle .video-controls:focus-within{opacity:1;pointer-events:auto}.video-progress{display:block;width:100%;height:14px;appearance:none;background:transparent;cursor:pointer;margin:0;--progress:0%}.video-progress::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#fff 0,#fff var(--progress),#ffffff50 var(--progress),#ffffff50 100%);border-radius:3px}.video-progress::-moz-range-track{height:3px;background:#ffffff50;border-radius:3px}.video-progress::-moz-range-progress{height:3px;background:#fff}.video-progress::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border:0;margin-top:-3px;border-radius:50%;background:#fff}.video-progress::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#fff}.controls-row{display:flex;align-items:center;gap:3px}.controls-spacer{flex:1}.video-time{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:4px}.time-divider{opacity:.5;margin:0 7px}.volume-control{appearance:none;width:55px;height:2px;background:#ffffff60;border-radius:4px;cursor:pointer;margin-right:9px}.volume-control::-webkit-slider-thumb{appearance:none;width:7px;height:7px;background:white;border-radius:50%;border:0}.volume-control::-moz-range-thumb{width:7px;height:7px;background:white;border-radius:50%;border:0}.video-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;max-width:85%;padding:12px 18px;background:#111e;border:1px solid #ffffff20;border-radius:10px;font-size:12px;color:#eee;text-align:center;line-height:1.7;pointer-events:none}.screening-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#777;font-size:9px;margin-top:13px;min-height:20px}.screening-caption>span:first-child{display:flex;align-items:center;gap:7px}.screening-caption i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#888}.keyboard-hint{font-size:9px}.keyboard-hint>span{margin-left:13px}.viewer-details{padding:28px 24px 21px;display:flex;flex-direction:column;border-left:1px solid #ffffff12;min-width:0}.viewer-detail-top{display:flex;justify-content:space-between;gap:12px;color:#999;font-size:11px;line-height:1.6}.viewer-details h2{font-size:23px;font-weight:600;line-height:1.5;margin:17px 0 9px;overflow-wrap:anywhere}.viewer-client{font-size:11px;color:#aaa;line-height:1.6;margin:0 0 20px}.viewer-description{font-size:12px;line-height:1.9;color:#999;white-space:pre-line;margin:0 0 20px;overflow-wrap:anywhere;max-height:210px;overflow:auto;scrollbar-width:thin}.viewer-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:27px;overflow-wrap:anywhere}.viewer-tags span{font-size:10px;padding:4px 8px;border:1px solid #ffffff20;border-radius:6px;color:#aaa;line-height:1.4}.viewer-tags:empty{display:none}.viewer-detail-bottom{margin-top:auto}.share-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff06;color:#ddd;font-size:12px;text-align:left;transition:background .2s}.share-button svg{width:15px;height:15px}.share-button:hover{background:#ffffff12}.viewer-legal{font-size:10px;line-height:1.9;color:#777;margin:18px 0 20px}.viewer-navigation{display:flex;justify-content:space-between;gap:15px}.viewer-navigation button{padding:7px 0;background:none;border:0;color:#bbb;font-size:11px;display:flex;gap:10px;align-items:center}.viewer-navigation button:hover{color:#fff}.viewer-navigation button>span{font-size:18px}.share-fallback{width:100%;margin-top:10px;border:1px solid #ffffff30;border-radius:8px;color:#eee;padding:9px;font-size:10px;background:#222}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);max-width:80vw;z-index:10;background:#fafafa;color:#181818;border:1px solid #e7e7e7;border-radius:12px;padding:12px 21px;box-shadow:0 5px 25px #0004;font-size:12px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;text-align:center;line-height:1.6}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-message{position:fixed;bottom:0;left:0;right:0;background:#181818;color:white;padding:16px;text-align:center;font-size:13px;z-index:30}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes viewer-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.section-shell{padding-inline:30px}.case-grid{--columns:2}.collection-toolbar{align-items:flex-start}.category-filters{gap:3px}.filter-button{padding:8px 11px}.search-control{flex-basis:240px}.viewer{width:calc(100vw - 42px);max-height:calc(100dvh - 42px)}.viewer-layout{grid-template-columns:minmax(0,1fr) 250px}.viewer-details{padding:25px 20px}.viewer-stage{padding-inline:14px}.keyboard-hint{display:none}.viewer-details h2{font-size:21px}}
@media(max-width:800px){.collection-toolbar{flex-direction:column;gap:14px}.search-control{flex-basis:auto;width:100%;max-width:none}.category-filters{gap:5px}.filter-button{padding:8px 14px}.section-heading{align-items:flex-start}.view-only-label{margin-top:12px}.viewer-layout{grid-template-columns:minmax(0,1fr)}.viewer-stage{padding:20px 20px 8px}.viewer-details{border-left:0;border-top:1px solid #ffffff15;display:block;padding:25px}.viewer-details h2{font-size:24px;margin-top:14px}.viewer-description{max-height:none}.viewer-client{margin-bottom:12px}.viewer-tags{margin-bottom:22px}.viewer-legal{margin:13px 0}.viewer-topbar{position:sticky;top:0;z-index:8;background:#191919}.viewer-navigation{padding-top:0}.viewer{width:min(800px,calc(100vw - 40px));max-height:calc(100dvh - 40px)}.live-watermark{font-size:13px}.viewer-details .share-button{max-width:300px}}
@media(max-width:600px){.section-shell{padding-inline:20px}.site-header{height:66px}.brand{gap:12px}.brand-logo{width:80px;height:39px}.brand-caption{font-size:12px}.main-site-link{padding:6px 10px;font-size:11px;min-height:33px}.collection{padding-top:29px;padding-bottom:21px}.section-heading{margin-bottom:22px;gap:15px}.section-heading h1{font-size:25px;margin-bottom:7px}.section-heading p{font-size:12px;max-width:220px}.view-only-label{font-size:10px;margin-top:8px;gap:5px}.view-only-label svg{width:14px;height:14px}.category-filters{flex-wrap:nowrap;max-width:100%;overflow:auto;scrollbar-width:none;padding-block:2px}.category-filters::-webkit-scrollbar{display:none}.filter-button{font-size:11px;padding:7px 12px;min-height:36px}.collection-toolbar{gap:12px}.search-control{height:39px}.result-status{margin-top:20px;margin-bottom:12px}.case-grid{--columns:1;--gap:18}.case-info{padding-top:14px}.case-title{font-size:14px}.case-subline{font-size:11px}.case-play{opacity:.95;width:40px;height:40px}.case-play svg{width:15px;height:15px}.collection-end{padding-top:22px}.viewing-notice{padding:17px 16px;gap:10px;margin-top:12px}.viewing-notice p{font-size:10px}.notice-symbol{width:18px;height:18px}.site-footer{padding-top:22px;padding-bottom:24px;font-size:10px}.viewer{width:100%;height:100dvh;max-height:none;max-width:100vw;border:0;border-radius:0;margin:0}.viewer::backdrop{backdrop-filter:none}.viewer-shell{min-height:100%}.viewer-topbar{height:61px;padding:0 16px 0 20px;flex-shrink:0}.viewer-topbar-label{font-size:10px;margin-left:4px}.viewer-brand{gap:8px;font-size:13px}.viewer-top-actions{gap:10px}.viewer-position{font-size:9px}.close-button{width:31px;height:31px}.viewer-layout{display:flex;flex-direction:column;min-height:calc(100dvh - 61px)}.viewer-stage{padding:14px 0 0;flex-shrink:0}.video-frame{aspect-ratio:16/10;border-radius:0}.screening-caption{font-size:8px;padding:0 18px;margin-top:10px;margin-bottom:13px}.viewer-details{flex:1;padding:24px 22px;display:flex}.viewer-details h2{font-size:24px;margin-top:15px}.viewer-client{font-size:11px;margin-bottom:17px}.viewer-description{font-size:12px;line-height:1.85;margin-bottom:18px}.viewer-tags{margin-bottom:27px}.viewer-details .share-button{max-width:none;padding-block:12px;font-size:12px}.viewer-legal{font-size:10px;margin:17px 0 15px;line-height:1.9}.viewer-navigation button{font-size:11px;padding-block:8px}.viewer-navigation{padding-bottom:env(safe-area-inset-bottom)}.live-watermark{font-size:10px;letter-spacing:.5px}.live-watermark>span:last-child{font-size:6px;letter-spacing:.5px}.stage-play{width:58px;height:58px}.stage-play svg{width:21px;height:21px}.video-view-only{font-size:7px;right:13px;bottom:60px}.video-controls{padding:20px 10px 4px}.video-time{font-size:8px}.volume-control{width:40px}.controls-row{gap:1px}.toast{bottom:25px;font-size:11px;max-width:88vw;padding:11px 16px}.collection-state{min-height:240px;padding:60px 15px}}
@media(max-width:374px){.section-shell{padding-inline:16px}.brand-caption{display:none}.brand-divider{display:none}.view-only-label{display:none}.viewer-topbar-label{display:none}.filter-button{padding-inline:10px}.section-heading p{max-width:none}.viewer-details{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}