/* 铜色剧院 / hmyet.com / independent template 1d05511 */
:root{--bg:hsl(332 25% 95%);--panel:#ffffff;--text:hsl(332 26% 15%);--muted:hsl(332 10% 43%);--line:hsl(332 18% 83%);--brand:hsl(50 81% 55%);--brand2:hsl(128 58% 48%);--radius:14px;--width:1220px;--font:"Trebuchet MS","Microsoft YaHei",sans-serif;--shadow:0 12px 24px rgba(0,0,0,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}.c1d055-main{min-height:65vh}.c1d055-main>section,.c1d055-main>article,.c1d055-main>aside,.c1d055-main>div{width:min(var(--width),calc(100% - 34px));margin:28px auto}.c1d055-header{position:relative;z-index:20;background:var(--panel);border-bottom:1px solid var(--line)}.c1d055-header>div,.c1d055-bar,.c1d055-under,.c1d055-header>form{width:min(var(--width),calc(100% - 34px));margin:auto;padding:15px 0;gap:22px}.c1d055-brand{display:flex;align-items:center;gap:12px;font-weight:900;white-space:nowrap}.c1d055-brand img{width:44px;height:44px}.c1d055-brand span{font-size:19px}.c1d055-nav ul{display:flex;align-items:center;gap:5px;list-style:none;margin:0;padding:0}.c1d055-nav a{display:block;padding:9px 12px;border-radius:var(--radius)}.c1d055-nav a:hover{background:var(--brand);color:#fff}.c1d055-navbtn{display:none}.c1d055-search{display:flex;border:1px solid var(--line);background:var(--bg);border-radius:var(--radius);overflow:hidden}.c1d055-search input{min-width:0;flex:1;padding:11px 14px;border:0;background:transparent;color:var(--text);outline:0}.c1d055-search button,.c1d055-primary{border:0;background:var(--brand);color:#fff;padding:11px 18px;font-weight:800}.c1d055-library{padding:9px 15px;border:1px solid var(--line);border-radius:var(--radius)}
.c1d055-under{display:grid;grid-template-columns:minmax(260px,420px) 1fr;align-items:center}
.c1d055-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);min-height:390px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--brand) 18%,var(--panel)))}.c1d055-herocopy{align-self:center;padding:clamp(28px,6vw,72px)}.c1d055-herocopy>span,.c1d055-section header span,.c1d055-rank header span,.c1d055-related header span,.c1d055-episodes header span,.c1d055-story header span{color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.18em}.c1d055-herocopy h1{max-width:760px;margin:10px 0;font-size:clamp(35px,5vw,70px);line-height:1.05}.c1d055-herocopy p{color:var(--muted)}.c1d055-herocopy form{display:flex;max-width:560px;margin-top:25px}.c1d055-herocopy input{min-width:0;flex:1;padding:14px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.c1d055-herocopy button{border:0;background:var(--brand);color:#fff;padding:0 22px}.c1d055-herofilms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px}.c1d055-herofilms a{position:relative;overflow:hidden;border-radius:var(--radius)}.c1d055-herofilms img{width:100%;height:100%;object-fit:cover}.c1d055-herofilms strong,.c1d055-herofilms small{position:absolute;left:10px;right:10px;color:white;text-shadow:0 1px 5px #000}.c1d055-herofilms strong{bottom:34px}.c1d055-herofilms small{bottom:12px}
.c1d055-stats{display:flex;gap:10px;justify-content:space-around;padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}.c1d055-stats b{color:var(--brand);font-size:20px}.c1d055-section,.c1d055-rank,.c1d055-discover,.c1d055-related,.c1d055-episodes,.c1d055-story,.c1d055-guide,.c1d055-playabout,.c1d055-nextup{padding:clamp(17px,3vw,30px);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.c1d055-section>header,.c1d055-rank>header,.c1d055-related>header,.c1d055-episodes>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.c1d055-section h2,.c1d055-rank h2,.c1d055-related h2,.c1d055-episodes h2{margin:3px 0 0}.c1d055-cards,.c1d055-catalog{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.c1d055-card{min-width:0}.c1d055-poster{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:var(--radius);background:var(--bg)}.c1d055-poster img{width:100%;height:100%;object-fit:cover;transition:.3s}.c1d055-poster:hover img{transform:scale(1.05)}.c1d055-poster span{position:absolute;right:7px;bottom:7px;padding:3px 7px;border-radius:3px;background:rgba(0,0,0,.75);color:#fff;font-size:12px}.c1d055-card h3{margin:10px 0 3px;overflow:hidden;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.c1d055-card p{height:22px;margin:0;overflow:hidden;color:var(--muted);font-size:12px;white-space:nowrap;text-overflow:ellipsis}.c1d055-card small{color:var(--muted)}.c1d055-rows .c1d055-cards{grid-template-columns:repeat(2,1fr)}.c1d055-rows .c1d055-card{display:grid;grid-template-columns:110px 1fr;gap:14px}.c1d055-rows .c1d055-poster{aspect-ratio:3/4}.c1d055-ticker .c1d055-cards{display:block;list-style:none;margin:0;padding:0}.c1d055-ticker .c1d055-card{display:grid;grid-template-columns:45px 1fr;padding:9px 0;border-bottom:1px solid var(--line)}.c1d055-ticker .c1d055-poster{aspect-ratio:1}.c1d055-ticker .c1d055-cardcopy{padding-left:12px}.c1d055-mosaic .c1d055-card:first-child{grid-column:span 2;grid-row:span 2}.c1d055-mosaic .c1d055-card:first-child .c1d055-poster{aspect-ratio:1.2}.c1d055-rank ol{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}.c1d055-rank li{display:grid;grid-template-columns:32px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);break-inside:avoid}.c1d055-rank b{color:var(--brand)}.c1d055-rank small{color:var(--muted)}.c1d055-discover nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.c1d055-discover a{display:flex;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:var(--radius)}
.c1d055-home .c1d055-duo{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.c1d055-pagehead{padding:32px 0}.c1d055-pagehead nav{color:var(--muted);font-size:13px}.c1d055-pagehead h1{margin:8px 0;font-size:clamp(30px,5vw,58px)}.c1d055-pagehead p{color:var(--muted)}.c1d055-filters{overflow:hidden}.c1d055-filterrow{display:grid;grid-template-columns:70px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.c1d055-filterrow>div{display:flex;flex-wrap:wrap;gap:7px}.c1d055-filterrow a{padding:4px 9px;border-radius:20px;background:var(--bg)}.c1d055-filterrow a:hover{background:var(--brand);color:#fff}.c1d055-sort{display:flex;gap:10px;align-items:center}.c1d055-sort a{padding:8px 13px;border:1px solid var(--line);border-radius:var(--radius)}.c1d055-catalog{align-items:start}.c1d055-catalog{grid-template-columns:repeat(4,minmax(0,1fr))} .c1d055-catalog .c1d055-poster{aspect-ratio:16/10}.c1d055-pagination{text-align:center}
.c1d055-detailhero{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:clamp(24px,5vw,68px);padding:clamp(24px,5vw,58px);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.c1d055-detailhero figure{margin:0}.c1d055-detailhero figure img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.c1d055-detailhero h1{margin:12px 0;font-size:clamp(34px,5vw,68px);line-height:1.05}.c1d055-tags{display:flex;flex-wrap:wrap;gap:8px}.c1d055-tags span{padding:5px 10px;background:var(--bg);border-radius:20px}.c1d055-detailhero dl,.c1d055-guide dl{display:grid;grid-template-columns:55px 1fr;gap:8px;margin:22px 0}.c1d055-detailhero dt,.c1d055-guide dt{color:var(--muted)}.c1d055-detailhero dd,.c1d055-guide dd{margin:0}.c1d055-primary{display:inline-block;border-radius:var(--radius)}.c1d055-episodes>div{display:flex;flex-wrap:wrap;gap:9px}.c1d055-episodes a{min-width:70px;padding:9px 13px;text-align:center;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}.c1d055-episodes a.active,.c1d055-episodes a:hover{background:var(--brand);color:#fff}.c1d055-story>div{color:var(--muted)}.c1d055-guide{border-left:5px solid var(--brand)}
.c1d055-theater{width:min(1380px,100%)!important;margin-top:0!important;padding:clamp(12px,2vw,24px);background:#050505}.c1d055-screen{position:relative;min-height:300px;aspect-ratio:16/9;background:#000}.c1d055-screen iframe,.c1d055-screen video,.c1d055-screen .MacPlayer{width:100%!important;height:100%!important}.c1d055-theater>header{display:flex;justify-content:space-between;gap:20px;padding:18px 4px;color:#fff}.c1d055-theater h1{margin:3px 0}.c1d055-theater p{margin:0;color:#aaa}.c1d055-theater nav{display:flex;gap:8px}.c1d055-theater nav a{align-self:center;padding:8px 12px;border:1px solid #444}.c1d055-nextup>a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.c1d055-footer{width:min(var(--width),calc(100% - 34px));margin:55px auto 0;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:var(--muted)}.c1d055-footer nav{display:flex;gap:16px}.c1d055-footer button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:8px 12px}.c1d055-footmark{font-size:52px;font-weight:900;color:var(--brand)}
@media(max-width:900px){.c1d055-main>section,.c1d055-main>article,.c1d055-main>aside,.c1d055-main>div{width:min(100% - 22px,var(--width));margin:18px auto}.c1d055-header>div,.c1d055-bar,.c1d055-under,.c1d055-header>form{width:calc(100% - 22px);padding:11px 0}.c1d055-bar,.c1d055-brandrow,.c1d055-navrow,.c1d055-under,.c1d055-stack{display:flex;flex-wrap:wrap}.c1d055-brand span{max-width:190px;overflow:hidden;text-overflow:ellipsis}.c1d055-nav{order:3;width:100%}.c1d055-navbtn{display:block;width:100%;padding:9px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.c1d055-nav ul{display:none;flex-wrap:wrap;padding:10px 0}.c1d055-nav.open ul{display:flex}.c1d055-search{flex:1;min-width:220px}.c1d055-rail{position:relative;width:auto}.c1d055-rail+.c1d055-main,.c1d055-rail~.c1d055-footer{margin-left:auto}.c1d055-hero{grid-template-columns:1fr;min-height:0}.c1d055-herocopy{padding:30px 20px}.c1d055-herofilms{height:230px}.c1d055-cards,.c1d055-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.c1d055-home .c1d055-duo,.c1d055-home .c1d055-leadpair,.c1d055-home .c1d055-split{display:block}.c1d055-home .c1d055-duo>*,.c1d055-home .c1d055-leadpair>*,.c1d055-home .c1d055-split>*{margin-bottom:18px}.c1d055-rank ol{columns:1}.c1d055-discover nav{grid-template-columns:repeat(2,1fr)}.c1d055-detailhero{grid-template-columns:140px 1fr;gap:18px;padding:18px}.c1d055-detailhero h1{font-size:30px}.c1d055-catalog .c1d055-card{display:block}}
@media(max-width:560px){.c1d055-cards,.c1d055-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.c1d055-rows .c1d055-cards{grid-template-columns:1fr}.c1d055-rows .c1d055-card{grid-template-columns:88px 1fr}.c1d055-stats{display:grid;grid-template-columns:1fr 1fr}.c1d055-stats span:last-child{grid-column:1/-1}.c1d055-discover nav{grid-template-columns:1fr}.c1d055-detailhero{display:block}.c1d055-detailhero figure{float:left;width:112px;margin:0 16px 10px 0}.c1d055-detailhero dl{clear:both;padding-top:15px}.c1d055-filterrow{grid-template-columns:1fr}.c1d055-footer{display:grid;grid-template-columns:1fr}.c1d055-theater>header{display:block}}