/* Video rows share one visual language across the home and the full library. */
.motion-collection,.motion-library-page{--motion-text:#f0f0e8;--motion-muted:#a4ada6;--motion-line:rgba(236,243,231,.17);--motion-accent:#ceec78;color:var(--motion-text);}
.motion-collection *,.motion-library-page *,.motion-viewer *{box-sizing:border-box;}
#video-archive.motion-collection{padding:clamp(64px,7vw,110px) var(--section-pad,40px);background:radial-gradient(ellipse at 75% 0%,#a2cd6810,transparent 45%),#080d0b;}
#video-archive.motion-collection>.premium-v2-ticker{display:none;}
.motion-section-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px;margin-bottom:52px;position:relative;z-index:2;}
.motion-eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:.18em;color:#a8b69f;margin:0 0 22px;}
.motion-section-heading h2{font:400 clamp(42px,5.3vw,82px)/1.05 Georgia,"Songti SC",serif;letter-spacing:-.045em;margin:0;}
.motion-section-heading h2 em{font-weight:400;color:#c4dbac;}
.motion-section-heading .motion-section-note{font:14px/1.8 "Microsoft YaHei",sans-serif;color:#a7b3aa;margin:20px 0 0;}
.motion-section-tools{display:flex;align-items:flex-end;flex-direction:column;gap:22px;}
.motion-section-tools>span{font:10px/1.5 Arial,sans-serif;color:#a9b2a5;letter-spacing:.13em;}
.motion-all-link{color:#eef4e1;text-decoration:none;font:13px/1.5 "Microsoft YaHei",sans-serif;padding:14px 19px;border:1px solid #e6eed445;border-radius:4px;display:flex;align-items:center;gap:24px;min-height:48px;transition:background-color .2s,border-color .2s;}
.motion-all-link:hover{background:#cbe88314;border-color:#cbe883;}.motion-all-link span{color:#cfed86;font-size:20px;}
.film-row{position:relative;z-index:1;min-width:0;scroll-margin-top:90px;}
.film-row+.film-row{margin-top:50px;}
.film-row-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px;}
.film-row-head small{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#a1b197;margin-bottom:10px;}
.film-row-head h3{font:400 clamp(22px,2.1vw,30px)/1.35 "Microsoft YaHei",sans-serif;letter-spacing:-.03em;margin:0;}
.film-row-head h3 sup{font:11px Arial,sans-serif;color:#c6dcb0;vertical-align:super;letter-spacing:0;margin-left:9px;}
.film-row-head p{font:13px/1.8 "Microsoft YaHei",sans-serif;color:#9caaa1;margin:9px 0 0;}
.film-row-actions{display:flex;gap:9px;flex:none;}
.film-row-actions button{width:44px;height:44px;display:grid;place-items:center;background:#ffffff04;border:1px solid #e5eed634;border-radius:50%;color:#e7efdb;cursor:pointer;font:22px/1 Arial,sans-serif;transition:background-color .18s,border-color .18s;}
.film-row-actions button:hover:enabled{background:#d3e897;color:#102014;border-color:#d3e897;}.film-row-actions button:disabled{opacity:.25;cursor:default;}
.film-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/2.7);gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a4c38355 transparent;padding:0 0 16px;overscroll-behavior-x:contain;}
.film-card{appearance:none;border:0;padding:0;min-width:0;display:block;color:inherit;text-align:left;background:transparent;cursor:pointer;scroll-snap-align:start;font:inherit;}
.film-image{aspect-ratio:16/10;position:relative;overflow:hidden;background:#111b16;outline:1px solid #ffffff1c;outline-offset:-1px;border-radius:5px;}
.film-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none;}
.film-image img,.film-image video{display:block;position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .5s,opacity .25s;}
.film-card--portrait .film-image{background:radial-gradient(ellipse,#1e3027,#0c130f);}.film-card--portrait .film-image img,.film-card--portrait .film-image video{object-fit:contain;}
.film-image video{opacity:0;pointer-events:none;}.film-card.is-previewing video{opacity:1;}
.film-card:hover .film-image img{transform:scale(1.025);}
.film-card-play{position:absolute;right:16px;bottom:16px;z-index:2;background:#eff6dfeb;color:#152319;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font:22px/1 Arial,sans-serif;transition:background-color .2s,transform .2s;}
.film-card:hover .film-card-play{transform:rotate(45deg);background:#cde98e;}
.film-duration{position:absolute;left:14px;bottom:19px;z-index:2;font:11px/1 Arial,sans-serif;letter-spacing:.06em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #000;}
.film-new{position:absolute;left:13px;top:13px;z-index:2;padding:5px 7px;background:#d0e795;color:#152116;border-radius:2px;font:9px/1 Arial,sans-serif;letter-spacing:.08em;}
.film-card-caption{padding:15px 0 2px;}.film-card-caption h4{font:400 14px/1.65 "Microsoft YaHei",sans-serif;margin:0;text-wrap:pretty;}.film-card-caption>span{display:block;color:#8e9c92;font:11px/1.7 "Microsoft YaHei",sans-serif;margin-top:4px;}
.film-card:focus-visible,.film-row-actions button:focus-visible,.motion-all-link:focus-visible,.motion-group-nav a:focus-visible{outline:2px solid #cde98e;outline-offset:4px;}
.motion-library-page{margin:0;background:#080d0b;font-family:"Microsoft YaHei",Arial,sans-serif;}
.motion-library-shell{width:min(1440px,calc(100% - clamp(40px,12vw,192px)));margin-inline:auto;min-height:100svh;background:transparent;}
.motion-library-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;border-bottom:1px solid var(--motion-line);}
.motion-library-nav a{color:inherit;text-decoration:none;font:12px/1.5 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.06em;padding:10px 0;}
.motion-library-nav a:hover{color:#cce88b;}.motion-library-nav a:first-child{font:30px/1 Georgia,serif;letter-spacing:-.05em;}.motion-library-nav small{font:9px Arial,sans-serif;color:#aab5a7;letter-spacing:.1em;margin-left:16px;}
.motion-library-heading{padding:52px 0 38px;}.motion-library-heading h1{font:400 clamp(44px,5.4vw,78px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:0;}.motion-library-heading h1 em{color:#b9cdb0;font-weight:400;}
.motion-library-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:30px;}.motion-library-intro p{color:#a3b1a7;font:14px/1.9 "Microsoft YaHei",sans-serif;margin:0;}.motion-library-intro>span{font:11px Arial,"Microsoft YaHei",sans-serif;color:#acb99f;white-space:nowrap;}
.motion-group-nav{display:flex;gap:30px;margin-top:24px;}.motion-group-nav a{color:#e8f0df;text-decoration:none;font:13px/1.7 "Microsoft YaHei",sans-serif;border-bottom:1px solid #a3bc7e70;padding:10px 0;}.motion-group-nav span{margin-left:20px;color:#cfeb98;}
.motion-library-group{padding:20px 0 70px;scroll-margin-top:28px;}.motion-group-heading{border-top:1px solid #d9e5cd40;padding:24px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;}.motion-group-heading>span{font:10px Arial,sans-serif;letter-spacing:.12em;color:#b0c294;}.motion-group-heading h2{font:400 25px/1.5 "Microsoft YaHei",sans-serif;margin:0;}
.motion-library-group .film-track{grid-auto-columns:calc((100% - 44px)/3.15);}.motion-library-group .film-row+.film-row{margin-top:54px;}
.motion-library-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 60px;border-top:1px solid var(--motion-line);}.motion-library-foot>span{font:9px Arial,sans-serif;letter-spacing:.16em;color:#9aa98f;}.motion-library-foot a{font:13px "Microsoft YaHei",sans-serif;color:#d4eb9e;text-decoration:none;}
.motion-viewer{padding:0;width:min(1120px,calc(100vw - 48px));max-width:none;max-height:92svh;background:#0c130f;color:#f2f4ec;border:1px solid #c7dcb543;border-radius:10px;box-shadow:0 30px 100px #0009;overflow:auto;}
.motion-viewer::backdrop{background:#020503df;backdrop-filter:blur(9px);}
.motion-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;}.motion-viewer>header small{color:#b4c59f;font:10px "Microsoft YaHei",sans-serif;}.motion-viewer h2{font:400 17px/1.5 "Microsoft YaHei",sans-serif;margin:6px 0 0;}
.motion-viewer button{min-height:44px;min-width:76px;color:#e3eadc;background:#ffffff08;border:1px solid #e8efd52f;border-radius:4px;font:12px "Microsoft YaHei",sans-serif;cursor:pointer;flex:none;}.motion-viewer button:hover{border-color:#c3dc97;}.motion-viewer button span{font-size:19px;margin-left:10px;}
.motion-viewer-screen{background:#000;}.motion-viewer video{display:block;width:100%;max-height:67svh;min-height:180px;background:#000;object-fit:contain;}.motion-viewer>footer{display:flex;justify-content:space-between;gap:14px;font:10px/1.7 "Microsoft YaHei",sans-serif;color:#9bab9c;padding:16px 24px;}
.motion-load-error{padding:30px;color:#c1cbb8;font:14px/1.8 "Microsoft YaHei",sans-serif;}.motion-load-error button{background:none;border:1px solid #cbd8bf;color:inherit;padding:10px;cursor:pointer;margin-left:15px;}
@media(min-width:1800px){.motion-section-heading h2{font-size:82px;}}
@media(max-width:1050px){.film-track,.motion-library-group .film-track{grid-auto-columns:calc((100% - 20px)/2.15);gap:20px;}.motion-section-heading{grid-template-columns:1fr;gap:25px;}.motion-section-tools{align-items:center;flex-direction:row;justify-content:space-between;}.motion-library-shell{width:calc(100% - 64px);}}
@media(max-width:600px){
 #video-archive.motion-collection{padding:48px 20px;}.motion-section-heading{margin-bottom:38px;}.motion-section-heading h2{font-size:42px;}.motion-section-heading .motion-section-note{font-size:12px;}.motion-eyebrow{font-size:9px;letter-spacing:.1em;}
 .motion-section-tools{align-items:start;flex-direction:column;gap:15px;}.motion-all-link{width:100%;justify-content:space-between;font-size:12px;}
 .film-track,.motion-library-group .film-track{grid-auto-columns:85%;gap:16px;}.film-row-head{gap:14px;margin-bottom:18px;}.film-row-head h3{font-size:19px;}.film-row-head small{font-size:8px;letter-spacing:.1em;}.film-row-head p{font-size:12px;max-width:230px;}.film-row-actions{gap:6px;}.film-row-actions button{width:40px;height:44px;}.film-row-head h3 sup{font-size:10px;margin-left:5px;}.film-card-caption h4{font-size:13px;}.film-row+.film-row{margin-top:36px;}
 .motion-library-shell{width:calc(100% - 40px);}.motion-library-nav{padding:20px 0;}.motion-library-nav small{display:none;}.motion-library-heading{padding:46px 0;}.motion-library-heading h1{font-size:clamp(34px,9vw,52px);}.motion-library-intro{align-items:start;flex-direction:column;}.motion-library-intro p{font-size:12px;}.motion-group-nav{gap:24px;}.motion-group-nav a{font-size:12px;}.motion-group-nav span{margin-left:8px;}.motion-group-heading{display:block;padding:24px 0 30px;}.motion-group-heading h2{font-size:22px;margin-top:15px;}.motion-library-group{padding-bottom:40px;}.motion-library-foot{align-items:start;flex-direction:column;}
 .motion-viewer{width:calc(100vw - 20px);max-height:94svh;border-radius:7px;}.motion-viewer>header{padding:14px;gap:14px;}.motion-viewer h2{font-size:14px;}.motion-viewer>footer{padding:12px 14px;flex-wrap:wrap;font-size:9px;}.motion-viewer video{min-height:160px;max-height:68svh;}
}
@media(prefers-reduced-motion:reduce){.film-image img,.film-card-play{transition:none;}.film-card:hover .film-image img{transform:none;}}
