.home-hero{min-height:500px;padding-top:55px;padding-bottom:42px}.home-hero .hero-brand{margin-bottom:38px}.home-hero .home-search{margin-bottom:18px}
.home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:540px;max-width:90%;gap:12px}.home-shortcuts .button{width:100%;min-width:0;min-height:44px;padding:10px 11px;gap:12px;font-size:12px;font-weight:500}.home-shortcuts .button.outline{border-color:#494239;color:#d6cebf;background:transparent}.home-shortcuts .button.outline:hover{border-color:var(--gold);background:#d7be9108;transform:translateY(-2px)}.home-shortcuts .button.primary:hover{transform:translateY(-2px);box-shadow:none}.home-shortcuts .shortcut-icon{display:block;width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.home-shortcuts .shortcut-label{font:inherit;color:inherit}.home-shortcuts .button:hover .shortcut-icon{transform:translateY(-1px)}.home-shortcuts .shortcut-icon{transition:transform .2s}.home-shortcuts .unavailable{color:#807b72!important;border-color:#302e2b!important;cursor:default;gap:7px}.home-shortcuts .unavailable small{font-size:9px;color:#70695f}.home-shortcuts .unavailable:hover{transform:none!important;background:transparent!important;border-color:#302e2b!important}
.header-bilibili{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid #454341;border-radius:4px;color:#bbb7b0;font-size:11px;white-space:nowrap}.header-bilibili:hover{color:var(--ink);border-color:#a69b8a}.creator-video-link{display:inline-flex;align-items:center;font-size:12px;color:#bab5ad;white-space:nowrap}
.support-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 18px;border:1px solid var(--gold);border-radius:4px;background:var(--gold);color:#191611;font-weight:600}.support-link:hover{background:#e9d5b1;border-color:#e9d5b1;color:#191611}.support-link:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.video-heading{align-items:center}.video-duration{position:absolute;right:12px;bottom:10px;padding:3px 7px;font-size:11px;color:#fff;background:#000b;border-radius:3px;z-index:1;pointer-events:none}.video-preview{position:relative}.video-link-below{display:block;padding-top:13px;margin-top:12px;border-top:1px solid var(--line);font-size:12px;line-height:1.8;color:#b9b0a2;overflow-wrap:anywhere}.video-link-below:hover{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.video-details .video-meta{justify-content:flex-start;gap:12px}.video-details .video-meta .tag{font-size:10px}.video-grid{gap:34px 30px}
@media(max-width:760px){.home-hero{min-height:440px;padding-top:40px}.home-shortcuts{gap:9px}.home-shortcuts .button{gap:8px;font-size:11px;padding:10px 8px}.header-bilibili{padding:5px 8px;font-size:10px}.support-link{padding:7px 13px;min-height:35px}.video-heading{gap:20px}.video-heading .creator-video-link{font-size:11px}.video-link-below{font-size:11px}.nav-actions{gap:12px}}
@media(max-width:460px){.home-hero{min-height:450px}.home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-shortcuts .button{font-size:12px;gap:16px}.nav-actions{gap:10px}.header-bilibili{padding:5px 7px}.support-link{padding:7px 12px}.video-heading{align-items:flex-start;flex-wrap:wrap}.video-heading h1{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.home-shortcuts .button,.home-shortcuts .shortcut-icon,.support-link{transition:none}.home-shortcuts .button:hover,.home-shortcuts .button:hover .shortcut-icon{transform:none}}

.comment-import-form{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid var(--line)}.comment-import-fields{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px}.comment-import-fields>div{min-width:0}.comment-import-fields label{display:block;font-size:12px;color:#b8ae9c;margin-bottom:7px}.comment-import-fields input{width:100%;height:44px;padding:10px 12px;margin:0;min-width:0;font-size:13px}.comment-import-fields .button{height:44px;min-height:44px;padding:10px 18px;white-space:nowrap;font-size:13px}.bili-uid{font:10px ui-monospace,monospace;color:var(--muted)}.share-player{flex-wrap:wrap}.share-sources{display:flex;flex-wrap:wrap;gap:20px;margin:22px 0}.comment-receipt h2{font-size:18px}
@media(max-width:760px){.comment-import-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.comment-import-link{grid-column:1/-1}}
@media(max-width:420px){.comment-import-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.comment-import-fields .button{grid-column:1/-1;justify-self:end}.share-player .bili-uid{font-size:9px}}