/*
免费看片网站设计备忘：新海派胶片构成主义。
本文件负责外部CSS视觉系统：墨蓝片场背景、琥珀金胶片边框、斜切分镜、错层传媒卡片、移动端竖向分镜流。
判断原则：每个颜色、间距、动画都应强化“免费看片影视传媒公司+传媒社区”的专业、合规、原创气质。
*/
:root{
  --ink:#081521;
  --ink-2:#0d2234;
  --ink-3:#132c40;
  --gold:#d9a441;
  --gold-2:#ffd37a;
  --rice:#f6eddc;
  --paper:#fff8ec;
  --peach:#f2b6a8;
  --cyan:#8ed6d1;
  --muted:#9fb3bf;
  --line:rgba(217,164,65,.28);
  --shadow:0 18px 55px rgba(0,0,0,.28);
  --radius:22px;
  --serif:"Noto Serif SC","Songti SC","SimSun",serif;
  --sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink);color:var(--paper)}
body{margin:0;font-family:var(--sans);line-height:1.72;background:
  radial-gradient(circle at 8% 4%,rgba(217,164,65,.18),transparent 25%),
  linear-gradient(180deg,#06111c 0%,#0b1724 42%,#0f1d2b 100%);color:var(--paper);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
button,input{font:inherit}
.fy2fq8l6{position:absolute;left:-999px;top:12px;background:var(--gold);color:#141414;padding:8px 12px;z-index:9999}.fy2fq8l6:focus{left:12px}
.fw3uro7{position:sticky;top:0;z-index:50;background:rgba(8,21,33,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.xv7iq{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 22px}
.hd99r9sv{display:flex;align-items:center;gap:12px;min-width:max-content}
.rs5pe0{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--gold),#8f6621);display:grid;place-items:center;color:#111;box-shadow:0 10px 28px rgba(217,164,65,.28);font-weight:900;letter-spacing:-2px;font-size:24px;border:1px solid rgba(255,255,255,.24)}
.dveqxa strong{display:block;font-family:var(--serif);font-size:22px;letter-spacing:.12em}.dveqxa span{display:block;font-size:12px;color:var(--gold-2);letter-spacing:.08em;margin-top:-4px}
.qe7oo4l{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.qe7oo4l a{font-size:14px;color:#dfe8ec;padding:8px 11px;border-radius:999px;border:1px solid transparent}.qe7oo4l a:hover,.qe7oo4l a.active{color:var(--gold-2);border-color:rgba(217,164,65,.35);background:rgba(217,164,65,.08)}
.idotwnzd{border-top:1px solid rgba(255,255,255,.06);background:rgba(10,28,42,.68)}
.bysvy2{max-width:1240px;margin:0 auto;padding:12px 22px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.bysvy2 input{width:100%;border:1px solid rgba(217,164,65,.32);background:rgba(255,255,255,.06);color:var(--paper);border-radius:999px;padding:12px 18px;outline:none}.bysvy2 input::placeholder{color:#aebbc2}.bysvy2 button{border:0;background:var(--gold);color:#111;border-radius:999px;padding:12px 20px;font-weight:700}.bysvy2 small{grid-column:1/-1;color:var(--cyan);min-height:20px}
.io1dnv6w{position:relative;max-width:1240px;margin:0 auto;padding:64px 22px 52px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:34px;align-items:stretch}.io1dnv6w:before{content:"";position:absolute;inset:24px 10px auto auto;width:310px;height:310px;border:1px solid var(--line);border-radius:50%;opacity:.35;pointer-events:none}.meekv4m4{position:relative;z-index:2;padding:28px 0}.h4te6{display:inline-flex;align-items:center;gap:9px;color:var(--gold-2);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.h4te6:before{content:"";width:42px;height:1px;background:var(--gold)}
h1{font-family:var(--serif);font-size:clamp(42px,7vw,86px);line-height:.98;margin:18px 0 18px;letter-spacing:.04em;color:#fff7e3;text-shadow:0 12px 42px rgba(0,0,0,.45)}
.v94owb{font-size:18px;color:#dbe8ef;max-width:720px;margin:0 0 24px}.v94owb b{color:var(--gold-2)}
.n1ka9{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.wukrvp{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:999px;font-weight:800;border:1px solid var(--line);transition:.22s ease}.wukrvp.primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#111;border:0}.wukrvp.ghost{background:rgba(255,255,255,.06);color:#fff}.wukrvp:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.28)}
.qwrb5ny{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;max-width:660px}.xas32{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px}.xas32 strong{display:block;font-size:24px;color:var(--gold-2);font-variant-numeric:tabular-nums}.xas32 span{font-size:12px;color:var(--muted)}
.hlnht{position:relative;min-height:480px;border-radius:34px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);clip-path:polygon(0 0,100% 0,100% 91%,88% 100%,0 100%)}.hlnht img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04)}.hlnht:after{content:"免费看片传媒今日片场";position:absolute;right:18px;bottom:18px;background:rgba(8,21,33,.76);border:1px solid var(--line);border-radius:999px;color:var(--gold-2);padding:9px 13px;font-size:13px;letter-spacing:.08em}.nvmzye{position:absolute;left:0;right:0;height:18px;background:repeating-linear-gradient(90deg,rgba(217,164,65,.42) 0 18px,transparent 18px 34px);opacity:.62}.nvmzye.top{top:0}.nvmzye.bottom{bottom:0}
.wvwmo2my{max-width:1240px;margin:0 auto;padding:58px 22px}.wvwmo2my.alt{max-width:none;background:linear-gradient(180deg,rgba(246,237,220,.04),rgba(142,214,209,.045));border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.wvwmo2my.alt>.raxwqs8b{max-width:1240px;margin:0 auto}.cbqsep{display:grid;grid-template-columns:minmax(0,.8fr) minmax(260px,.55fr);gap:24px;align-items:end;margin-bottom:28px}.or1rkw4{color:var(--gold-2);letter-spacing:.12em;font-size:13px}.wvwmo2my h2,.wvwmo2my h3,.wvwmo2my h4,.wvwmo2my h5,.wvwmo2my h6{font-family:var(--serif);color:#fff3d0;line-height:1.18;letter-spacing:.035em;margin:8px 0 12px}.wvwmo2my h2{font-size:clamp(30px,4.2vw,52px)}.wvwmo2my h3{font-size:30px}.wvwmo2my h4{font-size:22px}.wvwmo2my p{color:#d6e2e8;margin:0 0 12px}.yr574{color:#bfd0d8}.oc61mo9w{font-size:13px;color:#aac0c9;margin:18px 0}.oc61mo9w a{color:var(--gold-2)}
.r8s7pk2{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:minmax(230px,auto);gap:18px}.gd6xj{position:relative;border:1px solid rgba(217,164,65,.25);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-radius:26px;overflow:hidden;box-shadow:0 12px 38px rgba(0,0,0,.22);min-height:260px}.gd6xj.large{grid-row:span 2}.gd6xj img,.gd6xj video{width:100%;height:100%;object-fit:cover;min-height:260px;opacity:.92}.gd6xj .wffekw{position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(3,10,16,.88) 100%)}.l3x1c{position:absolute;left:18px;right:18px;bottom:16px;z-index:2}.qyc8038{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.cl5di2{display:inline-flex;font-size:12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px 9px;background:rgba(8,21,33,.62);color:#e8f4f5}.vn2d9o0l{font-family:var(--serif);font-size:22px;color:#fff4d4;margin:0 0 8px}.o4xbu5{display:flex;gap:13px;flex-wrap:wrap;color:#cbdde4;font-size:13px;font-variant-numeric:tabular-nums}.ifxd61{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.82);width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(217,164,65,.88);display:grid;place-items:center;color:#111;opacity:0;transition:.22s ease;z-index:3}.ifxd61:before{content:"";border-left:17px solid #111;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}.gd6xj:hover .ifxd61{opacity:1;transform:translate(-50%,-50%) scale(1)}.gd6xj:hover img{transform:scale(1.035);transition:transform .5s ease}.ea1huf{font-size:13px;color:#9fb3bf;margin-top:12px}
.vgztaigm{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.aj3eter5{border:1px solid rgba(217,164,65,.22);border-radius:24px;padding:22px;background:rgba(255,255,255,.055);position:relative;overflow:hidden}.aj3eter5:before{content:attr(data-num);position:absolute;right:-4px;top:-20px;font-family:var(--serif);font-size:72px;color:rgba(217,164,65,.13)}.aj3eter5 h3{font-size:22px}.aj3eter5 ul{padding-left:18px;margin:12px 0 0;color:#dce7ec}.aj3eter5 li{margin:5px 0}
.lkh2up{background:#07111b;border:1px solid rgba(142,214,209,.25);border-radius:24px;padding:20px;overflow:auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.lkh2up pre{margin:0;color:#c8f5ef;font-size:13px;white-space:pre-wrap;font-family:"SFMono-Regular",Consolas,monospace;line-height:1.65}.hp0kq4d8{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.fb3gaw3x{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gorp8{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);border-radius:24px;padding:20px;box-shadow:0 12px 34px rgba(0,0,0,.18)}.gorp8 strong{color:var(--gold-2)}.gorp8 .jlk2jou{color:var(--cyan);font-size:13px}.mwoz58sm{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.t847b{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#fff;background:rgba(217,164,65,.08);font-size:13px}.dfw175y{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ox7t7der{height:78px;border:1px solid rgba(217,164,65,.22);border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));color:#ffe0a2;font-weight:800;letter-spacing:.08em;text-align:center}.wyo65e{counter-reset:step;display:grid;gap:12px}.qdqpev{counter-increment:step;display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;padding:18px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.qdqpev:before{content:counter(step);width:42px;height:42px;border-radius:14px;background:var(--gold);color:#111;display:grid;place-items:center;font-weight:900}
.mhsox9k6{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mhsox9k6 details{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.05);padding:16px}.mhsox9k6 summary{cursor:pointer;color:#fff3d0;font-weight:800}.mhsox9k6 p{margin:10px 0 0}.co4zloca{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.s8lgb7{background:linear-gradient(180deg,rgba(217,164,65,.11),rgba(255,255,255,.045));border:1px solid rgba(217,164,65,.24);border-radius:22px;padding:18px}.s8lgb7 .ywneidg{color:var(--gold-2);letter-spacing:.08em}.s8lgb7 cite{display:block;color:#9fb3bf;margin-top:12px;font-style:normal;font-size:13px}.f5px27{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px}.bih8usm{border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.mjwmf{display:grid;gap:10px}.titl2{display:grid;grid-template-columns:110px 1fr;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0}.titl2 b{color:var(--gold-2)}.zprvkr{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.pkcdgs{background:#fff;color:#111;border-radius:18px;padding:12px;text-align:center;width:148px}.pkcdgs img{width:124px;height:124px}.wtlcuz{display:flex;gap:10px;flex-wrap:wrap}.wtlcuz button{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;padding:10px 13px}.wtlcuz button:hover{background:rgba(217,164,65,.18)}
.iy39vmv{background:#050c13;border-top:1px solid var(--line);margin-top:42px}.v4jqu{max-width:1240px;margin:0 auto;padding:36px 22px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.jj2av{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0;color:#bfd0d8}.jj2av a:hover{color:var(--gold-2)}.tbwh6{color:#8fa7b3;font-size:13px}.rikkvwvt{color:var(--gold-2);font-weight:800}.yr8nw3sh{border:1px dashed rgba(142,214,209,.4);background:rgba(142,214,209,.06);border-radius:20px;padding:16px;margin-top:14px}.uan8w{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;background:#06111c;border:1px solid var(--line);color:#fff;padding:13px 18px;border-radius:999px;box-shadow:var(--shadow);z-index:999;transition:.25s ease}.uan8w.show{opacity:1;transform:translateX(-50%) translateY(0)}
.yg8lmgi8{max-width:1240px;margin:0 auto;padding:46px 22px 34px;display:grid;grid-template-columns:1fr .7fr;gap:24px;align-items:center}.yg8lmgi8 h1{font-size:clamp(34px,5vw,64px)}.qqlxx4i2{display:grid;gap:16px}.yotmhbz{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:16px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.m866tsi{border-radius:18px;overflow:hidden;min-height:120px}.yotmhbz h2{font-size:25px;margin:0 0 8px}.d8eh7j4{display:flex;gap:12px;flex-wrap:wrap;color:#9fb3bf;font-size:13px}.gvl6kic1{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.jtv04clb{padding:20px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(142,214,209,.2)}
@media (max-width:980px){.xv7iq{align-items:flex-start;flex-direction:column}.io1dnv6w,.cbqsep,.hp0kq4d8,.f5px27,.yg8lmgi8{grid-template-columns:1fr}.io1dnv6w{padding-top:36px}.hlnht{min-height:360px}.r8s7pk2{grid-template-columns:1fr 1fr}.vgztaigm,.fb3gaw3x,.co4zloca,.gvl6kic1{grid-template-columns:repeat(2,1fr)}.dfw175y{grid-template-columns:repeat(3,1fr)}.v4jqu{grid-template-columns:1fr}.mhsox9k6{grid-template-columns:1fr}}
@media (max-width:640px){.xv7iq,.bysvy2,.wvwmo2my,.io1dnv6w,.yg8lmgi8{padding-left:16px;padding-right:16px}.qe7oo4l{gap:2px}.qe7oo4l a{font-size:13px;padding:7px 8px}.bysvy2{grid-template-columns:1fr}.qwrb5ny,.r8s7pk2,.vgztaigm,.fb3gaw3x,.co4zloca,.titl2,.yotmhbz,.gvl6kic1{grid-template-columns:1fr}.gd6xj.large{grid-row:auto}.hlnht{min-height:290px;border-radius:24px}.wvwmo2my{padding-top:42px;padding-bottom:42px}.dfw175y{grid-template-columns:repeat(2,1fr)}.titl2{gap:2px}.v4jqu{padding-bottom:82px}}
@media (prefers-reduced-motion:no-preference){.meekv4m4,.wvwmo2my{animation:rise .7s ease both}.gd6xj,.gorp8,.aj3eter5{transition:transform .24s ease,border-color .24s ease}.gd6xj:hover,.gorp8:hover,.aj3eter5:hover{transform:translateY(-4px);border-color:rgba(217,164,65,.45)}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}

/* 设计哲学：新海派胶片构成主义；本段用于免费看片EEAT与面包屑补强，延续琥珀金、墨蓝、胶片齿孔和斜切构图。 */
.wps95o9r{width:min(1180px,92vw);margin:18px auto 0;padding:12px 16px;border:1px solid rgba(203,154,74,.28);border-radius:22px;background:linear-gradient(135deg,rgba(255,248,230,.86),rgba(240,228,202,.56));box-shadow:0 16px 40px rgba(20,32,52,.08);font-size:14px;color:#5d4a2d;display:flex;gap:10px;align-items:center;backdrop-filter:blur(12px)}
.wps95o9r a{color:#2b4778;text-decoration:none;font-weight:700}.wps95o9r strong{color:#17253e}.nuhq8{position:relative;overflow:hidden}.nuhq8:before{content:"";position:absolute;inset:20px auto auto -46px;width:120px;height:260px;background:repeating-linear-gradient(to bottom,rgba(203,154,74,.22) 0 13px,transparent 13px 26px);transform:rotate(-8deg);pointer-events:none}.u7pg1{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.l19rw8wu{position:relative;padding:22px;border:1px solid rgba(203,154,74,.28);border-radius:28px;background:linear-gradient(160deg,rgba(255,252,242,.94),rgba(242,232,207,.82));box-shadow:0 20px 55px rgba(17,31,50,.1);min-height:190px}.l19rw8wu:after{content:"";position:absolute;right:18px;bottom:16px;width:42px;height:6px;border-radius:999px;background:#c99534;box-shadow:16px 0 0 rgba(23,37,62,.28)}.l19rw8wu h3,.l19rw8wu h4,.l19rw8wu h5{margin:0 0 12px;color:#17253e;font-family:"Noto Serif SC","Songti SC",serif}.l19rw8wu p{margin:0;color:#4d5a6c;line-height:1.9}.s8lgb7 cite{display:block;margin-top:12px;color:#6f5b38;font-style:normal;font-weight:700}
@media (max-width:980px){.u7pg1{grid-template-columns:repeat(2,minmax(0,1fr))}.wps95o9r{margin-top:10px}}
@media (max-width:620px){.u7pg1{grid-template-columns:1fr}.wps95o9r{width:calc(100% - 24px);font-size:13px;flex-wrap:wrap}.l19rw8wu{border-radius:22px}}
