/* O2HAI 2026 post-event champion coverage; static CSS, no scripts. */
.events-page .ev-post-badge{background:linear-gradient(100deg,#f9df94,#ffae54);color:#342107;box-shadow:0 6px 25px #ca9a3d25;border:0}
.ev-after-title{font-size:clamp(37px,4.9vw,66px)!important;line-height:1.16!important;letter-spacing:-.035em!important}
.ev-after-title span{background:linear-gradient(90deg,#fff4b9,#f6c878,#ffa6cd)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
.ev-after-hero .ev-detail-grid{align-items:center}
.ev-result-head{position:relative;background:radial-gradient(circle at 24% 0,#12415a 0,transparent 48%),radial-gradient(circle at 88% 25%,#4c1842 0,transparent 48%),#07111e;padding:74px 0;color:#fff}
.ev-result-head .ev-heading h2{color:#fff}.ev-result-head .ev-heading p{color:#c6d6e7}
.ev-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.ev-result-card{isolation:isolate;position:relative;min-height:470px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid #61d3ed7c;border-radius:24px;background:radial-gradient(circle at 60% 25%,#215579,#07162b 66%);color:#fff;text-decoration:none;box-shadow:0 20px 70px #0008;transition:transform .2s}
.ev-result-card.open{border-color:#fc8ab989;background:radial-gradient(circle at 66% 22%,#733058,#210e28 70%)}
.ev-result-card:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#06111ffa 2%,#07111fc4 36%,transparent 76%)}
.ev-result-card img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:contain;object-position:center top;filter:drop-shadow(0 15px 22px #0007)}
.ev-result-card .ev-result-copy{position:relative;z-index:1;padding:24px 27px 28px}
.ev-result-card .ev-result-copy>small{display:inline-flex;color:#fff0b7;border:1px solid #edd38e88;background:#10151e8c;padding:6px 12px;border-radius:40px;font-weight:900;letter-spacing:.1em}
.ev-result-card h3{font-size:clamp(29px,3vw,42px);color:#fff;line-height:1.25;margin:12px 0 8px}
.ev-result-card p{margin:0 0 12px;color:#dceff9;line-height:1.8}.ev-result-card .ev-result-more{color:#ffe8a1;font-weight:900}
.ev-result-card:hover{transform:translateY(-5px)}
.ev-post-video{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center;border:1px solid #ffffff3b;border-radius:23px;padding:21px;background:#ffffff09}
.ev-post-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:14px;background:#000}
.ev-post-video h3{font-size:clamp(25px,2.6vw,36px);color:#fff;margin:8px 0 16px}.ev-post-video p{color:#c1dae8;line-height:1.9}
.ev-winner-redesign{position:relative;padding:53px 0 85px;color:#fff;overflow:hidden;background:radial-gradient(circle at 15% 15%,#174a68,transparent 40%),#071524}
.ev-winner-redesign.open{background:radial-gradient(circle at 15% 15%,#692a5b,transparent 42%),#160f22}
.ev-champion-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:32px}
.ev-champion-heading{font-size:clamp(40px,5vw,75px);margin:12px 0 18px;line-height:1.1;letter-spacing:-.045em;font-weight:950;color:white}
.ev-champion-heading em{font-style:normal;color:#ffdb82}.ev-winner-redesign.open .ev-champion-heading em{color:#ffc3e2}
.ev-champion-tag{font-weight:900;letter-spacing:.12em;color:#ffe0a3;font-size:12px}.ev-winner-redesign.open .ev-champion-tag{color:#ffafd9}
.ev-champion-visual{position:relative;min-height:540px;overflow:hidden;display:grid;place-items:center;border:1px solid #ffffff45;border-radius:28px;background:radial-gradient(circle at 55% 35%,#457da7aa,transparent 65%),linear-gradient(135deg,#071c2d,#102d4c);box-shadow:0 24px 75px #0008}
.ev-winner-redesign.open .ev-champion-visual{background:radial-gradient(circle at 55% 35%,#a35e93aa,transparent 65%),linear-gradient(135deg,#33112d,#180d27)}
.ev-champion-visual:after{content:"WINNER";position:absolute;bottom:-16px;left:0;right:0;text-align:center;font:900 clamp(75px,12vw,200px) Impact,'Arial Black',sans-serif;letter-spacing:.08em;color:#ffffff12;pointer-events:none;line-height:1}
.ev-champion-visual img{height:min(540px,100%);width:100%;object-fit:contain;object-position:center bottom;position:relative;z-index:1;filter:drop-shadow(0 18px 25px #0008)}
.ev-champion-visual .ev-crown-icon{position:absolute;right:20px;top:15px;font-size:62px;color:#ffdb8c;opacity:.9;z-index:2;text-shadow:0 5px 20px #0007}
.ev-champion-hero .ev-lead{color:#dbe9f5}.ev-champion-hero .ev-notice{color:#b8d3e5}
.ev-winner-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.ev-winner-facts>div{padding:14px;border:1px solid #ffffff3d;border-radius:12px;background:#ffffff0b}
.ev-winner-facts small{display:block;font-size:10px;color:#c1d9e4;letter-spacing:.1em}.ev-winner-facts strong{display:block;font-size:15px;color:#fff;margin-top:5px}
.ev-win-story{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.ev-win-story>div{border:1px solid #d4e7f1;border-radius:20px;background:#fff;padding:26px;color:#14263c}.ev-win-story h3{color:#092239;font-size:23px;margin:0 0 12px}.ev-win-story p{line-height:1.9}
.ev-win-story .ev-note-card{background:#071b31;border-color:#0a4264;color:#e1eff9}.ev-win-story .ev-note-card h3{color:#ffdf92}
.ev-event-archive{background:#071321;color:#fff;padding:62px 0}.ev-event-archive .ev-heading h2{color:white}
.ev-event-archive .ev-heading p{color:#ccdfef}
.ev-event-archive .ev-post-video{margin-top:24px}
@media(max-width:980px){.ev-champion-hero,.ev-post-video{grid-template-columns:1fr}.ev-champion-visual{min-height:460px}.ev-winner-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.ev-result-grid,.ev-win-story{grid-template-columns:1fr}.ev-result-card{min-height:420px}.ev-result-card img{object-position:center top}.ev-champion-visual{min-height:365px}.ev-champion-visual img{height:400px}.ev-champion-heading{font-size:clamp(36px,9vw,51px)}.ev-result-head,.ev-winner-redesign,.ev-event-archive{padding:46px 0}.ev-winner-facts{grid-template-columns:1fr 1fr}.ev-winner-facts strong{font-size:13px}}

/* O2杯: archive thumbnail links and timestamp index - 2026-11-01 */
.o2-archive-section .ev-post-video{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}
.o2-archive-poster{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(135,205,255,.55);border-radius:16px;background:#081626;box-shadow:0 20px 45px #0008;min-width:0;text-decoration:none}
.o2-archive-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.o2-archive-poster:hover img,.o2-archive-poster:focus-visible img{transform:scale(1.035)}
.o2-poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,11,28,.93))}
.o2-poster-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f9e2a1,#e1a84c);box-shadow:0 12px 28px #000b;color:#221300;font-size:27px;padding-left:3px}
.o2-poster-caption{position:absolute;bottom:18px;left:21px;right:16px;color:#fff;font-size:clamp(15px,1.45vw,22px);font-weight:900;line-height:1.4;text-shadow:0 2px 6px #000}
.o2-poster-caption small{display:block;font-size:12px;letter-spacing:.06em;color:#ffdc92;margin-top:5px}
.o2-archive-section .ev-post-video .ev-note{color:#c3d1df;font-size:12px}
.o2-chapters-wrap{margin-top:48px;scroll-margin-top:98px}
.o2-chapters-intro .ev-overline{color:#ffd68a}
.o2-chapters-intro h3{color:#fff;font-size:clamp(26px,3vw,39px);letter-spacing:-.04em;margin:9px 0}
.o2-chapters-intro p{color:#bcd0e4;margin:0 0 25px}
.o2-chapters-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.o2-chapter-panel{overflow:hidden;border:1px solid #3b6689;border-radius:20px;background:linear-gradient(135deg,#0a2941,#071626);min-width:0}
.o2-chapter-panel.open{border-color:#88456e;background:linear-gradient(135deg,#302037,#141126)}
.o2-chapter-panel-heading{display:flex;align-items:center;gap:14px;padding:21px 20px;border-bottom:1px solid #ffffff24}
.o2-chapter-panel-heading .o2-chapter-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #62d7ff66;border-radius:12px;background:#21c6e528;font-size:24px}
.o2-chapter-panel.open .o2-chapter-icon{background:#ff72b52b;border-color:#ff81c577}
.o2-chapter-panel-heading h3{color:#fff;font-size:20px;margin:1px 0 0;line-height:1.4}
.o2-chapter-panel-heading small{color:#78dfff;font-size:10px;letter-spacing:.16em;font-weight:800}
.o2-chapter-panel.open .o2-chapter-panel-heading small{color:#ff9cca}
.o2-chapter-count{margin-left:auto;font-size:12px;color:#d1e4f2;white-space:nowrap}
.o2-chapter-list{padding:9px}
.o2-chapter-row{display:flex;gap:12px;align-items:center;min-width:0;border-radius:11px;color:#f0f7fd!important;text-decoration:none!important;padding:12px 10px;transition:background .17s ease}
.o2-chapter-row+.o2-chapter-row{border-top:1px solid #ffffff13}
.o2-chapter-row:hover,.o2-chapter-row:focus-visible{background:#ffffff18}
.o2-chapter-row time{white-space:nowrap;min-width:60px;color:#7fddff;font-weight:900;font-size:13px;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.o2-chapter-panel.open .o2-chapter-row time{color:#ff9ac8}
.o2-chapter-label{flex:1;min-width:0;font-size:13px;line-height:1.55;font-weight:650;overflow-wrap:anywhere}
.o2-chapter-badge{font-size:10px;font-weight:900;color:#b4c9dc;white-space:nowrap}
.o2-chapter-row.is-final .o2-chapter-badge{color:#ffda86}
.o2-chapter-row.is-final .o2-chapter-label{color:#ffdf94;font-weight:900}
.o2-chapter-arrow{font-size:14px;color:#f3d592;align-self:center}
.o2-extra-details{margin-top:20px;border:1px solid #ffffff44;border-radius:18px;background:#ffffff0a;overflow:hidden}
.o2-extra-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:19px 22px;list-style:none;gap:12px}
.o2-extra-details summary::-webkit-details-marker{display:none}
.o2-extra-details summary>span:first-child{display:flex;flex-direction:column;gap:4px}
.o2-extra-details summary small{font-size:10px;color:#fcd999;font-weight:900;letter-spacing:.16em}
.o2-extra-details summary strong{color:#fff;font-size:18px}
.o2-extra-details .o2-extra-count{font-size:12px;color:#b9c9da}
.o2-extra-chevron{color:#ffd48a;font-size:24px;font-weight:500;transition:transform .2s ease}
.o2-extra-details[open] .o2-extra-chevron{transform:rotate(45deg)}
.o2-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:4px 14px 17px;border-top:1px solid #ffffff30}
.o2-extra-grid .o2-chapter-row{margin:0 3px}
.o2-extra-grid .o2-chapter-row time{min-width:57px}
.o2-winner-replay-links{margin:18px 0 8px;border:1px solid #ffffff36;border-radius:12px;background:#ffffff09;padding:5px 7px}
.o2-winner-replay-links .o2-chapter-row time{color:#ffdc87}
.o2-back-archive{color:#ffe1a0!important;font-size:13px;font-weight:900}
@media(max-width:980px){.o2-archive-section .ev-post-video,.o2-chapters-grid{grid-template-columns:1fr}.o2-chapter-panel-heading{padding:16px}.o2-chapters-grid{gap:15px}}
@media(max-width:680px){.o2-extra-grid{grid-template-columns:1fr}.o2-extra-details summary{padding:15px}.o2-chapter-row{padding:12px 7px}.o2-chapter-row time{min-width:55px}.o2-chapter-badge{display:none}.o2-poster-play{width:56px;height:56px;font-size:21px}.o2-poster-caption{left:12px;bottom:12px;font-size:14px}}
