@charset "UTF-8";
:root{--bg:#F5F6F7;--paper:#FBFAF8;--white:#fff;--blue:#174C59;--deep:#103943;--blue2:#E3EEF0;--berry:#A83E59;--berry2:#F6E8EC;--copper:#B77D78;--mist:#EAF1F5;--lav:#F0EDF4;--champ:#F8F3EB;--ink:#24323A;--text:#43515A;--muted:#748087;--line:#DFE4E6;--serif:Georgia,"Noto Serif SC","Songti SC",serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 "PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.skip{position:absolute;top:-60px}.skip:focus{top:8px;background:var(--blue);color:white;padding:8px;z-index:100}
.topbar{height:72px;position:sticky;top:0;z-index:30;background:#ffffffed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1360px)/2));backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brand>b{width:39px;height:39px;border:1px solid var(--copper);border-radius:50%;display:grid;place-items:center;color:var(--blue);font:italic 25px var(--serif)}.brand span{display:flex;flex-direction:column;line-height:1.3}.brand strong{font:17px var(--serif);color:var(--blue)}.brand small{font-size:10px;color:var(--muted);letter-spacing:.1em}.top-actions{display:flex;gap:12px}.top-actions form{display:flex;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:white}.top-actions input{width:190px;border:0;padding:7px 12px;font-size:11px;outline:0}.top-actions button{border:0;background:var(--blue);color:white;padding:0 13px;cursor:pointer}.menu-toggle{display:none;border-radius:20px}
.shell{max-width:1360px;margin:auto;padding:24px;display:grid;grid-template-columns:200px minmax(0,1fr) 240px;gap:24px;align-items:start}.left,.right{position:sticky;top:96px}.left{border-right:1px solid var(--line);min-height:calc(100vh - 110px);padding:12px 14px 12px 0}.rail-title{font-size:11px;color:var(--blue);letter-spacing:.16em;border-bottom:1px solid var(--line);padding:0 10px 15px}.rail-title small{float:right;color:#9aa5aa}.left nav{display:grid;gap:5px;padding:15px 0}.left nav a{padding:10px;border-radius:6px;color:#68767c;font-size:13px}.left nav a:hover{background:var(--blue2);color:var(--blue)}.rail-note{margin:20px 8px;padding:15px;background:var(--paper);border:1px solid var(--line)}.rail-note small,.side-dark small{font-size:9px;letter-spacing:.16em;color:var(--copper)}.rail-note p{font:13px/1.8 var(--serif);color:var(--blue)}#main{min-width:0}.right{display:grid;gap:13px}.side-dark,.side-box,.side-quote{padding:18px;border:1px solid var(--line);background:white}.side-dark{background:var(--deep);color:white}.side-dark h2{font:25px var(--serif);margin:8px 0}.side-dark p{font-size:11px;color:#d5e0e1}.side-dark a{font-size:11px;color:#f0cbd0}.side-box h3{font:18px var(--serif);color:var(--blue);margin:0 0 9px}.side-box a{display:block;padding:6px 0;border-top:1px solid #eff1f2;font-size:11px;color:#68767c}.side-quote{background:var(--champ);font:18px/1.6 var(--serif);color:var(--blue)}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--paper);border:1px solid var(--line);min-height:470px}.hero-copy{padding:40px 30px;display:flex;flex-direction:column;align-items:flex-start}.hero-copy>small,.heading small,.pagehero small,.feature-split small,.rule-band small,.forum-band small,.style-show small{font-size:9px;letter-spacing:.17em;color:var(--copper);font-weight:bold}.hero-copy label{font-size:11px;color:var(--berry);letter-spacing:.15em;margin:25px 0 8px}.hero h1{font:clamp(38px,4vw,55px)/1.25 var(--serif);font-weight:500;color:var(--deep);margin:0}.hero h1 em,.feature-split em,.forum-band em{font-style:normal;color:var(--berry)}.hero-copy p{font-size:12px;line-height:2;color:#6d7a80;max-width:390px}.btn{display:inline-block;background:var(--blue);color:white;padding:10px 17px;font-size:12px;margin-top:8px}.edition{margin-top:auto;padding-top:25px;font-size:9px;letter-spacing:.15em;color:#9ba6ab}.hero-art{position:relative;background:linear-gradient(140deg,#dce8e9,#f2e9e7,#bed2d4);min-height:470px}.hero-img{width:100%;height:100%;object-fit:cover}.hero-art>b{position:absolute;right:18px;top:18px;border:1px solid white;border-radius:50%;width:75px;height:75px;display:grid;place-content:center;text-align:center;color:white;font:italic 12px var(--serif)}.image-fallback{height:100%;min-height:170px;width:100%;display:grid;place-items:center;background:linear-gradient(140deg,#e4edef,#f8f0ec,#e9dfe3);position:relative;color:#66818a}.image-fallback:before{content:"";position:absolute;width:55%;aspect-ratio:1;border:1px solid #174c5930;border-radius:50%}.image-fallback span{font:italic 16px var(--serif);letter-spacing:.15em}
.section{margin-top:48px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px;gap:15px}.heading h2{font:28px var(--serif);color:var(--deep);margin:5px 0 0}.heading p,.heading>a{font-size:11px;color:var(--muted)}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.cat{min-height:145px;background:white;border:1px solid var(--line);padding:13px;display:flex;flex-direction:column;gap:6px;transition:.2s}.cat:hover{transform:translateY(-3px);box-shadow:0 14px 35px #173d4812}.cat small{font-size:10px;color:#9aa5aa}.cat strong{font:16px var(--serif);color:var(--blue)}.cat span{font-size:10px;line-height:1.6;color:#78848a}.tone-berry{background:linear-gradient(145deg,#fff,var(--berry2))}.tone-mist{background:linear-gradient(145deg,#fff,var(--mist))}.tone-champagne{background:linear-gradient(145deg,#fff,var(--champ))}.tone-lavender{background:linear-gradient(145deg,#fff,var(--lav))}
.events{display:grid;grid-template-columns:1fr 1fr;gap:10px}.events article{background:var(--blue);color:white;padding:20px}.events article:nth-child(2){background:white;color:var(--blue);border:1px solid var(--line)}.events small,.stage-cards small{font-size:9px;letter-spacing:.12em;color:var(--copper)}.events h3{font:21px var(--serif)}.events p,.stage-cards p{font-size:11px;line-height:1.8;opacity:.85}.events a{font-size:11px;color:#f0cbd0}.events article:nth-child(2) a{color:var(--berry)}.notice{font-size:10px;color:#7e898e;background:#eef1f1;padding:9px 12px;border-left:2px solid var(--copper)}
.portraits{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:170px 170px;gap:9px}.portraits a{position:relative;overflow:hidden;background:var(--mist);color:white}.portraits a:first-child{grid-row:span 2}.portraits a:nth-child(4){grid-column:2/4}.portrait-img{width:100%;height:100%;object-fit:cover}.portraits a:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#103943b8)}.portraits span,.portraits strong{position:absolute;z-index:1;left:12px}.portraits span{bottom:39px;font-size:8px}.portraits strong{bottom:12px;font:16px var(--serif)}
.stage-grid,.stage-cards{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.stage-grid article,.stage-cards article{background:white;border:1px solid var(--line);padding-bottom:14px}.stage-grid article:first-child{grid-row:span 2}.stage-img{width:100%;height:185px;object-fit:cover}.stage-grid article:first-child .stage-img{height:100%;min-height:390px}.stage-grid article div,.stage-cards article{padding:14px}.stage-grid h3,.stage-cards h3{font:18px var(--serif);color:var(--blue);margin:4px 0}.stage-grid p,.stage-cards p{font-size:11px;line-height:1.8;color:#728087}
.feature-split{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--champ);min-height:260px}.feature-split>div:first-child{padding:28px}.feature-split h2,.forum-band h2{font:30px/1.4 var(--serif);color:var(--blue)}.feature-split p,.forum-band p{font-size:12px;line-height:1.9;color:#6e7a80}.feature-split a,.style-show a,.rule-band a{font-size:11px;color:var(--berry);font-weight:bold}.split-img{width:100%;height:100%;min-height:260px;object-fit:cover}.lavender{background:var(--lav)}.gallery{display:grid;grid-template-columns:1.2fr .8fr;background:var(--mist)}.gallery-img{height:220px;width:100%;object-fit:cover}.gallery>div{padding:25px;align-self:center}.gallery h3{font:24px var(--serif);color:var(--blue)}.gallery p{font-size:11px;line-height:1.8}.rule-band{padding:25px;background:var(--blue);color:white}.rule-band h2{font:25px var(--serif)}.rule-band p{font-size:12px;color:#d4e0e2}.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.picks article{padding:18px;background:white;border:1px solid var(--line)}.picks article:nth-child(2){background:var(--berry2)}.picks article:nth-child(3){background:var(--mist)}.picks small{font-size:9px;color:var(--copper)}.picks h3{font:18px/1.5 var(--serif);color:var(--blue)}.picks p{font-size:11px;line-height:1.8}.picks article>a{font-size:10px;color:var(--berry)}.forum-band{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;padding:25px;background:var(--deep);color:white}.forum-band h2{color:white}.forum-band .topic-row{border-bottom:1px solid #ffffff25;padding:9px 0}.forum-band .topic-row small,.forum-band .topic-row p{color:#c6d4d6}.forum-band .topic-row h3{font:14px var(--serif)}.closing{text-align:center;background:var(--berry);color:white;margin-top:45px;padding:23px}.closing small{font-size:9px;letter-spacing:.17em}.closing p{font:18px var(--serif)}.closing a{font-size:11px;color:#f9dce0}
.pagehero{padding:38px;margin-bottom:30px;position:relative;overflow:hidden}.pagehero h1{font:clamp(34px,4vw,48px) var(--serif);color:var(--deep);margin:10px 0}.pagehero p{font-size:12px;max-width:650px;color:#65737a}.pagehero:after{content:"";position:absolute;right:-30px;top:-60px;width:210px;height:210px;border:1px solid #174c5920;border-radius:50%;box-shadow:0 0 0 25px #ffffff22,0 0 0 50px #ffffff18}.blue{background:var(--blue2)}.berry{background:var(--berry2)}.mist{background:var(--mist)}.pagehero.lavender{background:var(--lav)}
.detail{background:white;border:1px solid var(--line);padding:28px}.detail h2{font:22px var(--serif);color:var(--blue);margin-top:25px}.detail p,.detail li{font-size:13px;line-height:2}.pill{display:inline-block;padding:4px 10px;border-radius:20px;background:var(--berry2);color:var(--berry);font-size:10px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.facts p{padding:12px;background:var(--paper);font-size:11px}.event-row{display:grid;grid-template-columns:55px 1fr 30px;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.event-row>b{font:28px var(--serif);color:#c5d5d8}.event-row h3{font:19px var(--serif);color:var(--blue);margin:5px 0}.event-row p{font-size:11px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.steps article{background:white;border-top:2px solid var(--copper);padding:16px}.steps b{font:24px var(--serif);color:#d5b5b3}.steps h3{font:16px var(--serif);color:var(--blue)}.steps p{font-size:11px}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.people a{background:white;border:1px solid var(--line);padding-bottom:12px}.person-img{width:100%;height:210px;object-fit:cover}.people small,.people h3,.people p{margin-left:12px}.people small{font-size:9px;color:var(--copper)}.people h3{font:16px var(--serif);color:var(--blue)}.people p{font-size:10px}.profile{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px}.profile-img{width:100%;height:420px;object-fit:cover}.profile h2{font:30px var(--serif);color:var(--blue)}.profile b{color:var(--berry);font-size:12px}.profile p,.profile li{font-size:12px;line-height:1.9}.stage-cards{grid-template-columns:1fr 1fr}.stage-cards .stage-img{height:180px}.style-show{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px;align-items:center}.style-show h2{font:28px var(--serif);color:var(--blue)}.style-show p{font-size:12px;line-height:1.9}.style-img{width:100%;height:260px;object-fit:cover}.detail .lead{font:20px/1.8 var(--serif);color:var(--blue)}.tags{display:flex;gap:12px;color:var(--berry);font-size:10px;border-top:1px solid var(--line);padding:15px 0}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.chips a{background:white;border:1px solid var(--line);padding:6px 10px;border-radius:20px;font-size:10px}.chips a.active,.chips a:hover{background:var(--blue);color:white}.filter{display:flex;gap:8px;padding:12px;background:white;border:1px solid var(--line);margin-bottom:15px}.filter label{font-size:11px;align-self:center}.filter input{flex:1;min-width:0;border:0;outline:0}.filter button{background:var(--blue);color:white;border:0;padding:8px 14px;font-size:11px}.topic-list{display:grid}.topic-row{padding:16px 5px;border-bottom:1px solid var(--line)}.topic-row small{font-size:9px;color:#99a3a8}.topic-row h3{font:18px var(--serif);color:var(--blue);margin:4px 0}.topic-row p{font-size:11px;line-height:1.8;color:#748087;margin:0}.pagination{display:flex;justify-content:center;gap:6px;padding:20px}.pagination a{background:white;border:1px solid var(--line);padding:5px 11px;font-size:11px}.pagination a.active{background:var(--blue);color:white}.rules{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rules article{display:flex;gap:14px;background:white;border:1px solid var(--line);padding:18px}.rules b{font:27px var(--serif);color:#d3b1af}.rules h3{font:17px var(--serif);color:var(--blue);margin:0}.rules p{font-size:11px;line-height:1.9}.about-mark{background:var(--blue);color:white;display:grid;place-content:center;text-align:center;font:italic 30px/1.4 var(--serif);letter-spacing:.12em}.notfound{text-align:center;padding:70px 15px}.notfound strong{display:block;font:100px var(--serif);color:#d5e1e3}.notfound strong span{color:var(--berry)}.footer{max-width:1360px;margin:auto;border-top:1px solid var(--line);padding:20px 28px 90px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.footer strong{font:17px var(--serif);color:var(--blue)}.footer span,.footer small{font-size:10px;color:#879398}.footer nav{margin-left:auto;display:flex;gap:16px;font-size:10px}.footer small{width:100%}.mobile-nav{display:none}.backdrop{display:none}
@media(max-width:1180px){.shell{grid-template-columns:175px minmax(0,1fr)}.right{display:none}}
@media(max-width:820px){.topbar{height:64px;padding:0 16px}.brand small{display:none}.top-actions input{width:140px}.menu-toggle{display:block}.shell{display:block;padding:15px 17px 35px}.left{position:fixed;z-index:80;left:0;top:0;bottom:0;width:min(290px,85vw);background:white;padding:25px 18px;transform:translateX(-105%);transition:.25s;overflow:auto}.left.open{transform:translateX(0)}.backdrop.visible{display:block;position:fixed;inset:0;background:#10282e70;z-index:70}.right{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:60;bottom:0;left:0;right:0;background:#fffffff2;border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom));text-align:center}.mobile-nav a{display:grid;font-size:17px;color:var(--blue)}.mobile-nav small{font-size:10px;color:#66747a}.footer{padding:20px 17px 85px}}
@media(max-width:560px){.shell{padding:12px}.topbar{padding:0 12px}.brand>b{width:34px;height:34px}.brand strong{font-size:14px}.top-actions input{width:100px;font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:26px 20px}.hero h1{font-size:39px}.hero-art{min-height:240px}.hero-img{min-height:240px}.section{margin-top:38px}.heading{align-items:flex-start;flex-direction:column;gap:4px}.heading h2{font-size:25px}.cats{grid-template-columns:1fr 1fr;gap:7px}.cat{min-height:140px;padding:11px}.cat strong{font-size:14px}.cat span{font-size:9px}.events{grid-template-columns:1fr}.portraits{grid-template-columns:1fr 1fr;grid-template-rows:190px 140px 140px}.portraits a:first-child{grid-row:span 2}.portraits a:nth-child(4){grid-column:2;grid-row:3}.stage-grid,.stage-cards{grid-template-columns:1fr}.stage-grid article:first-child{grid-row:auto}.stage-grid article:first-child .stage-img{height:220px;min-height:0}.feature-split,.forum-band,.gallery,.profile,.style-show{grid-template-columns:1fr}.split-img{min-height:220px}.gallery-img{height:190px}.picks{grid-template-columns:1fr}.pagehero{padding:28px 20px}.pagehero h1{font-size:35px}.facts,.steps,.people,.rules{grid-template-columns:1fr 1fr}.profile-img{height:330px}.style-img{height:220px}.filter{flex-wrap:wrap}.filter label{width:100%}.filter input{width:100%;height:32px;flex:auto}.filter button{width:100%}.event-row{grid-template-columns:38px 1fr 22px}.event-row h3{font-size:16px}.detail{padding:20px}.rules{grid-template-columns:1fr}.footer{padding:18px 12px 85px}.footer nav{margin-left:0}.closing p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
