@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap";body,#app{width:100vw;height:100vh;padding:0;margin:0;font-family:Noto Sans SC,sans-serif}.home-container{min-height:100vh;background:#fff;color:#333}.hero-section{padding:50px 0 40px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.hero-content{text-align:left}.hero-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#ffffffe6;border-radius:12px;box-shadow:0 4px 20px #00000014}.logo-section{display:flex;align-items:center;justify-content:center}.hero-logo{height:60px;width:auto;filter:drop-shadow(0 2px 8px rgba(165,70,155,.2))}.hero-text{flex:1}.hero-title{font-size:2.2rem;font-weight:700;margin:0 0 .5rem;color:#333;line-height:1.2;display:flex;align-items:center;gap:.5rem}.title-logo{height:2.2rem;width:auto;filter:drop-shadow(0 2px 8px rgba(165,70,155,.2))}.inline-logo{height:1em;width:auto;vertical-align:middle;margin:0 .1em}.hero-subtitle{font-size:1.1rem;margin:0;color:#666;line-height:1.4}.join-buttons{display:flex;gap:1rem;flex-wrap:wrap}.join-btn{display:inline-flex;align-items:center;gap:.5rem;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer}.join-btn.primary{background:#a5469b;color:#fff}.join-btn.primary:hover{background:#8a3d7f;transform:translateY(-2px);box-shadow:0 4px 12px #a5469b4d}.btn-icon{font-size:1.125rem}.btn{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.btn-primary{background:#a5469b;color:#fff}.btn-primary:hover{background:#8a3d7f;transform:translateY(-2px);box-shadow:0 4px 12px #a5469b66}.btn-secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-small{padding:8px 16px;font-size:.875rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.schedule-section,.about-section{padding:30px 0;background:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-title{font-size:1.75rem;font-weight:700;color:#333;margin:0;line-height:1.2}.schedule-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid #a5469b;background:transparent;color:#a5469b;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn.active,.filter-btn:hover{background:#a5469b;color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #a5469b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 0;color:#666}.empty-state p{font-size:1.125rem}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.schedule-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;cursor:pointer}.schedule-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.card-image{position:relative;height:160px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.schedule-card:hover .card-image img{transform:scale(1.05)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:flex-start;justify-content:flex-end;padding:1rem}.live-status{padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:600;color:#fff}.live-status.upcoming{background:#ff9800}.live-status.live{background:#f44336;animation:pulse 2s infinite}.live-status.ended{background:#9e9e9e}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.card-content{padding:1rem}.card-title{font-size:.95rem;font-weight:700;margin-bottom:.25rem;color:#333;line-height:1.3}.card-time{color:#666;font-size:.8rem;margin-bottom:.5rem;line-height:1.2}.card-description{color:#555;font-size:.875rem;line-height:1.6;margin-bottom:1rem}.card-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.archive-links{display:flex;gap:.5rem}.archive-link{color:#a5469b;text-decoration:none;font-size:.875rem;font-weight:500}.archive-link:hover{text-decoration:underline}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:center}.about-text p{font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#555}.feature-list{list-style:none;padding:0}.feature-list li{font-size:1rem;line-height:1.6;margin-bottom:.25rem;color:#555}.about-image img{width:100%;border-radius:12px;box-shadow:0 4px 20px #0000001a}.watch-btn{background:#a5469b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.watch-btn:hover{background:#8a3d7f;transform:translateY(-1px)}.footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#ecf0f1;padding:1rem 0;border-top:1px solid #34495e}.footer-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.footer-logo{display:flex;align-items:center}.footer-text{font-size:1.2rem;font-weight:600;color:#ecf0f1;display:flex;align-items:center;gap:.3rem}.footer-text .inline-logo{height:1.5rem;filter:brightness(0) invert(1)}.footer-links{display:flex;gap:2rem;justify-content:center}.footer-link{color:#bdc3c7;text-decoration:none;font-weight:500;transition:color .3s ease;padding:.5rem 1rem;border-radius:6px;background:#ffffff1a}.footer-link:hover{color:#ecf0f1;background:#fff3}.footer-copyright{text-align:right}.footer-copyright p{margin:0;font-size:.9rem;color:#95a5a6;display:flex;align-items:center;gap:.2rem}.footer-copyright .inline-logo{height:1rem;filter:brightness(0) invert(1)}@media (max-width: 768px){.hero-content{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-header{flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1rem}.hero-title{font-size:1.6rem;gap:.4rem;justify-content:center;width:auto}.logo-section{display:flex;align-items:center;justify-content:center}.hero-logo{height:50px}.hero-title{font-size:1.6rem;gap:.4rem}.title-logo{height:1.6rem}.hero-subtitle{font-size:1rem}.join-btn{padding:10px 20px;font-size:.9rem}.join-buttons{flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:400px;gap:.75rem}.section-header{flex-direction:column;align-items:flex-start}.section-title{font-size:1.4rem}.schedule-grid{grid-template-columns:1fr;gap:1rem}.about-content{grid-template-columns:1fr;gap:1.5rem}.schedule-filters{gap:.5rem}.filter-btn{padding:8px 16px;font-size:.875rem}.footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-links{justify-content:center}.footer-copyright{text-align:center}}@media (max-width: 480px){.container{padding:0 1rem}.hero-section{padding:30px 0 20px}.hero-header{padding:.75rem}.logo-section{display:flex;align-items:center;justify-content:center}.hero-logo{height:45px}.hero-title{font-size:1.4rem;gap:.3rem}.title-logo{height:1.4rem}.schedule-section,.about-section{padding:30px 0}.card-content{padding:.75rem}.card-actions{flex-direction:column;align-items:stretch}.footer-content{gap:1rem}.footer-links{flex-direction:column;gap:.5rem}}.showOver{color:#da3a3a;font-weight:700}.chooseLine{padding:0 0 20px 12px}.guildIconBox{width:119px;height:119px;position:relative;cursor:pointer}.guildIcon{width:119px;height:119px;border-radius:20px;position:absolute;transition:all .3s ease-in-out}.guildInfo{flex:3}.guild{display:flex;gap:15px;height:119px;max-width:400px;margin-top:10px}.guildDescription{margin:5px 0}.guildName{font-size:20px;font-weight:700;font-family:Roboto,Arial,sans-serif;margin:5px 0}.main{height:calc(100% - 44px);color:#3c4043}.header{width:calc(100% - 40px);border-top:4px solid #a5469b;position:relative;box-shadow:0 4px 6px #dadada4d;z-index:9999;height:18px;padding:7px 20px 15px;background-color:#fff}#dplayer{width:100%}.notice{background-color:#fcfafa;padding:12px;line-height:24px;font-size:15px;border-top:1px solid rgba(60,64,67,.1)}.showName{font-family:Roboto,Arial,sans-serif;font-size:20px;line-height:25px;font-weight:700;padding:20px 12px;background-color:#fff;background-clip:padding-box;margin:0}.buttonGroup{display:flex;gap:8px}@media only screen and (min-width: 1024px){.player{flex:7;padding:15px}.main{display:flex}.notice{border-left:1px solid rgba(60,64,67,.1);flex:3;padding:24px 12px}}@media only screen and (max-width: 1023px){.player{width:100%}#app{background-color:#fcfafa}}