@font-face{font-family:Brush;src:url('../../assets/fonts/MaShanZheng-Regular.ttf');font-display:swap}:root{--gold:#cbb17c;--paper:#f4e9d0;--jade:#173e33;--ink:#244337}*{box-sizing:border-box}body{margin:0;background:#102a23;color:var(--paper);font-family:'Songti SC','STSong',serif;overflow:hidden}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #fae6a8;outline-offset:5px}[hidden]{display:none!important}#stage{position:absolute;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;background:linear-gradient(90deg,#13382bb0 0%,#163b32ee 34%,#183d34f5 100%),url('../../assets/backgrounds/2-15.png') center/cover}#stage:before{content:'';position:absolute;inset:20px;border:1px solid #ccb27b77;pointer-events:none;z-index:5}header{height:116px;margin:0 64px;border-bottom:1px solid #c4a46877;display:flex;align-items:center;justify-content:space-between;font-size:21px;letter-spacing:3px}header a{color:#e9d6aa;text-decoration:none;font-size:26px}header a span{font:17px 'PingFang SC',sans-serif;color:#c3c4ab;letter-spacing:0;margin-left:16px}header>span{color:#aebba2;font-size:19px}header button{color:var(--paper);background:none;border:1px solid #bba06c77;padding:13px 22px;font-size:20px}header b{margin-left:18px;color:var(--gold)}#home{display:grid;grid-template-columns:450px 1fr;gap:56px;padding:35px 76px 0;height:925px}.intro{position:relative;padding:30px 10px 0 20px;border-right:1px solid #baa17055}.kicker{font-size:20px;letter-spacing:6px;color:#d7bd80}.intro h1{font:112px/1.2 Brush,serif;letter-spacing:17px;margin:34px 0 28px;text-shadow:0 5px 24px #092a24}.intro h1 span{display:block;font:27px 'Songti SC',serif;letter-spacing:8px;margin-top:22px;color:#e2cba0}.red-seal{position:absolute;top:226px;right:78px;border:2px solid #e6bd86;background:#8d4936;padding:12px 8px;font:25px/1.1 Brush;transform:rotate(-7deg);box-shadow:4px 5px 0 #102a2377}.intro p{font-size:25px;line-height:2.05;color:#ecdfbd}.intro-rule{width:76px;border-top:3px double #c9ab70;margin:26px 0}.intro .intro-small{font-size:21px;line-height:1.95;color:#cbd0b6;max-width:345px}.intro-bottom{position:absolute;bottom:30px;left:20px;font-size:23px;letter-spacing:3px}.intro-bottom small{display:block;font:13px 'PingFang SC';margin-top:17px;color:#b5b9a3;letter-spacing:1px}.catalog{padding:2px 14px}.catalog-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.catalog-head small{font:13px 'PingFang SC';letter-spacing:4px;color:#bfa671}.catalog-head h2{font:41px Brush;margin:12px 0 0;letter-spacing:5px}.catalog-head>span{font-size:18px;color:#c2c7ab;padding-bottom:7px}#filters{display:flex;gap:14px;margin-bottom:26px;border-bottom:1px solid #bc9d6466;padding-bottom:17px}#filters button{position:relative;background:#193d32;border:1px solid #b3976377;color:#cdd2bb;padding:13px 24px;font-size:21px;letter-spacing:2px;transition:.2s}#filters button.active{background:#dbc594;color:#254436;border-color:#e6d3a3;box-shadow:0 3px 0 #8e784b}#filters small{font-size:15px;margin-left:12px;opacity:.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:318px;gap:26px 24px;min-height:662px;align-content:start}.folk-card{position:relative;color:#eddcb7;border:1px solid #b69a67;background:linear-gradient(145deg,#315243ed,#16392fed);box-shadow:7px 8px 0 #0c281f99,inset 0 0 32px #091f1940;padding:20px 20px 18px;text-align:center;overflow:hidden;transition:transform .25s,background .25s,box-shadow .25s;animation:arrive .35s both}.folk-card:before{content:'';position:absolute;inset:8px;border:1px solid #c3a67066;pointer-events:none}.folk-card:after{content:'◆';position:absolute;top:0;right:12px;color:#d5b375;font-size:18px}.folk-card:hover,.folk-card:focus-visible{transform:translateY(-5px);background:linear-gradient(145deg,#47634d,#1c4435);box-shadow:8px 13px 0 #0c281faa,0 0 30px #ceb46f22}.card-meta{display:flex;justify-content:space-between;align-items:center;font:14px 'PingFang SC';letter-spacing:2px;color:#bdae87}.card-meta small{font:15px 'Songti SC';letter-spacing:1px}.icon{width:118px;height:112px;display:block;margin:14px auto 6px;color:#dfc68e;filter:drop-shadow(0 3px 0 #112d22)}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.folk-card strong{font:34px Brush;letter-spacing:2px;display:block;margin:8px 0 11px}.folk-card p{font-size:17px;color:#c5ceb5;margin:0}.card-line{display:block;border-top:1px solid #bfa16b55;max-width:78px;margin:18px auto 0}.catalog footer{display:flex;justify-content:space-between;font-size:16px;letter-spacing:2px;color:#bfcaaf;margin-top:25px}.catalog footer span{color:#c3ab76}#detail{position:absolute;inset:0;background:#09251cd9;z-index:8;padding:60px 76px;backdrop-filter:blur(12px)}.detail-shell{height:100%;background:linear-gradient(135deg,#f6eedb,#e9d9b7);color:var(--ink);border:7px double #a18753;box-shadow:0 35px 90px #071d17;padding:20px 38px;display:flex;flex-direction:column;animation:arrive .3s}.detail-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ae925d;padding:0 0 16px;color:#786036;font-size:22px}.detail-top button,.detail-foot button,.gallery-controls button{background:transparent;border:1px solid #ad915e;color:#2d4e3b;padding:12px 23px;font-size:21px}.detail-grid{display:grid;grid-template-columns:43% 57%;flex:1;min-height:0;padding:28px 0;gap:0}.story{padding:5px 42px 0 0;overflow:auto}.story>small{font-size:18px;letter-spacing:3px;color:#8d7142}.story h2{font:52px/1.2 Brush;margin:19px 0;color:#234a35}.story>p{font-size:24px;line-height:1.75;padding-bottom:19px;border-bottom:1px solid #b7a271}.story section{margin-top:22px}.story h3{font-size:24px;font-weight:600;color:#725735;margin:0 0 8px}.story section p{font-size:21px;line-height:1.9;margin:0;color:#3c5040}.gallery{padding-left:32px;border-left:1px solid #b5a277;display:flex;flex-direction:column;min-height:0}.gallery #open-image{border:1px solid #bfa574;background:#d8ccb0;position:relative;flex:1;min-height:0;max-height:530px;padding:12px;width:100%}#photo{width:100%;height:100%;object-fit:contain}#open-image span{position:absolute;bottom:20px;right:20px;background:#163d31e6;color:#ebd6a6;padding:12px 20px;font-size:18px}.gallery-controls{display:flex;align-items:center;gap:14px;margin:18px 0;font-size:18px}.gallery-controls p{flex:1;margin:0}#page-number{font:16px 'PingFang SC';color:#876c42}#thumbs{display:flex;gap:14px}#thumbs button{width:130px;height:87px;padding:5px;background:#ddd0b1;border:1px solid #af9560}#thumbs button.selected{border:3px solid #335744;background:#efe5cb}#thumbs img{width:100%;height:100%;object-fit:contain}#song-note{margin-top:15px;font-size:19px;color:#775d32}#song-note span{font-size:16px;margin-left:14px;color:#5a6750}.detail-foot{border-top:1px solid #ae925d;padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:23px;color:#836a3e}.detail-foot span{letter-spacing:3px}#viewer{position:absolute;inset:0;background:#071c16f7;z-index:12;display:flex;flex-direction:column;padding:40px 65px;animation:arrive .2s}.viewer-top{display:flex;justify-content:space-between;align-items:center;font-size:24px}.viewer-top button,.viewer-controls button{background:#264739;border:1px solid #ba9c65;color:#e6d6b3;padding:13px 26px;font-size:22px}#image-area{flex:1;min-height:0;overflow:hidden;display:grid;place-items:center;margin:25px 0;touch-action:none;cursor:grab}#large-image{max-width:95%;max-height:100%;object-fit:contain;user-select:none;transform-origin:center;pointer-events:none}.viewer-controls{display:flex;justify-content:center;gap:20px;align-items:center}.viewer-controls output{font:22px 'PingFang SC';width:85px;text-align:center}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.intro h1{font-size:100px;margin:26px 0 24px}.intro p{font-size:24px;line-height:1.85}.intro .intro-small{font-size:20px;line-height:1.8}.intro-bottom{bottom:36px}.cards{grid-auto-rows:308px;min-height:642px}.folk-card{background-image:repeating-linear-gradient(45deg,transparent 0 12px,#c5ae7605 12px 13px),linear-gradient(145deg,#315243ed,#16392fed)}