.video-hero{background:transparent}.video-hero h1 em{color:var(--accent)}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-card{border:1px solid #e4e4e0;background:white;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 7px 26px rgba(30,30,20,.045);transition:.24s}.video-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(30,30,20,.10);border-color:#d4d4ce}.video-preview{position:relative;aspect-ratio:16/10;background:#111;overflow:hidden}.video-preview video{width:100%;height:100%;object-fit:contain;display:block;background:#111}.video-copy{padding:18px 19px 20px;display:flex;flex-direction:column;flex:1}.video-copy-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.video-copy h2{font-size:19px;line-height:1.45;margin:11px 0 7px}.video-copy .summary{font-size:13px;color:#696966;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.video-meta span{font-size:11px;color:#60605d;background:#f4f4f1;padding:5px 8px;border-radius:999px}.compatibility{font-size:11px;color:#777;margin:12px 0 0}.open-case{margin-top:17px;width:100%;border:0;border-top:1px solid #ecece8;background:white;text-align:left;padding:14px 0 0;font-weight:700;color:#202020;cursor:pointer}.open-case:hover{color:var(--accent)}
.video-detail-head{padding-bottom:24px;border-bottom:1px solid #e8e8e4}.video-detail-head h2{font-size:clamp(34px,5vw,58px);line-height:1.12;margin:9px 0 13px}.mode-explain{margin:17px 0 0;padding:14px 16px;background:#fff3ee;border-left:3px solid var(--accent);color:#555;font-size:13px}.detail-player{margin:28px 0 6px;border-radius:16px;overflow:hidden;background:#111;box-shadow:0 14px 40px rgba(0,0,0,.14)}.detail-player video{display:block;width:100%;max-height:70vh;background:#111}.detail-intro{font-size:15px;color:#5c5c59;line-height:1.8}.variable-list{display:grid;gap:8px}.variable{padding:12px 14px;background:#f6f6f3;border-radius:10px}.variable b{display:block;color:#222;font-size:13px}.variable span{display:block;color:#73736f;font-size:12px;margin-top:3px}.video-modal .prompt-box{border-color:#ddd}.video-modal .copy{background:var(--accent)}.original-prompt{background:#fffaf3;border-color:#eadcc8!important}.original-prompt summary{cursor:pointer;font-weight:800;color:#555}.original-prompt[open] summary{margin-bottom:18px}
.actual-media{margin:8px 0 24px;color:#666;font-size:12px}.actual-media b{color:#222}
@media(max-width:980px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.video-grid{grid-template-columns:1fr}.video-hero{padding-left:17px;padding-right:17px}.video-preview{aspect-ratio:16/9}}
.load-more-wrap{grid-column:1/-1;text-align:center;padding:24px 0}.load-more{border:1px solid #d8d8d3;background:white;color:#222;border-radius:999px;padding:13px 24px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px rgba(20,20,10,.05)}.load-more:hover{border-color:#222}

/* ---------- 品牌层：颜色与字体接到 /resources/brand/brand.css ---------- */
:root{--ink:var(--xy-ink);--muted:var(--xy-ink-2);--soft:var(--xy-paper-2);--paper:var(--xy-sheet);--line:var(--xy-rule);--accent:var(--xy-red-ink);--accent-soft:var(--xy-red-wash);--serif:var(--xy-serif);--sans:var(--xy-sans)}
html,body{background:var(--xy-paper);font-family:var(--xy-sans)}
.resource-hero h1{font-family:var(--xy-serif);font-weight:700;letter-spacing:-.01em}
.video-card{border-color:var(--xy-rule);background:var(--xy-sheet);border-radius:var(--xy-r);box-shadow:none}
.video-card:hover{border-color:var(--xy-ink);box-shadow:4px 4px 0 var(--xy-paper-2)}