/** Shopify CDN: Minification failed

Line 322:9 Unexpected "@media"

**/
/* DIYU HOME V3 — Shopify section styles. Scoped to .diyu-v3; no global element resets. */
.diyu-v3{box-sizing:border-box;width:100%;max-width:1920px;margin-inline:auto}

/* ===== base ===== */

/* DIYU 3.0 / Full-bleed V3. Local prototype; no global theme patch. */
.diyu-v3{--paper:#f4f2ee;--ink:#25241f;--muted:#65615b;--rule:#cecac3;--accent:#5d444f;--side:25%;--focus:50%;--serif:Georgia,"Times New Roman","Songti TC","Noto Serif CJK TC","PMingLiU",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans CJK TC","Microsoft JhengHei",sans-serif}
.diyu-v3 *{box-sizing:border-box}
.diyu-v3{background:var(--paper);color:var(--ink);font:14px/1.7 var(--sans)}
.diyu-v3 button,.diyu-v3 a,.diyu-v3 select,.diyu-v3 summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.diyu-v3 a{color:inherit;text-decoration:none;text-underline-offset:5px}
.diyu-v3 button{color:inherit;font:inherit;border:0;background:none;padding:0;cursor:pointer}
.diyu-v3 button:disabled{cursor:default;opacity:.3}
.diyu-v3 select{font:inherit}
.diyu-v3 h1,.diyu-v3 h2,.diyu-v3 h3,.diyu-v3 p,.diyu-v3 figure{margin:0}
.diyu-v3 h1,.diyu-v3 h2,.diyu-v3 h3{font-weight:400}
.diyu-v3 img{display:block;max-width:100%;height:auto}
.diyu-v3 svg{display:block;width:24px;height:20px;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.diyu-v3 button:focus-visible,.diyu-v3 a:focus-visible,.diyu-v3 summary:focus-visible,.diyu-v3 select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.diyu-v3 a:hover{text-decoration:underline}
.diyu-v3 [hidden]{display:none!important}
.diyu-v3 .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.diyu-v3 .mobile-tabs{display:none}

/* Five edge-to-edge panes. White hairline gutters are structural, not card margins. */
.diyu-v3 .home-field{display:grid;grid-template-columns:minmax(0,var(--side)) minmax(0,var(--focus)) minmax(0,var(--side));grid-template-rows:repeat(2,minmax(360px,1fr));min-height:760px;background:var(--paper);border-bottom:2px solid var(--paper)}
.diyu-v3 .channel-window{position:relative;min-width:0;overflow:hidden;background:#e5e2dc;isolation:isolate}
.diyu-v3 .channel-window[data-channel=knowledge]{grid-area:1/1;border-right:2px solid var(--paper);border-bottom:2px solid var(--paper)}
.diyu-v3 .channel-window[data-channel=art]{grid-area:2/1;border-right:2px solid var(--paper)}
.diyu-v3 .channel-window[data-channel=display]{grid-area:1/3;border-left:2px solid var(--paper);border-bottom:2px solid var(--paper)}
.diyu-v3 .channel-window[data-channel=events]{grid-area:2/3;border-left:2px solid var(--paper)}
.diyu-v3 .channel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 58%;z-index:-3;transition:transform .5s ease}
.diyu-v3 .channel-window::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,rgba(243,241,235,.97) 0%,rgba(243,241,235,.9) 24%,rgba(243,241,235,.48) 47%,rgba(243,241,235,0) 70%),linear-gradient(0deg,rgba(241,238,232,.96),rgba(241,238,232,0) 24%);pointer-events:none}
.diyu-v3 .channel-window[data-channel=art] .channel-image{object-position:62% 74%}
.diyu-v3 .channel-window[data-channel=art]::before{background:linear-gradient(130deg,rgba(240,237,230,.98),rgba(240,237,230,.86) 28%,rgba(240,237,230,.05) 65%),linear-gradient(0deg,rgba(242,239,233,.95),transparent 22%)}
.diyu-v3 .channel-window[data-channel=events] .channel-image{object-position:67% 64%}
.diyu-v3 .channel-window[data-channel=events]::before{background:linear-gradient(135deg,rgba(240,237,230,.98),rgba(240,237,230,.86) 34%,rgba(240,237,230,.05) 71%),linear-gradient(0deg,rgba(242,239,233,.92),transparent 23%)}
.diyu-v3 .channel-window::after{content:"";position:absolute;top:31px;left:0;width:2px;height:0;background:var(--ink);transition:height .18s;pointer-events:none}
.diyu-v3 .channel-window.selected::after{height:50px}
.diyu-v3 .channel-pick{display:flex;flex-direction:column;width:100%;height:100%;min-height:360px;align-items:flex-start;text-align:left;padding:27px 30px 68px;position:relative}
.diyu-v3 .channel-pick:focus-visible{outline-offset:-5px}
.diyu-v3 .channel-top{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;font-size:9px;letter-spacing:.06em;color:#55514a;line-height:1.3;margin-bottom:12px}
.diyu-v3 .channel-state{display:flex;align-items:center;gap:5px}
.diyu-v3 .state-dot{width:3px;height:3px;border-radius:50%;background:currentColor}
.diyu-v3 .channel-zh{font:21px/1.4 var(--serif);letter-spacing:.05em}
.diyu-v3 .channel-en{font:clamp(22px,2vw,31px)/1.12 var(--serif);margin-top:3px;letter-spacing:-.015em}
.diyu-v3 .channel-headline{font:12px/1.8 var(--serif);letter-spacing:.045em;max-width:215px;margin-top:13px}
.diyu-v3 .round-mark{width:39px;height:39px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;margin-top:21px;transition:color .18s,background-color .18s;flex:none}
.diyu-v3 .round-mark svg{width:18px;height:18px;transition:transform .18s}
.diyu-v3 .channel-pick:hover .round-mark,.diyu-v3 .channel-pick:focus-visible .round-mark{color:var(--paper);background:var(--ink)}
.diyu-v3 .channel-pick:hover .round-mark svg{transform:translateX(2px)}
@media(hover:hover){.diyu-v3 .channel-window:hover .channel-image{transform:scale(1.013)}
}.diyu-v3 .channel-route{position:absolute;bottom:17px;left:30px;right:26px;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.06em;z-index:3}
.diyu-v3 .route-arrow{display:inline-flex;align-items:center;justify-content:center}
.diyu-v3 .route-arrow svg{width:22px;flex:none;transition:transform .18s}
.diyu-v3 .channel-route .route-arrow svg{width:17px}
.diyu-v3 .channel-route:hover svg{transform:translate(2px,-2px)}
.diyu-v3 .side-event-meta{display:flex;flex-direction:column;margin-top:auto;padding-top:12px;font-size:9px;line-height:1.8}
.diyu-v3 .side-event-meta #side-event-date{font:21px/1.4 var(--serif);margin-top:2px;background:rgba(242,239,233,.84);padding:2px 6px;margin-left:-6px;align-self:flex-start}

/* The central image is a background plane, not an inset portrait. */
.diyu-v3 .focus-stage{grid-area:1/2/3/3;min-width:0;position:relative;background:#dfdcd6;isolation:isolate}
.diyu-v3 .focus-panel{min-width:0;position:relative;min-height:100%;height:100%;isolation:isolate;animation:reveal .22s ease}
.diyu-v3 .focus-panel:focus-visible{outline-offset:-6px}
.diyu-v3 .focus-media{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#dfdcd6}
.diyu-v3 .focus-image{position:absolute;right:0;top:0;height:100%;width:77%;max-width:none;object-fit:cover;object-position:60% 55%}
.diyu-v3 .focus-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(243,241,236,1) 0%,rgba(242,240,234,.98) 20%,rgba(242,240,234,.86) 36%,rgba(242,240,234,.4) 49%,rgba(242,240,234,0) 64%),linear-gradient(270deg,rgba(227,223,216,.63) 0%,rgba(227,223,216,0) 9%)}
.diyu-v3 .focus-media figcaption{position:absolute;right:22px;bottom:17px;z-index:1;color:#f9f7f1;background:rgba(32,31,27,.65);padding:3px 7px;font-size:9px;letter-spacing:.04em}
.diyu-v3 .focus-content{position:relative;min-height:760px;height:100%;padding:31px 34px 34px;display:flex;flex-direction:column}
.diyu-v3 .focus-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font:10px/1.5 var(--sans);letter-spacing:.045em;margin-bottom:36px}
.diyu-v3 .focus-type{display:flex;align-items:center;gap:7px}
.diyu-v3 .focus-type i{height:12px;width:2px;background:var(--ink);flex:none}
.diyu-v3 .focus-note{font-size:9px;white-space:nowrap;background:rgba(243,241,236,.92);padding:2px 5px;color:#686157}
.diyu-v3 .focus-copy{max-width:61%;min-width:0}
.diyu-v3 .focus-english{font:clamp(44px,4.65vw,78px)/.99 var(--serif);letter-spacing:-.045em;white-space:pre-line;overflow-wrap:anywhere}
.diyu-v3 .focus-title{font:clamp(23px,1.95vw,33px)/1.45 var(--serif);letter-spacing:.095em;white-space:normal;overflow-wrap:anywhere;margin-top:21px}
.diyu-v3 .focus-excerpt{font:13px/1.9 var(--serif);letter-spacing:.035em;margin-top:27px;max-width:290px;overflow-wrap:anywhere}
.diyu-v3 .feature-bottom{margin-top:auto;padding-top:42px;max-width:62%;min-width:0}
.diyu-v3 .event-date{font:clamp(22px,1.85vw,30px)/1.2 var(--serif);letter-spacing:-.03em;white-space:normal}
.diyu-v3 .event-venue{font-size:10px;line-height:1.8;margin-top:13px;overflow-wrap:anywhere}
.diyu-v3 .content-details{font:13px/1.85 var(--serif);max-width:265px;overflow-wrap:anywhere}
.diyu-v3 .focus-action-row{margin-top:28px}
.diyu-v3 .focus-cta{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:49px;width:100%;max-width:320px;background:#262521;color:#f8f6ee;padding:14px 17px;font-size:11px;letter-spacing:.06em;transition:background-color .18s}
.diyu-v3 .focus-cta:hover{text-decoration:none;background:#443d37}
.diyu-v3 .focus-cta:hover svg{transform:translateX(4px)}
.diyu-v3 .focus-cta svg{width:30px}
.diyu-v3 .focus-secondary{color:#686157;font-size:9px;line-height:1.7;letter-spacing:.02em;margin-top:11px;max-width:280px;overflow-wrap:anywhere}
.diyu-v3 .focus-panel[data-channel=display] .focus-image{width:78%;object-position:67% 65%}
.diyu-v3 .focus-panel[data-channel=display] .focus-media::after{background:linear-gradient(90deg,#f3f1ec 0%,rgba(243,241,236,.98) 26%,rgba(243,241,236,.8) 41%,rgba(243,241,236,.05) 71%)}
.diyu-v3 .focus-panel[data-channel=art] .focus-image{width:90%;object-position:65% 50%}
.diyu-v3 .focus-panel[data-channel=art] .focus-media::after{background:linear-gradient(90deg,#f3f1ec 0%,rgba(243,241,236,.98) 24%,rgba(243,241,236,.72) 42%,rgba(243,241,236,.02) 69%)}
.diyu-v3 .focus-panel[data-channel=knowledge] .focus-image{width:81%;object-position:56% 56%}
.diyu-v3 .focus-pagination{position:absolute;right:8px;top:168px;width:44px;display:flex;flex-direction:column;gap:2px;align-items:center;z-index:5}
.diyu-v3 .focus-number{width:44px;min-height:44px;display:grid;place-items:center;position:relative;font:13px/1 var(--serif);color:#514b43;background:rgba(243,241,236,.86);transition:color .15s,background-color .15s}
.diyu-v3 .focus-number::after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:1px;transform:scaleX(0);background:currentColor;transition:transform .18s}
.diyu-v3 .focus-number[aria-pressed=true]{color:#1e1b18;font-weight:bold}
.diyu-v3 .focus-number[aria-pressed=true]::after{transform:scaleX(1)}
.diyu-v3 .focus-number:hover{color:var(--ink);background:rgba(246,244,238,.95)}
.diyu-v3 .pagination-line{width:1px;height:32px;background:rgba(67,62,54,.25);margin-top:12px}

/* A quiet, horizontally continuous event rail with small image previews. */
.diyu-v3 .time-layer{display:grid;grid-template-columns:minmax(0,25%) minmax(0,75%);border-bottom:1px solid var(--rule);min-height:186px;background:var(--paper)}
.diyu-v3 .time-intro{padding:25px 30px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:7px}
.diyu-v3 .time-kicker{font:10px/1.7 var(--serif);letter-spacing:.095em;color:var(--muted)}
.diyu-v3 .time-kicker span{font:9px var(--sans);letter-spacing:0}
.diyu-v3 .time-title{font:21px/1.45 var(--serif);letter-spacing:.03em}
.diyu-v3 .time-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}
.diyu-v3 .time-tools>a{display:flex;align-items:center;gap:13px;min-height:44px;font-size:10px}
.diyu-v3 .time-tools>a svg{width:23px}
.diyu-v3 .time-arrows{display:flex;gap:2px}
.diyu-v3 .rail-arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;transition:border-color .18s}
.diyu-v3 .rail-arrow:not(:disabled):hover{border-color:var(--ink)}
.diyu-v3 .rail-arrow svg{width:22px}
.diyu-v3 .time-content{padding:26px 30px 18px 0;min-width:0;overflow:hidden}
.diyu-v3 .time-rail{display:flex;overflow:auto;gap:0;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c8c3ba transparent;overscroll-behavior-inline:contain;padding:0 0 8px;min-width:0}
.diyu-v3 .time-rail::-webkit-scrollbar{height:3px}
.diyu-v3 .time-rail::-webkit-scrollbar-thumb{background:#c8c3ba}
.diyu-v3 .time-node{flex:0 0 32%;min-width:270px;position:relative;display:flex;flex-direction:column;text-align:left;padding:16px 16px 5px 0;border-top:1px solid #bfbab1;scroll-snap-align:start}
.diyu-v3 .time-node::before{content:"";position:absolute;top:-3px;left:1px;width:5px;height:5px;border-radius:50%;background:#aaa398;z-index:1}
.diyu-v3 .time-node.selected{border-top-color:var(--ink)}
.diyu-v3 .time-node.selected::before{background:var(--ink);width:6px;height:6px}
.diyu-v3 .time-node:focus-visible{outline-offset:-4px}
.diyu-v3 .time-status{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;line-height:1.5;color:#68635b;margin-bottom:13px}
.diyu-v3 .time-status>span:last-child{margin-right:4px}
.diyu-v3 .time-body{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start}
.diyu-v3 .time-thumb{width:72px;height:64px;object-fit:cover;filter:saturate(.7);transition:filter .2s}
.diyu-v3 .time-node:hover .time-thumb{filter:saturate(1)}
.diyu-v3 .time-text{min-width:0;display:flex;flex-direction:column}
.diyu-v3 .time-date{font:20px/1.2 var(--serif);letter-spacing:-.03em;margin-bottom:7px}
.diyu-v3 .time-node-title{font:12px/1.6 var(--serif);overflow-wrap:anywhere}
.diyu-v3 .time-node-place{font-size:9px;color:var(--muted);margin-top:3px}
.diyu-v3 .time-node:hover .time-node-title{text-decoration:underline;text-underline-offset:4px}
.diyu-v3 .time-node.selected .time-date{color:var(--accent)}
.diyu-v3 .rail-feedback{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;line-height:1.8;padding-top:9px}
.diyu-v3 .rail-feedback a{text-decoration:underline}
.diyu-v3 .rail-empty{font-size:13px;padding:24px 8px;white-space:pre-line}
.diyu-v3 .image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:45px;background:#e1ded7;color:var(--muted);gap:12px}
.diyu-v3 .image-fallback>span{font:28px/1.5 var(--serif)}
.diyu-v3 .image-fallback small{font-size:12px;max-width:170px}
.diyu-v3 .focus-media:has(.image-fallback)::after{background:linear-gradient(90deg,#f3f1ec 0%,rgba(243,241,236,.97) 32%,rgba(243,241,236,.2) 73%)}
.diyu-v3.no-js .channel-pick{pointer-events:none}
.diyu-v3.no-js .channel-pick,.diyu-v3.no-js .channel-tab{opacity:1}
.diyu-v3.no-js .focus-panel[hidden]{display:block!important}
.diyu-v3.no-js .focus-pagination,.diyu-v3.no-js .mobile-tabs{display:none!important}
.diyu-v3.no-js .focus-stage{display:block}
.diyu-v3.no-js .focus-panel{height:auto;min-height:720px}
.diyu-v3 .no-js-message{padding:18px;font-size:12px}
@keyframes reveal{from{opacity:.6}to{opacity:1}}@media(min-width:1600px){.diyu-v3 .home-field{grid-template-rows:repeat(2,minmax(410px,1fr))}
.diyu-v3 .focus-content{min-height:820px;padding:38px 42px 40px}
.diyu-v3 .focus-topline{margin-bottom:48px}
.diyu-v3 .channel-pick{padding:32px 36px 70px;min-height:410px}
.diyu-v3 .channel-route{left:36px;right:30px}
.diyu-v3 .focus-excerpt{font-size:15px}
.diyu-v3 .feature-bottom{padding-top:60px}
.diyu-v3 .focus-title{margin-top:26px}
.diyu-v3 .focus-pagination{right:12px}
}@media(min-width:1200px) and (max-width:1319px){.diyu-v3 .channel-pick{padding:24px 23px 66px}
.diyu-v3 .channel-route{left:23px;right:23px}
.diyu-v3 .channel-en{font-size:24px}
.diyu-v3 .focus-content{padding:29px 25px;min-height:734px}
.diyu-v3 .home-field{min-height:734px}
.diyu-v3 .focus-english{font-size:54px}
.diyu-v3 .focus-copy{max-width:63%}
.diyu-v3 .focus-title{font-size:25px;letter-spacing:.04em}
.diyu-v3 .focus-excerpt{max-width:240px}
.diyu-v3 .feature-bottom{max-width:63%}
.diyu-v3 .focus-note{display:none}
.diyu-v3 .focus-pagination{right:3px}
.diyu-v3 .time-intro{padding-left:23px;padding-right:23px}
.diyu-v3 .time-title{font-size:19px}
.diyu-v3 .time-content{padding-right:24px}
.diyu-v3 .time-node{min-width:258px}
}@media(max-width:1199px){.diyu-v3 .mobile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--rule);background:var(--paper)}
.diyu-v3 .channel-tab{min-height:65px;font:15px/1.5 var(--serif);padding:11px 4px;position:relative;color:#70695f}
.diyu-v3 .channel-tab small{display:block;font:9px/1.6 var(--serif);letter-spacing:.08em;margin-top:3px}
.diyu-v3 .channel-tab[aria-selected=true]{color:var(--ink)}
.diyu-v3 .channel-tab::after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:2px;background:var(--ink);transform:scaleX(0)}
.diyu-v3 .channel-tab[aria-selected=true]::after{transform:scaleX(1)}
.diyu-v3 .home-field{display:block;min-height:0}
.diyu-v3 .channel-window{display:none}
.diyu-v3 .focus-content{min-height:740px;padding:34px 38px}
.diyu-v3 .focus-english{font-size:clamp(57px,7vw,81px)}
.diyu-v3 .focus-title{font-size:31px}
.diyu-v3 .focus-excerpt{font-size:14px;max-width:340px}
.diyu-v3 .focus-copy{max-width:55%}
.diyu-v3 .feature-bottom{max-width:50%}
.diyu-v3 .focus-pagination{display:none}
.diyu-v3 .time-layer{grid-template-columns:minmax(0,30%) minmax(0,70%)}
.diyu-v3 .time-title{font-size:19px}
.diyu-v3 .time-intro{padding:24px}
.diyu-v3 .time-content{padding-right:24px}
.diyu-v3 .time-arrows{gap:0}
.diyu-v3 .time-tools{flex-wrap:wrap}
.diyu-v3 .time-node{min-width:270px}
.diyu-v3 .focus-note{font-size:9px}
.diyu-v3 .focus-image{width:77%}
}@media(max-width:767px){.diyu-v3 .channel-tab{font-size:14px;min-height:63px}
.diyu-v3 .channel-tab small{font-size:8px;letter-spacing:.035em}
.diyu-v3 .channel-tab:focus-visible{outline-offset:-3px}
.diyu-v3 .focus-stage{background:#e0ddd6}
.diyu-v3 .focus-content{min-height:850px;padding:24px 22px 32px}
.diyu-v3 .focus-topline{margin-bottom:28px;font-size:9px}
.diyu-v3 .focus-note{font-size:8px}
.diyu-v3 .focus-copy{max-width:100%;width:100%}
.diyu-v3 .focus-english{font-size:clamp(42px,12.2vw,65px);line-height:1.03;letter-spacing:-.045em;max-width:95%}
.diyu-v3 .focus-title{font-size:24px;line-height:1.4;letter-spacing:.045em;margin-top:14px;max-width:100%}
.diyu-v3 .focus-excerpt{font:13px/1.9 var(--serif);max-width:96%;margin-top:18px}
.diyu-v3 .feature-bottom{margin-top:24px;padding-top:0;max-width:100%;position:relative;z-index:1}
.diyu-v3 .event-date{font-size:24px}
.diyu-v3 .event-venue{font-size:10px;margin-top:9px}
.diyu-v3 .focus-action-row{margin-top:17px}
.diyu-v3 .focus-cta{max-width:250px;min-height:48px;padding:12px 15px}
.diyu-v3 .focus-secondary{max-width:310px;font-size:8px;margin-top:8px}
.diyu-v3 .content-details{font-size:12px;max-width:280px}
.diyu-v3 .focus-image,.diyu-v3 .focus-panel[data-channel=knowledge] .focus-image,.diyu-v3 .focus-panel[data-channel=display] .focus-image,.diyu-v3 .focus-panel[data-channel=art] .focus-image{width:100%;height:66%;top:auto;bottom:0;object-fit:cover;object-position:55% 66%}
.diyu-v3 .focus-media::after,.diyu-v3 .focus-panel[data-channel=display] .focus-media::after,.diyu-v3 .focus-panel[data-channel=art] .focus-media::after{background:linear-gradient(180deg,#f3f1ec 0%,rgba(243,241,236,.98) 29%,rgba(243,241,236,.91) 43%,rgba(243,241,236,.5) 58%,rgba(243,241,236,0) 73%)}
.diyu-v3 .focus-media figcaption{right:15px;bottom:12px;font-size:8px}
.diyu-v3 .focus-panel[data-channel=art] .focus-image{object-position:60% 68%}
.diyu-v3 .focus-panel[data-channel=display] .focus-image{object-position:63% 70%}
.diyu-v3 .time-layer{display:block;min-height:0}
.diyu-v3 .time-intro{padding:23px 22px 13px;display:grid;grid-template-columns:1fr auto;gap:7px 12px}
.diyu-v3 .time-kicker{grid-column:1}
.diyu-v3 .time-title{grid-column:1;font-size:20px}
.diyu-v3 .time-tools{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:0;align-items:flex-end;justify-content:center;margin:0}
.diyu-v3 .time-tools>a{min-height:28px;font-size:10px}
.diyu-v3 .time-arrows{display:flex;gap:0}
.diyu-v3 .rail-arrow{width:37px;height:44px}
.diyu-v3 .time-content{padding:6px 22px 20px}
.diyu-v3 .time-node{flex:0 0 87%;min-width:256px}
.diyu-v3 .time-status{font-size:9px}
.diyu-v3 .time-body{grid-template-columns:70px minmax(0,1fr);gap:12px}
.diyu-v3 .time-date{font-size:21px}
.diyu-v3 .time-node-title{font-size:13px}
.diyu-v3 .time-rail{padding-bottom:12px}
.diyu-v3 .rail-feedback{font-size:10px;gap:5px 14px}
.diyu-v3 .rail-feedback>span{width:100%}
.diyu-v3 .image-fallback{align-items:center;justify-content:flex-end;padding:50px 22px 60px}
.diyu-v3 .image-fallback>span{font-size:25px}
.diyu-v3 .image-fallback small{max-width:260px}
.diyu-v3 .focus-media:has(.image-fallback)::after{background:linear-gradient(180deg,#f3f1ec 0%,rgba(243,241,236,.98) 37%,rgba(243,241,236,.05) 80%)}
.diyu-v3.no-js .focus-panel{min-height:850px}
}@media(max-width:359px){.diyu-v3 .focus-content{padding:22px 18px 30px;min-height:865px}
.diyu-v3 .focus-english{font-size:39px}
.diyu-v3 .focus-title{font-size:23px}
.diyu-v3 .focus-note{max-width:95px;white-space:normal;text-align:right}
.diyu-v3 .time-intro{padding-inline:18px}
.diyu-v3 .time-title{font-size:17px}
.diyu-v3 .time-content{padding-inline:18px}
.diyu-v3 .channel-tab{font-size:13px}
.diyu-v3 .channel-tab small{font-size:7px}
}@media(prefers-reduced-motion:reduce){.diyu-v3 *,.diyu-v3 *::before,.diyu-v3 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Final control refinements: invisible 44px hit boxes, no pager card backgrounds. */
.diyu-v3 .focus-number{background:transparent}
.diyu-v3 .focus-number:hover{background:transparent}
.diyu-v3 .focus-number:hover::after{transform:scaleX(1)}
.diyu-v3 .focus-pagination::before{content:"";position:absolute;inset:-5px -8px 36px -12px;background:linear-gradient(90deg,rgba(243,241,236,0),rgba(243,241,236,.68));z-index:-1;pointer-events:none}
.diyu-v3 .channel-route{min-height:44px;bottom:11px}
.diyu-v3 .time-rail{padding-top:4px}
.diyu-v3 .rail-arrow{min-width:44px}

/* ===== assets ===== */

/* V3 frozen asset preparation. Append AFTER home-v3.css.
   Activate only on the existing .home-field via data-assets-v3.
   Requires text-safe final images. Existing low-res placeholder crops may be unreadable.
   No changes to navigation, ratio, ordering, typography scale or timeline behavior. */
.diyu-v3 .home-field[data-assets-v3] .channel-window::before,.diyu-v3 .home-field[data-assets-v3] .focus-media::after,.diyu-v3 .home-field[data-assets-v3] .focus-pagination::before{content: none !important;
  background: none !important;
  background-image: none !important;}
.diyu-v3 .home-field[data-assets-v3] .focus-media > picture{position: absolute;
  inset: 0;
  display: block;}
.diyu-v3 .home-field[data-assets-v3] .focus-image{inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  object-fit: cover;
  object-position: var(--v3-image-position, 50% 50%) !important;}

/* text_scheme is assigned by the asset's reviewed metadata, never guessed on hover. */
.diyu-v3 .home-field[data-assets-v3] [data-ink="light"]{--v3-pane-ink: #f6f3ed;
  --v3-pane-muted: #f6f3ed;}
.diyu-v3 .home-field[data-assets-v3] [data-ink="dark"]{--v3-pane-ink: #25241f;
  --v3-pane-muted: #45413b;}
.diyu-v3 .home-field[data-assets-v3] .channel-window[data-ink]{color: var(--v3-pane-ink);}
.diyu-v3 .home-field[data-assets-v3] .channel-window[data-ink] .channel-top,.diyu-v3 .home-field[data-assets-v3] .channel-window[data-ink] .channel-route{color: var(--v3-pane-ink);}
.diyu-v3 .home-field[data-assets-v3] .channel-window[data-ink]::after{background: var(--v3-pane-ink);}
.diyu-v3 .home-field[data-assets-v3] .focus-panel[data-ink]{color: var(--v3-pane-ink);}
.diyu-v3 .home-field[data-assets-v3] .focus-panel[data-ink] .focus-secondary{color: var(--v3-pane-muted);}
.diyu-v3 .home-field[data-assets-v3] .focus-panel[data-ink] .focus-type i{background: var(--v3-pane-ink);}
.diyu-v3 .home-field[data-assets-v3] .focus-stage[data-ink] .focus-number{color: var(--v3-pane-ink);}
.diyu-v3 .home-field[data-assets-v3] .focus-stage[data-ink] .pagination-line{background: var(--v3-pane-ink);}

/* Keep small source disclosures and real UI button fills. Do not create broad scrims. */
.diyu-v3 .home-field[data-assets-v3] .channel-window[data-trial-slot] .channel-image{object-position: 80% 50%;}

/* Full-canvas neutral fallbacks use the existing image and caption structure. */
.diyu-v3 .home-field[data-assets-v3] .focus-panel[data-ink="light"] .focus-topline,.diyu-v3 .home-field[data-assets-v3] .focus-panel[data-ink="light"] .focus-secondary{color: var(--v3-pane-ink);}
.diyu-v3 .home-field[data-assets-v3] .focus-panel[data-ink="light"] .focus-cta{background:#f0ede6; color:#25241f;}
.diyu-v3 .home-field[data-assets-v3] .focus-stage[data-ink="light"] .focus-number{color:#f6f3ed;}
.diyu-v3 .home-field[data-assets-v3] .focus-stage[data-ink="light"] .pagination-line{background:#f6f3ed;}
.diyu-v3 .home-field[data-assets-v3] .channel-window[data-ink="light"] .channel-pick:hover .round-mark,.diyu-v3 .home-field[data-assets-v3] .channel-window[data-ink="light"] .channel-pick:focus-visible .round-mark{color:#25241f; background:#f6f3ed;}
.diyu-v3 .time-thumb:not(img){display:grid; place-items:center; background:#d5d2cb; color:#45413b; font-size:9px;}
.diyu-v3.no-js .focus-image[src^="data:"]{visibility:hidden;}
.diyu-v3 .home-field[data-assets-v3] .focus-panel[data-ink="light"] .focus-media{background:#192327;}
.diyu-v3 .home-field[data-assets-v3] .channel-window[data-ink="light"]{background:#192327;}

/* R2 A: source disclosure shares the existing index row; no image scrim. */
.diyu-v3 .home-field[data-assets-v3] .channel-source{margin-left: auto;
  font-size: 12px;
  letter-spacing: 0;
  white-space: nowrap;}
.diyu-v3 .home-field[data-assets-v3] .channel-window[data-asset-origin="AI_CONCEPT_PREVIEW"] .channel-image{object-position: 50% 50%;}

/* Match the narrow Events crop when JavaScript is disabled. */
.diyu-v3 @media (min-width:768px) and (max-width:1023px){.no-js .home-field[data-assets-v3] #focus-events .focus-image{--v3-image-position:50% 95%}}