.vat{background:var(--vat-page-bg);color:var(--vat-text);padding:18px;border-radius:var(--vat-radius);border:1px solid var(--vat-card-border);}
.vat *{box-sizing:border-box;}
.vat a{color:inherit;text-decoration:none;}
.vat-toc{margin:0 0 var(--vat-gap) 0;padding:14px;border-radius:var(--vat-radius);background:var(--vat-card-bg);border:1px solid var(--vat-card-border);}
.vat-toc-title{font-weight:800;margin:0 0 10px 0;}
.vat-toc-group{margin-top:12px;}
.vat-toc-group:first-child{margin-top:0;}
.vat-toc-group-title{font-weight:800;margin:0 0 8px 0;color:var(--vat-text);opacity:0.95;}
.vat-toc-items{display:flex;gap:10px;flex-wrap:wrap;}
.vat-toc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--vat-card-border);background:rgba(255,255,255,0.02);}
.vat-toc-item:hover{border-color:var(--vat-accent);}
.vat-toc-thumb{width:42px;height:28px;border-radius:8px;background-size:cover;background-position:center;border:1px solid var(--vat-card-border);flex:0 0 auto;}
.vat-toc-text{font-size:14px;line-height:1.2;color:var(--vat-text);max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vat-grid{display:grid;grid-template-columns:repeat(var(--vat-columns), minmax(0,1fr));gap:var(--vat-gap);}
@media (max-width: 1024px){.vat-grid{grid-template-columns:repeat(2, minmax(0,1fr));}}
@media (max-width: 640px){.vat-grid{grid-template-columns:repeat(1, minmax(0,1fr));}}
.vat-card{border-radius:var(--vat-radius);background:var(--vat-card-bg);border:1px solid var(--vat-card-border);overflow:hidden;display:flex;flex-direction:column;min-height:100%;}
.vat-media{position:relative;cursor:pointer;line-height:0;}
.vat-thumb{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;}
.vat-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.vat-play:before{content:'';width:64px;height:44px;border-radius:14px;background:rgba(0,0,0,0.55);border:1px solid rgba(255,255,255,0.12);}
.vat-play:after{content:'';position:absolute;width:0;height:0;border-left:16px solid rgba(255,255,255,0.92);border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:6px;}
.vat-body{padding:14px 14px 16px 14px;display:flex;flex-direction:column;gap:8px;flex:1;}
.vat-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.vat-title{font-size:18px;line-height:1.25;margin:0;}
.vat-badge{font-size:12px;padding:4px 10px;border-radius:999px;background:rgba(106,169,255,0.18);border:1px solid rgba(106,169,255,0.35);color:var(--vat-text);white-space:nowrap;}
.vat-meta{font-size:13px;color:var(--vat-muted);}
.vat-text{font-size:14px;line-height:1.45;color:var(--vat-text);opacity:0.95;}
.vat-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:auto;}
.vat-btn{flex:1;min-width:140px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:10px 12px;background:var(--vat-btn-bg);color:var(--vat-btn-text);cursor:pointer;font-weight:800;}
.vat-btn:hover{filter:brightness(1.06);}
.vat-btn:active{transform:translateY(1px);}
.vat-share{position:relative;}
.vat-share-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.16);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,0.06);color:var(--vat-text);cursor:pointer;font-weight:800;}
.vat-share-btn:hover{border-color:rgba(255,255,255,0.28);}
.vat-share-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;padding:10px;border-radius:14px;background:var(--vat-card-bg);border:1px solid var(--vat-card-border);box-shadow:0 14px 40px rgba(0,0,0,0.45);display:none;z-index:20;}
.vat-share-pop.is-open{display:block;}
.vat-share-pop button,.vat-share-pop a{width:100%;display:block;text-align:left;padding:10px 10px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--vat-text);cursor:pointer;font-weight:700;}
.vat-share-pop button:hover,.vat-share-pop a:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.10);}
.vat-share-pop a{text-decoration:none;}
.vat-iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000;}
.vat-modal{position:fixed;inset:0;z-index:99999;display:none;}
.vat-modal.is-open{display:block;}
.vat-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.72);}
.vat-modal-inner{position:relative;max-width:1100px;margin:6vh auto 0 auto;padding:16px;border-radius:var(--vat-radius);background:var(--vat-modal-bg);border:1px solid rgba(255,255,255,0.10);box-shadow:0 18px 70px rgba(0,0,0,0.6);}
@media (max-width: 1200px){.vat-modal-inner{margin:4vh 14px 0 14px;}}
.vat-modal-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.06);color:var(--vat-text);font-size:26px;line-height:1;cursor:pointer;}
.vat-modal-close:hover{border-color:rgba(255,255,255,0.25);}
.vat-modal-frame{margin-top:34px;}