:root{--yuan-ground: #f5f5f5;--yuan-text-color: #333;--yuan-text-color-second: #666;--yuan-placeholder: #ccc;--yuan-footer-bg: #2d2d2d;--yuan-footer-text: #e0e0e0;--animate-duration: .28s}html{scroll-behavior:smooth}body{min-width:1250px;background-color:var(--yuan-ground);color:var(--yuan-text-color);font-size:15px;font-family:krypton}*{box-sizing:border-box}img{object-fit:cover}a,a:hover,a:link,a:visited{color:inherit;text-decoration:none;transition:.3s all}.container{width:1200px;margin:0 auto;padding:20px 0}.container-flow{width:93%;margin:50px 3%}@media screen and (max-width:768px){body{min-width:300px}.container{width:95%;padding:20px 2.5%}}.ch{padding:50px 0}.ch .ch-title{font-size:32px;font-family:Syncopate Bold}.ch .ch-title p.desc{color:var(--yuan-text-color-second);font-size:14px}.placeholder-block{background-color:var(--yuan-placeholder);color:var(--yuan-text-color-second);display:flex;align-items:center;justify-content:center;min-height:80px;border-radius:4px}.btn{display:inline-block;padding:10px 20px;border-radius:4px;font-size:14px}.btn.btn-placeholder{background-color:var(--yuan-placeholder);color:#fff}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;border-bottom:1px solid transparent;transition:background .35s ease,border-color .35s ease,color .35s ease}.site-header .header-inner{display:flex;justify-content:space-between;align-items:center;position:relative}.site-header .logo,.site-header .nav-links a{color:#fffffff2;transition:color .35s ease}.site-header .nav-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:0;border:none;background:transparent;cursor:pointer;color:#fffffff2;transition:.3s all}.site-header .nav-toggle .nav-toggle-bar{display:block;width:22px;height:2px;background:currentColor;border-radius:1px;transition:.3s transform,.3s opacity}.site-header .nav-links{display:flex;gap:28px}.site-header.scrolled{background:#fff;border-bottom-color:var(--yuan-placeholder);box-shadow:0 2px 12px #0000000f}.site-header.scrolled .logo,.site-header.scrolled .nav-links a,.site-header.scrolled .nav-toggle{color:var(--yuan-text-color)}@media screen and (max-width:768px){.site-header .header-inner{flex-wrap:wrap}.site-header .nav-toggle{display:flex;order:2}.site-header .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:12px 0 20px;border-bottom:1px solid transparent;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.site-header .nav-links a{display:block;padding:14px 5%;font-size:16px;border-bottom:1px solid transparent;transition:color .35s ease,border-color .35s ease}.site-header .nav-links a:last-child{border-bottom:none}.site-header:not(.scrolled).menu-open .nav-links{background:#000000e0;border-bottom-color:#ffffff1f;box-shadow:0 12px 24px #00000040}.site-header:not(.scrolled).menu-open .nav-links a{color:#fffffff2;border-bottom-color:#ffffff1a}.site-header.scrolled.menu-open .nav-links{background:#fff;border-bottom-color:var(--yuan-placeholder);box-shadow:0 8px 16px #00000014}.site-header.scrolled.menu-open .nav-links a{color:var(--yuan-text-color);border-bottom-color:#0000000f}.site-header.menu-open .nav-toggle .nav-toggle-bar:nth-child(1){transform:translateY(4px) rotate(45deg)}.site-header.menu-open .nav-toggle .nav-toggle-bar:nth-child(2){opacity:0}.site-header.menu-open .nav-toggle .nav-toggle-bar:nth-child(3){transform:translateY(-4px) rotate(-45deg)}.site-header.menu-open .nav-links{display:flex}}.hero{width:100%;overflow:hidden}.hero .hero-video-wrap{width:100%;aspect-ratio:16/9;min-height:320px;max-height:80vh;position:relative;background:var(--yuan-placeholder)}.hero .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.focus-event{background:#fff}.focus-event .focus-event-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.focus-event .focus-event-left{flex:1}.focus-event .event-title{font-size:28px;margin:0 0 12px}.focus-event .event-meta{margin:0 0 8px;color:var(--yuan-text-color-second)}.focus-event .event-actions{display:flex;gap:12px;margin-top:20px}.focus-event .focus-event-right .ch-title{margin:0}.characters .character-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.characters .character-card{text-align:center}.characters .character-card .placeholder-block{min-height:280px;margin-bottom:16px}.characters .character-card .character-name{font-size:18px;margin:0}.carousel-section .carousel-placeholder{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.carousel-section .placeholder-tile{flex:1;min-width:140px;height:100px;background-color:var(--yuan-placeholder);border-radius:4px;display:block}.carousel-section .player-photo-tile{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:var(--yuan-placeholder)}.carousel-section .player-photo-image{width:100%;height:100%;object-fit:cover;display:block}.about-section{background:#fff}.about-section .about-desc{margin:16px 0 0;color:var(--yuan-text-color-second)}.history-section .history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.history-section .history-card{background:#fff;padding:0;border-radius:4px;overflow:hidden}.history-section .history-card .card-image-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--yuan-placeholder)}.history-section .history-card .card-image{width:100%;height:100%;object-fit:cover;display:block}.history-section .history-card .card-image-wrap .placeholder-block{width:100%;height:100%;min-height:0;border-radius:0}.history-section .history-card h4{margin:16px 16px 8px;font-size:18px}.history-section .history-card .card-location{margin:0 16px;font-size:14px;color:var(--yuan-text-color-second)}.history-section .history-card .card-desc{margin:12px 16px 20px;font-size:13px;color:var(--yuan-text-color-second);line-height:1.5}.history-section .history-actions{margin-top:28px;text-align:center}@media screen and (max-width:768px){.history-section .history-grid{grid-template-columns:1fr;gap:16px}}.site-footer{background-color:var(--yuan-footer-bg);color:var(--yuan-footer-text);padding-top:48px}.site-footer a{color:var(--yuan-footer-text)}.site-footer .footer-inner{display:flex;flex-wrap:wrap;gap:40px 48px}.site-footer .footer-col{min-width:120px}.site-footer .footer-col h4{font-size:14px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.site-footer .footer-col ul{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.8}.site-footer .footer-logo .logo-placeholder{width:80px;height:40px;min-height:40px;background:#fff3}.site-footer .footer-social .social-icons{display:flex;gap:12px;margin-top:8px}.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding:20px 0}.site-footer .copyright{margin:0;text-align:center;font-size:13px;color:var(--yuan-footer-text);opacity:.8}html,body{margin:0;width:100%;min-height:100%}