:root{--bg:#0d0d0f;--panel:#141417;--card:#18181c;--line:#26262b;--text:#ededf0;--muted:#a8a8b0;--faint:#8e8e97;--accent:#1783ff;--sans:"Geist", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"Geist Mono", "Noto Sans SC", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}html[lang=zh-CN] body{line-height:1.7}button,input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html{scrollbar-width:thin;scrollbar-color:#2c2c32 var(--bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#2c2c32;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3c3c44}::-webkit-scrollbar-corner{background:0 0}.side{scrollbar-width:thin;scrollbar-color:transparent transparent}.side:hover{scrollbar-color:#2c2c32 transparent}.side::-webkit-scrollbar-thumb{background:0 0}.side:hover::-webkit-scrollbar-thumb{background:#2c2c32}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);flex-direction:column;height:100vh;padding:24px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.brand-mark{border-radius:7px;flex:none;width:28px;height:28px}.brand-name{white-space:nowrap;align-items:baseline;gap:7px;display:inline-flex}.brand-zh{letter-spacing:.03em;font-size:15px;font-weight:500}.brand-latin{font-family:"Manrope", var(--sans);letter-spacing:-.06em;font-size:18px;font-weight:800}.tagline{color:var(--muted);margin:14px 0 28px;font-size:14px;line-height:1.55}.nav h2{color:var(--faint);letter-spacing:.02em;margin:18px 0 6px;font-size:12px;font-weight:500}.nav button{width:calc(100% + 20px);color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:36px;margin:0 -10px;padding:7px 10px;font-size:15px;display:flex}.nav button:hover{background:var(--panel);color:var(--text)}.nav button.on{color:var(--text);background:var(--panel)}.nav button .n{font:13px var(--mono);color:var(--faint);margin-left:auto}.nav button img{flex:none;width:16px;height:16px}.nav button[disabled]{cursor:default;color:var(--faint)}.nav button[disabled]:hover{background:0 0}img.inv{filter:invert()}.side-foot{color:var(--faint);margin-top:auto;padding-top:24px;font-size:14px;line-height:1.6}.profile-links{margin-bottom:16px}.profile-credit{color:var(--faint);margin-bottom:8px;font-size:12px}.profile-accounts{flex-wrap:wrap;gap:4px 14px;display:flex}.profile-accounts a{min-height:36px;color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.profile-accounts a:hover{color:var(--text)}.profile-accounts a:hover span:last-child{text-underline-offset:4px;text-decoration:underline}.profile-accounts a>span:first-child{display:flex}.site-footer{border-top:1px solid var(--line);padding:20px 24px 28px}.site-footer .profile-links{margin:0}.lang{border:1px solid var(--line);border-radius:999px;margin-bottom:16px;padding:3px;display:inline-flex}.lang button{white-space:nowrap;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:30px;padding:5px 12px;font-size:13px}.lang button.on{background:var(--text);color:var(--bg)}.lang-m{display:none}main{min-width:0;padding:20px 28px 60px}.bar{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(12px);align-items:center;gap:8px;margin-bottom:20px;padding:10px 0;display:flex;position:sticky;top:0}.bar h1{margin-right:6px;font-size:18px;font-weight:600}.bar .count{font:13px var(--mono);color:var(--faint);margin-right:14px}.pill{background:var(--panel);color:var(--muted);cursor:pointer;border:0;border-radius:999px;min-height:34px;padding:7px 14px;font-size:14px}.pill:hover{color:var(--text)}.pill.on{background:var(--text);color:var(--bg)}.grow{flex:1}.tagbar{flex-wrap:wrap;gap:8px;margin:-6px 0 20px;display:flex}.tagpill{border:1px solid var(--line);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:5px 13px;font-size:13px;display:inline-flex}.tagpill .n{font:12px var(--mono);color:var(--faint)}.tagpill:hover{color:var(--text);border-color:#44444c}.tagpill.on{color:var(--text);border-color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.tagpill.on .n{color:var(--muted)}.search{background:var(--panel);width:280px;color:var(--faint);border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 14px;display:flex}.search input{color:var(--text);background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.search input::placeholder{color:var(--faint)}.search:focus-within{outline:1px solid #3a3a41}.mas{columns:4 260px;column-gap:14px}.card{break-inside:avoid;background:var(--card);cursor:pointer;border-radius:12px;margin-bottom:14px;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s;display:block;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000073}.card .media{background:#1f1f24;position:relative;overflow:hidden}.card .media img,.card .media video{object-fit:cover;width:100%;height:100%}html[data-lang] .card .media img{opacity:0;transition:opacity .3s}html[data-lang] .card .media img.ok{opacity:1}.card .media video{opacity:0;transition:opacity .2s;position:absolute;inset:0}.card:hover .media video.ready{opacity:1}.card .media.broken:after{content:attr(data-broken);color:var(--faint);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.badge{backdrop-filter:blur(6px);color:#fff;background:#0009;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;display:inline-flex;position:absolute;top:10px;left:10px}.go{color:#fff;opacity:0;background:#0009;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .2s;display:grid;position:absolute;bottom:10px;right:10px}.card:hover .go{opacity:1}.card .foot{align-items:center;gap:9px;padding:10px 12px 12px;display:flex}.card .foot img{border-radius:50%;flex:none;width:22px;height:22px}.card .foot .tt{flex:1;min-width:0}.card .foot b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.card .foot small{color:var(--faint);font-size:12px;display:block}.card .foot .lk{color:var(--faint);font:12px var(--mono);align-items:center;gap:4px;display:inline-flex}.empty{color:var(--muted);text-align:center;column-span:all;padding:80px 0}.note{color:var(--faint);max-width:640px;margin-top:40px;font-size:14px}.d-stage{background:#000;place-items:center;min-height:0;display:grid}.d-media{object-fit:contain;width:100%;height:100%;max-height:100%}.d-info{flex-direction:column;gap:16px;padding:28px 26px;display:flex;overflow-y:auto}.d-model{font:13px var(--mono);color:var(--muted);align-items:center;gap:10px;display:flex}.d-model img{flex:none;width:16px;height:16px}.d-title{letter-spacing:-.01em;padding-right:30px;font-size:24px;font-weight:600;line-height:1.25}.d-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;min-height:30px;padding:4px 11px;font-size:13px;display:inline-flex}.tag:hover{color:var(--text);border-color:#44444c}.d-author{align-items:center;gap:10px;display:flex}.d-author img{border-radius:50%;flex:none;width:32px;height:32px}.d-author b{font-size:15px;font-weight:500;display:block}.d-author small{color:var(--faint);font-size:13px}.d-author:hover b{text-underline-offset:3px;text-decoration:underline}.d-text{color:#c9c9d0;white-space:pre-line;font-size:15px;line-height:1.65}.d-meta{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;padding-top:14px;display:grid}.d-meta dt{color:var(--faint);font-size:12px}.d-meta dd{font:14px var(--mono)}.d-actions{gap:8px;margin-top:auto;display:flex}.btn{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{border-color:#44444c}.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text);flex:1}.lock{overflow:hidden}.modal{z-index:50;opacity:0;place-items:center;transition:opacity .2s;display:grid;position:fixed;inset:0}.modal.open{opacity:1}.modal-backdrop{backdrop-filter:blur(6px);background:#000000c7;position:absolute;inset:0}.modal-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr 380px;width:min(1280px,94vw);height:min(780px,90vh);transition:transform .3s cubic-bezier(.2,.7,.2,1);display:grid;position:relative;overflow:hidden;transform:translateY(8px)scale(.99)}.modal.open .modal-panel{transform:none}.modal-close{z-index:2;color:#fff;cursor:pointer;background:#00000080;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:14px;right:14px}.page-top{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:16px 24px;display:flex}.page-top .back{white-space:nowrap;color:var(--muted);align-items:center;gap:8px;min-height:36px;font-size:14px;display:inline-flex}.page-top .back:hover{color:var(--text)}.page-top .lang{margin:0 0 0 auto}.work{border-bottom:1px solid var(--line);grid-template-columns:1fr 400px;min-height:min(78vh,820px);display:grid}.work .d-info{padding:32px 28px}.work .d-title{padding-right:0;font-size:30px}.more{padding:28px 24px 60px}.more h2{margin-bottom:16px;font-size:18px;font-weight:600}@media (width<=860px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:16px;position:relative}.tagline{margin:8px 0 12px}.nav{margin:0 -16px}.nav h2{display:none}.nav .types,.nav .models{scrollbar-width:none;gap:6px;padding:0 16px;display:flex;overflow-x:auto}.nav .models{margin-top:8px}.nav .types::-webkit-scrollbar,.nav .models::-webkit-scrollbar{display:none}.tagbar{scrollbar-width:none;flex-wrap:nowrap;margin:-4px -12px 14px;padding:0 12px;overflow-x:auto}.tagbar::-webkit-scrollbar{display:none}.nav button{background:var(--panel);border-radius:999px;flex:none;width:auto;margin:0;padding:6px 14px}.nav button.on{background:var(--text);color:var(--bg)}.nav button.on .n{color:var(--bg)}.side-foot{margin-top:0;padding-top:12px}.side-foot>.lang,.side-foot>p{display:none}.side-foot .profile-credit{margin-bottom:2px;font-size:11px}.side-foot .profile-links{margin:0}.side-foot .profile-accounts{gap:20px}.side-foot .profile-accounts a{min-height:32px}.lang-m{margin:0;display:inline-flex;position:absolute;top:14px;right:16px}main{padding:4px 12px 40px}.bar{flex-wrap:wrap}.bar h1,.bar .count{display:none}.search{order:-1;width:100%}.search input{font-size:16px}.mas{columns:2;column-gap:10px}.card{margin-bottom:10px}.card .foot small,.card .foot .lk{display:none}.modal-panel{border:0;border-radius:0;grid-template-rows:auto 1fr;grid-template-columns:1fr;width:100vw;height:100dvh}.modal .d-stage{max-height:44vh}.work{grid-template-columns:1fr}.work .d-stage{max-height:56vh}.work .d-info{padding:20px 16px 28px}.work .d-title{font-size:24px}.page-top{gap:12px;padding:12px 16px}.page-top .brand{gap:0;font-size:0}.page-top .brand-name{display:none}.more{padding:20px 12px 40px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}