*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}
:root {
--wood:#1b1613;
--wood-2:#241d18;
--wood-3:#2e2620;
--warm-gray:#8c8073;
--warm-gray-2:#6b6157;
--thread:#c9a05a;
--tungsten:#e8b451;
--tungsten-deep:#c98f2e;
--ink:#e6ddd0;
--ink-soft:#b3a795;
--ink-dim:#877b6c;
--line:rgba(201,160,90,.22);
--line-soft:rgba(201,160,90,.12);
--radius:10px;
--radius-sm:6px;
--font-title:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
--font-body:"Songti SC","SimSun","Noto Serif SC",serif;
}
html {-webkit-text-size-adjust:100%;text-size-adjust:100%}
body {
background:
radial-gradient(1200px 700px at 78% -8%,rgba(232,180,81,.14),transparent 62%),
radial-gradient(900px 600px at 8% 30%,rgba(201,160,90,.07),transparent 60%),
linear-gradient(180deg,#1f1914 0%,var(--wood) 42%,#17120f 100%);
background-attachment:fixed;
color:var(--ink);
font-family:var(--font-body);
font-size:15px;
line-height:1.62;
letter-spacing:.01em;
min-height:100vh;
overflow-x:hidden;
}
body::before {
content:"";
position:fixed;
inset:0;
pointer-events:none;
z-index:60;
background-image:
repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px),
radial-gradient(circle at 20% 12%,rgba(0,0,0,.32),transparent 46%),
radial-gradient(circle at 88% 88%,rgba(0,0,0,.34),transparent 44%);
mix-blend-mode:multiply;
opacity:.9;
}
img {display:block;max-width:100%}
a {color:var(--thread);text-decoration:none}
a:hover {color:var(--tungsten)}
button, input, select {font:inherit;color:inherit}
ul, ol {list-style:none}
h1, h2, h3 {font-family:var(--font-title);font-weight:600;line-height:1.25}
.site-header {
position:sticky;
top:0;
z-index:40;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
flex-wrap:wrap;
padding:8px clamp(12px,3vw,34px);
background:linear-gradient(180deg,rgba(27,22,19,.96),rgba(27,22,19,.82));
border-bottom:1px solid var(--line);
backdrop-filter:blur(7px);
}
.brand-bar {display:flex;align-items:center;gap:10px;min-width:0}
.site-logo {
font-family:var(--font-title);
font-size:17px;
font-weight:600;
letter-spacing:.16em;
color:var(--ink)!important;
text-decoration:none!important;
padding:2px 0;
position:relative;
white-space:nowrap;
}
.site-logo::after {
content:"";
position:absolute;
left:0;right:0;bottom:-1px;
height:1px;
background:repeating-linear-gradient(90deg,var(--tungsten) 0 5px,transparent 5px 10px);
opacity:.7;
}
a[data-contract="site-name"] {color:var(--ink)!important;text-decoration:none!important}
.categories-shell {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px 8px;
min-width:0;
}
a.runtime-category {
display:inline-block;
white-space:nowrap;
font-family:var(--font-title);
font-size:12.5px;
letter-spacing:.1em;
padding:3px 10px;
border:1px solid var(--line);
border-radius:999px;
background:rgba(201,160,90,.06);
color:var(--ink-soft)!important;
text-decoration:none!important;
transition:background .18s,color .18s,border-color .18s;
}
a.runtime-category:hover {background:rgba(232,180,81,.16);color:var(--tungsten)!important;border-color:rgba(232,180,81,.5)}
.page-main {
display:flex;
flex-direction:column;
gap:clamp(20px,3vw,40px);
padding:clamp(14px,2.4vw,30px) clamp(12px,3vw,34px) clamp(24px,4vw,48px);
max-width:1560px;
margin:0 auto;
width:100%;
}
.section-heading {
font-size:15px;
letter-spacing:.22em;
color:var(--ink);
padding-left:12px;
position:relative;
margin-bottom:12px;
text-transform:none;
}
.section-heading::before {
content:"";
position:absolute;
left:0;top:.18em;bottom:.18em;
width:3px;
border-radius:2px;
background:linear-gradient(180deg,var(--tungsten),var(--tungsten-deep));
box-shadow:0 0 10px rgba(232,180,81,.45);
}
.hero-section {
display:flex;
flex-direction:column;
gap:clamp(12px,1.8vw,20px);
background:
linear-gradient(140deg,rgba(46,38,32,.92),rgba(27,22,19,.94) 55%,rgba(20,16,13,.96));
border:1px solid var(--line);
border-radius:var(--radius);
padding:clamp(14px,2vw,26px);
position:relative;
overflow:hidden;
box-shadow:0 22px 48px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.03);
}
.hero-section::after {
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
linear-gradient(112deg,transparent 42%,rgba(232,180,81,.05) 52%,transparent 62%),
radial-gradient(560px 320px at 86% 6%,rgba(232,180,81,.16),transparent 68%);
}
.hero-backdrop {
display:grid;
grid-template-columns:minmax(0,auto) minmax(0,1fr);
gap:clamp(14px,2.4vw,32px);
align-items:start;
position:relative;
z-index:2;
}
.poster-frame {
width:clamp(150px,17vw,238px);
border-radius:var(--radius);
overflow:hidden;
border:1px solid rgba(201,160,90,.3);
background:#120e0b;
box-shadow:0 18px 38px -22px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.4);
align-self:start;
position:relative;
}
.poster-frame::after {
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(160deg,rgba(232,180,81,.12),transparent 40%,rgba(0,0,0,.35));
mix-blend-mode:soft-light;
}
.poster-frame img {
width:100%;
aspect-ratio:9 / 16;
object-fit:cover;
height:auto;
}
.hero-cut {
display:flex;
flex-direction:column;
gap:10px;
min-width:0;
padding-top:2px;
}
.hero-title {
font-size:clamp(24px,3.6vw,46px);
letter-spacing:.06em;
color:#f2e8d9;
text-shadow:0 2px 26px rgba(232,180,81,.28),0 1px 0 rgba(0,0,0,.7);
line-height:1.16;
}
.hero-tagline {
font-family:var(--font-title);
font-size:clamp(13px,1.4vw,17px);
letter-spacing:.24em;
color:var(--tungsten);
padding-left:12px;
border-left:2px solid rgba(232,180,81,.55);
}
.hero-seo {
font-size:13px;
line-height:1.8;
color:var(--ink-soft);
max-width:70ch;
border-top:1px dashed var(--line-soft);
padding-top:10px;
}
.hero-backdrop .hero-cut {position:relative}
.hero-cut::before {
content:"";
position:absolute;
top:-8px;right:0;
width:min(46%,320px);
height:1px;
background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px);
}
.player-shell {
position:relative;
width:100%;
border-radius:var(--radius);
overflow:hidden;
border:1px solid rgba(201,160,90,.26);
background:#0d0a08;
box-shadow:0 20px 46px -26px rgba(0,0,0,.95);
z-index:2;
}
.player-shell video {
display:block;
width:100%;
aspect-ratio:16 / 9;
object-fit:cover;
background:#0d0a08;
}
.player-shell::after {
content:"";
position:absolute;
inset:0;
pointer-events:none;
box-shadow:inset 0 0 90px rgba(232,180,81,.14);
transition:box-shadow .4s;
}
.player-shell.lights-off::after {box-shadow:inset 0 0 260px rgba(0,0,0,.94)}
.player-controls {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px 8px;
padding:8px 10px;
background:linear-gradient(180deg,rgba(36,29,24,.96),rgba(23,18,15,.98));
border-top:1px solid var(--line);
}
.ctrl-btn {
font-family:var(--font-title);
font-size:12px;
letter-spacing:.06em;
padding:5px 11px;
border-radius:999px;
border:1px solid var(--line);
background:rgba(201,160,90,.07);
color:var(--ink-soft);
cursor:pointer;
transition:background .16s,color .16s,border-color .16s,transform .16s;
white-space:nowrap;
}
.ctrl-btn:hover {background:rgba(232,180,81,.18);color:var(--tungsten);border-color:rgba(232,180,81,.5)}
.ctrl-btn.is-active {background:rgba(232,180,81,.26);color:#1a140e;border-color:var(--tungsten);font-weight:600}
.ctrl-play {order:0}
.ctrl-progress {
flex:1 1 200px;
min-width:120px;
height:4px;
-webkit-appearance:none;
appearance:none;
background:linear-gradient(90deg,var(--tungsten-deep),rgba(201,160,90,.2));
border-radius:999px;
cursor:pointer;
outline:none;
}
.ctrl-progress::-webkit-slider-thumb {
-webkit-appearance:none;
appearance:none;
width:12px;height:12px;border-radius:50%;
background:var(--tungsten);
border:2px solid #1b1613;
box-shadow:0 0 8px rgba(232,180,81,.7);
}
.ctrl-progress::-moz-range-thumb {
width:12px;height:12px;border:2px solid #1b1613;border-radius:50%;
background:var(--tungsten);
}
.ctrl-volume {
flex:0 1 96px;
min-width:64px;
height:4px;
-webkit-appearance:none;
appearance:none;
background:rgba(201,160,90,.2);
border-radius:999px;
cursor:pointer;
outline:none;
}
.ctrl-volume::-webkit-slider-thumb {
-webkit-appearance:none;appearance:none;
width:10px;height:10px;border-radius:50%;
background:var(--warm-gray);border:2px solid #1b1613;
}
.ctrl-volume::-moz-range-thumb {width:10px;height:10px;border:2px solid #1b1613;border-radius:50%;background:var(--warm-gray)}
.ctrl-speed {
font-family:var(--font-title);
font-size:12px;
padding:5px 8px;
border-radius:999px;
border:1px solid var(--line);
background:rgba(201,160,90,.07);
color:var(--ink-soft);
cursor:pointer;
}
.ctrl-speed option {background:#241d18;color:var(--ink)}
.player-shell.is-playing .ctrl-play {background:rgba(232,180,81,.24);color:#1a140e;border-color:var(--tungsten)}
.player-shell.is-theater {
box-shadow:0 0 0 1px rgba(232,180,81,.4),0 26px 60px -24px rgba(0,0,0,1);
}
.player-shell.is-theater .player-controls {background:linear-gradient(180deg,rgba(48,38,30,.98),rgba(24,19,15,1))}
.episode-status {
display:inline-flex;
align-items:center;
gap:10px;
align-self:flex-start;
padding:5px 14px 5px 6px;
border:1px solid var(--line);
border-radius:999px;
background:rgba(201,160,90,.07);
font-family:var(--font-title);
font-size:12.5px;
letter-spacing:.08em;
position:relative;
z-index:2;
}
.status-label {
background:linear-gradient(135deg,var(--tungsten),var(--tungsten-deep));
color:#1a140e;
font-weight:600;
padding:2px 10px;
border-radius:999px;
letter-spacing:.12em;
}
.status-value {color:var(--ink-soft)}
.synopsis-panel {
position:relative;
z-index:2;
border-top:1px dashed var(--line-soft);
padding-top:14px;
}
.synopsis-body {
columns:2;
column-gap:clamp(18px,3vw,40px);
column-rule:1px solid var(--line-soft);
font-size:13.6px;
line-height:1.9;
color:var(--ink-soft);
}
.synopsis-body p {margin-bottom:9px;break-inside:avoid}
.synopsis-body p:first-child::first-letter {
font-family:var(--font-title);
font-size:2.1em;
line-height:1;
color:var(--tungsten);
float:left;
margin:.06em .12em 0 0;
}
.cast-panel {position:relative;z-index:2}
.cast-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
gap:10px;
}
.cast-card {
position:relative;
min-height:112px;
display:flex;
align-items:flex-end;
padding:10px 11px;
border-radius:var(--radius);
border:1px solid var(--line);
overflow:hidden;
background:
linear-gradient(160deg,rgba(201,160,90,.15),rgba(36,29,24,.92) 52%,rgba(20,16,13,.96));
}
.cast-card::before {
content:"";
position:absolute;
inset:0;
background:
radial-gradient(90px 70px at 78% 16%,rgba(232,180,81,.22),transparent 70%),
repeating-linear-gradient(48deg,rgba(255,255,255,.02) 0 2px,transparent 2px 6px);
pointer-events:none;
}
.cast-card::after {
content:"";
position:absolute;
left:0;right:0;bottom:0;
height:42%;
background:linear-gradient(180deg,transparent,rgba(12,9,7,.92));
pointer-events:none;
}
.cast-name {
position:relative;
z-index:2;
font-family:var(--font-title);
font-size:14px;
letter-spacing:.14em;
color:#f0e5d4;
text-shadow:0 1px 10px rgba(0,0,0,.9);
padding-bottom:2px;
border-bottom:1px solid rgba(232,180,81,.5);
}
.details-panel {position:relative;z-index:2}
.details-list {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(178px,1fr));
gap:0;
border:1px solid var(--line-soft);
border-radius:var(--radius);
overflow:hidden;
background:rgba(36,29,24,.42);
}
.detail-item {
display:flex;
align-items:baseline;
gap:8px;
padding:7px 12px;
border-bottom:1px solid var(--line-soft);
border-right:1px solid var(--line-soft);
font-size:12.8px;
}
.detail-item dt {
font-family:var(--font-title);
color:var(--ink-dim);
letter-spacing:.1em;
flex:0 0 auto;
font-size:12px;
}
.detail-item dd {color:var(--ink-soft);min-width:0}
.timeline-section {
position:relative;
padding:clamp(14px,2vw,24px) clamp(12px,2.4vw,26px);
border:1px solid var(--line-soft);
border-radius:var(--radius);
background:linear-gradient(180deg,rgba(36,29,24,.5),rgba(23,18,15,.62));
}
.timeline-stitch {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
gap:6px 22px;
position:relative;
padding-left:14px;
}
.timeline-stitch::before {
content:"";
position:absolute;
left:4px;top:6px;bottom:6px;
width:1px;
background:repeating-linear-gradient(180deg,var(--tungsten) 0 6px,transparent 6px 13px);
opacity:.5;
}
.timeline-node {
position:relative;
display:flex;
flex-direction:column;
gap:1px;
padding:5px 0 5px 16px;
border-bottom:1px dashed rgba(201,160,90,.1);
}
.timeline-node::before {
content:"";
position:absolute;
left:-14px;
top:11px;
width:9px;
height:2px;
background:var(--tungsten);
box-shadow:0 0 7px rgba(232,180,81,.6);
}
.node-ep {
font-family:var(--font-title);
font-size:11px;
letter-spacing:.16em;
color:var(--tungsten);
}
.node-label {
font-size:12.6px;
line-height:1.6;
color:var(--ink-soft);
}
.timeline-node:nth-child(even) .node-label {color:var(--ink-dim)}
.episodes-section {position:relative;min-width:0}
.episode-rail {
display:grid;
grid-auto-flow:column;
grid-auto-columns:minmax(238px,1fr);
gap:10px;
overflow-x:auto;
overflow-y:hidden;
padding:2px 2px 14px;
scroll-snap-type:x proximity;
scrollbar-width:thin;
scrollbar-color:var(--warm-gray-2) transparent;
}
.episode-rail::-webkit-scrollbar {height:7px}
.episode-rail::-webkit-scrollbar-track {background:rgba(201,160,90,.06);border-radius:999px}
.episode-rail::-webkit-scrollbar-thumb {background:var(--warm-gray-2);border-radius:999px}
.episode-card {
scroll-snap-align:start;
display:flex;
flex-direction:column;
gap:6px;
padding:11px 12px 10px;
border-radius:var(--radius);
border:1px solid var(--line);
background:
linear-gradient(168deg,rgba(201,160,90,.11),rgba(36,29,24,.9) 46%,rgba(21,17,14,.94));
position:relative;
overflow:hidden;
transition:transform .2s,border-color .2s,box-shadow .2s;
}
.episode-card::after {
content:"";
position:absolute;
inset:4px;
border:1px dashed rgba(201,160,90,.16);
border-radius:var(--radius-sm);
pointer-events:none;
}
.episode-card:hover {
transform:translateY(-3px);
border-color:rgba(232,180,81,.5);
box-shadow:0 16px 30px -20px rgba(0,0,0,.95);
}
.episode-title {
font-size:13.4px;
letter-spacing:.06em;
color:#f0e5d4;
}
.episode-summary {
font-size:12.4px;
line-height:1.68;
color:var(--ink-soft);
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.episode-duration {
margin-top:auto;
align-self:flex-start;
font-family:var(--font-title);
font-size:11px;
letter-spacing:.14em;
color:#1a140e;
background:linear-gradient(135deg,var(--tungsten),var(--tungsten-deep));
padding:1px 9px;
border-radius:999px;
}
.comments-section {
position:relative;
padding-block:clamp(8px,2vw,22px);
}
.comments-stack {
columns:3;
column-gap:14px;
}
.comment-note {
break-inside:avoid;
margin-bottom:14px;
padding:11px 13px;
border-radius:var(--radius-sm);
border:1px solid var(--line);
background:linear-gradient(160deg,rgba(232,180,81,.09),rgba(36,29,24,.92));
box-shadow:0 12px 24px -18px rgba(0,0,0,.95);
position:relative;
}
.comment-note:nth-child(3n/**/+1) {transform:rotate(-.9deg)}
.comment-note:nth-child(3n/**/+2) {transform:rotate(.8deg)}
.comment-note:nth-child(3n/**/+3) {transform:rotate(-.4deg)}
.comment-note::before {
content:"";
position:absolute;
left:12px;top:0;
width:34px;height:3px;
background:rgba(201,160,90,.4);
border-radius:0 0 3px 3px;
}
.comment-nick {
display:block;
font-family:var(--font-title);
font-size:12px;
letter-spacing:.1em;
color:var(--tungsten);
margin-bottom:5px;
}
.comment-text {
font-size:12.8px;
line-height:1.78;
color:var(--ink-soft);
}
.rec-region {
display:flex;
flex-direction:column;
gap:9px;
padding:clamp(12px,1.8vw,20px);
border:1px solid var(--line-soft);
border-radius:var(--radius);
background:linear-gradient(180deg,rgba(36,29,24,.42),rgba(22,18,15,.6));
}
.rec-title {
font-family:var(--font-title);
font-size:13.5px;
letter-spacing:.2em;
color:var(--ink);
padding-left:10px;
position:relative;
}
.rec-title::before {
content:"";
position:absolute;
left:0;top:.2em;bottom:.2em;
width:3px;
border-radius:2px;
background:linear-gradient(180deg,var(--tungsten),var(--tungsten-deep));
}
.rec-row {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
gap:10px;
align-items:start;
}
a.rec-card {
display:flex;
flex-direction:column;
gap:5px;
padding:7px;
border-radius:var(--radius-sm);
border:1px solid var(--line);
background:linear-gradient(165deg,rgba(46,38,32,.85),rgba(23,18,15,.9));
text-decoration:none!important;
color:var(--ink-soft)!important;
transition:transform .18s,border-color .18s,box-shadow .18s;
position:relative;
overflow:hidden;
}
a.rec-card:hover {
transform:translateY(-3px);
border-color:rgba(232,180,81,.55);
box-shadow:0 16px 30px -20px rgba(0,0,0,.95);
color:var(--ink)!important;
}
a.rec-card img {
width:100%;
aspect-ratio:3 / 4;
height:auto;
object-fit:cover;
border-radius:4px;
background:#120e0b;
filter:saturate(.88) contrast(1.02);
transition:filter .2s;
}
a.rec-card:hover img {filter:saturate(1.05) contrast(1.05)}
a.rec-card [data-runtime="name"] {
font-family:var(--font-title);
font-size:12.6px;
letter-spacing:.05em;
color:var(--ink);
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;
}
a.rec-card [data-runtime="blurb"] {
font-size:11.6px;
line-height:1.6;
color:var(--ink-dim);
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
[data-runtime="recommendation"] img {width:100%;object-fit:cover}
.site-footer {
margin-top:clamp(16px,3vw,36px);
padding:clamp(16px,2.4vw,30px) clamp(12px,3vw,34px);
border-top:1px solid var(--line);
background:linear-gradient(180deg,rgba(23,18,15,.6),rgba(15,11,9,.94));
display:flex;
flex-direction:column;
gap:12px;
}
.footer-disclaimer {
font-size:12.2px;
line-height:1.8;
color:var(--ink-dim);
max-width:88ch;
}
.footer-nav {
display:flex;
flex-wrap:wrap;
gap:8px 16px;
font-family:var(--font-title);
font-size:12.5px;
letter-spacing:.1em;
}
a[data-contract="footer-home"] {
color:var(--ink-soft)!important;
text-decoration:none!important;
border-bottom:1px solid transparent;
padding-bottom:1px;
}
a[data-contract="footer-home"]:hover {color:var(--tungsten)!important;border-bottom-color:var(--tungsten)}
a[data-contract="footer-sitemap"] {
color:var(--ink-soft)!important;
text-decoration:none!important;
border-bottom:1px solid transparent;
padding-bottom:1px;
}
a[data-contract="footer-sitemap"]:hover {color:var(--tungsten)!important;border-bottom-color:var(--tungsten)}
.friend-links {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px 10px;
font-size:12px;
padding-top:10px;
border-top:1px dashed var(--line-soft);
}
.friend-links-label {
font-family:var(--font-title);
letter-spacing:.16em;
color:var(--ink-dim);
font-size:11.5px;
white-space:nowrap;
}
a.runtime-friend-link {
white-space:nowrap;
color:var(--warm-gray)!important;
text-decoration:none!important;
padding:2px 8px;
border:1px solid var(--line-soft);
border-radius:999px;
background:rgba(201,160,90,.05);
transition:background .16s,color .16s,border-color .16s;
}
a.runtime-friend-link:hover {background:rgba(232,180,81,.16);color:var(--tungsten)!important;border-color:rgba(232,180,81,.45)}
@media (max-width:1080px){.synopsis-body {columns:1;column-rule:none}
.comments-stack {columns:2}}
@media (max-width:820px){.hero-backdrop {grid-template-columns:minmax(0,1fr)}
.poster-frame {width:min(58%,230px)}
.hero-cut::before {display:none}
.section-heading {font-size:14px}}
@media (max-width:640px){body {font-size:14px}
.page-main {gap:18px;padding:12px 12px 26px}
.site-header {padding:7px 12px}
.site-logo {font-size:15px;letter-spacing:.12em}
.hero-section {padding:12px}
.hero-title {font-size:22px}
.hero-tagline {font-size:12.5px;letter-spacing:.18em}
.hero-seo {font-size:12.4px}
.poster-frame {width:min(64%,210px)}
.player-controls {gap:5px 6px;padding:7px 8px}
.ctrl-btn {font-size:11.4px;padding:4px 9px}
.ctrl-progress {flex:1 1 100%;order:5}
.ctrl-volume {flex:1 1 80px}
.cast-grid {grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}
.cast-card {min-height:96px}
.details-list {grid-template-columns:repeat(auto-fill,minmax(144px,1fr))}
.timeline-stitch {grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 16px}
.episode-rail {grid-auto-columns:minmax(206px,1fr)}
.comments-stack {columns:1}
.rec-row {grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.rec-region {padding:12px}}
@media (max-width:400px){.cast-grid {grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.details-list {grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
.rec-row {grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}
@media (prefers-reduced-motion:reduce){* {transition:none!important;animation:none!important}
.comment-note {transform:none!important}}

footer{text-align:center!important}
footer *{justify-content:center!important}
footer :is(div,nav,ul,ol,p,section,address){margin-left:auto!important;margin-right:auto!important}