.app{min-height:100vh;background:#1a1a1a}.navbar{background:#2d2d2d;border-bottom:1px solid #404040;padding:0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0000004d}.navbar-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;flex-wrap:nowrap;white-space:nowrap}.navbar-left{flex:0 0 auto;white-space:nowrap}.logo-button{background:none;border:none;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;padding:.5rem 1rem;transition:color .2s;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.logo-button:hover{color:#b0b0b0}.logo-icon{font-size:1.5rem;display:inline-block;transition:transform .3s ease}.logo-button:hover .logo-icon{transform:rotate(15deg) scale(1.1)}.navbar-center{display:flex;gap:1.5rem;flex:0 1 auto;justify-content:center;flex-wrap:nowrap;white-space:nowrap}.nav-link{background:none;border:none;color:#b0b0b0;font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;transition:color .2s;position:relative;white-space:nowrap;flex-shrink:0}.nav-link:hover{color:#fff}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:#fff;transition:width .3s}.nav-link:hover:after{width:80%}.nav-link-wrapper{position:relative;display:inline-block}.newbie-guide-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem 2rem 2rem;margin-top:0;display:flex;gap:2rem;min-width:800px;box-shadow:0 4px 20px #00000080;z-index:1001;animation:fadeIn .2s ease-in-out}.newbie-guide-dropdown:before{content:"";position:absolute;top:-.5rem;left:-50%;right:-50%;height:.5rem;background:transparent}.features-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem 1rem 1rem;margin-top:0;display:flex;flex-direction:column;gap:.5rem;min-width:180px;box-shadow:0 4px 20px #00000080;z-index:1001;animation:fadeIn .2s ease-in-out}.features-dropdown:before{content:"";position:absolute;top:-.5rem;left:-50%;right:-50%;height:.5rem;background:transparent}.announcements-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1rem;margin-top:0;min-width:350px;max-width:500px;max-height:500px;overflow-y:auto;box-shadow:0 4px 20px #00000080;z-index:1001;animation:fadeIn .2s ease-in-out}.announcements-dropdown:before{content:"";position:absolute;top:-.5rem;left:-50%;right:-50%;height:.5rem;background:transparent}.announcements-header{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #404040;text-align:center}.announcements-list{display:flex;flex-direction:column;gap:.75rem}.announcement-dropdown-item{padding:.75rem;background:#1a1a1a;border-radius:6px;border-left:3px solid #4ecdc4;transition:all .2s;cursor:pointer}.announcement-dropdown-item:hover{background:#252525;border-left-color:#45b7d1;transform:translate(3px)}.announcement-dropdown-date{color:gray;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.announcement-dropdown-title{color:#fff;font-size:.95rem;font-weight:500;line-height:1.4}.announcements-loading,.announcements-empty{text-align:center;color:#b0b0b0;padding:2rem;font-size:.95rem}@media (max-width: 768px){.announcement-modal-overlay{padding:1rem}.announcement-modal{max-width:100%;max-height:95vh}.announcement-modal-header{padding:1.5rem}.announcement-modal-title{font-size:1.4rem}.announcement-modal-close{font-size:2rem;width:35px;height:35px}.announcement-modal-date{padding:.75rem 1.5rem;font-size:.9rem}.announcement-modal-content{padding:1.5rem;font-size:1rem}.announcement-video-container{margin-bottom:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dropdown-column{flex:1;display:flex;flex-direction:column;gap:.5rem}.dropdown-category{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #404040}.dropdown-item{color:#b0b0b0;font-size:.9rem;padding:.5rem .75rem;cursor:pointer;border-radius:4px;transition:all .2s}.dropdown-item:hover{color:#fff;background:#404040}.navbar-right{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;white-space:nowrap;gap:1rem}.member-info{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#2d2d2d;border:1px solid #404040;border-radius:6px;margin-right:.5rem}.member-id{color:#b0b0b0;font-size:.9rem;font-weight:500}.member-name{color:#fff;font-size:1rem;font-weight:600}.admin-button{background:#404040;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.admin-button:hover{background:#505050;transform:translateY(-1px);box-shadow:0 2px 8px #ffffff1a}.admin-button:active{transform:translateY(0)}.member-center-button{background:#fff;color:#1a1a1a;border:none;padding:.6rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.member-center-button:hover{background:#e0e0e0;transform:translateY(-1px);box-shadow:0 2px 8px #fff3}.member-center-button:active{transform:translateY(0)}.home{min-height:calc(100vh - 80px);background:linear-gradient(180deg,#0a0a0a,#1a1a1a);padding:0}.hero-section{width:100%;min-height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden;padding:4rem 2rem}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/index.png) center/cover no-repeat;opacity:.15;z-index:0}.hero-content{max-width:1200px;width:100%;text-align:center;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:700;color:#fff;margin:0 0 1.5rem;text-shadow:2px 2px 8px rgba(0,0,0,.5);line-height:1.2;animation:fadeInUp .8s ease-out}.hero-subtitle{font-size:1.8rem;color:gold;margin:0 0 3rem;font-weight:600;text-shadow:1px 1px 4px rgba(0,0,0,.5);animation:fadeInUp .8s ease-out .2s both}.hero-buttons{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem;animation:fadeInUp .8s ease-out .4s both}.hero-btn-primary{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;font-size:1.5rem;font-weight:700;padding:1.2rem 3rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #ff6b6b66;text-transform:none}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ff6b6b99;background:linear-gradient(135deg,#ff5252,#e53935)}.hero-buttons-secondary{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.hero-btn-secondary{background:#ffffff1a;color:#fff;font-size:1.1rem;font-weight:600;padding:.9rem 2rem;border:2px solid rgba(255,255,255,.3);border-radius:30px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.hero-status-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;color:#b0b0b0;font-weight:500;animation:fadeInUp .8s ease-out .6s both}.status-divider{color:#666;margin:0 .5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.carousel-section{width:100%;padding:0;background:#0a0a0a;position:relative}.carousel-container{position:relative;width:100%;max-width:1400px;margin:0 auto;overflow:hidden}.carousel-wrapper{position:relative;width:100%;height:800px;overflow:hidden}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out;z-index:1}.carousel-slide.active{opacity:1;z-index:2}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10;background:#0000004d;padding:10px 15px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.carousel-indicator:hover{background:#ffffff4d;border-color:#fffc}.carousel-indicator.active{background:#fff;border-color:#fff;width:30px;border-radius:6px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:3rem;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1;padding:0}.carousel-btn:hover{background:#000000b3;border-color:#fff9;transform:translateY(-50%) scale(1.1)}.carousel-btn:active{transform:translateY(-50%) scale(.95)}.carousel-btn-prev{left:20px}.carousel-btn-next{right:20px}.features-section{padding:5rem 2rem;max-width:1400px;margin:0 auto;background:#1a1a1a}.features-title{font-size:2.5rem;color:#fff;text-align:center;margin:0 0 3rem;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:linear-gradient(135deg,#2d2d2d,#1f1f1f);border:2px solid #404040;border-radius:20px;padding:2.5rem 2rem;text-align:center;transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#f9ca24);transform:scaleX(0);transition:transform .4s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 16px 40px #00000080;border-color:#666}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{font-size:4rem;margin-bottom:1rem;display:block}.feature-label{font-size:.9rem;color:gold;margin:0 0 .5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.feature-name{font-size:1.5rem;color:#fff;margin:0 0 1rem;font-weight:700}.feature-description{color:#b0b0b0;font-size:1rem;line-height:1.6;margin:0}.info-section{padding:5rem 2rem;background:#0f0f0f}.info-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}.server-info-card,.promise-card{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:2.5rem;transition:all .3s ease;overflow:hidden}.server-info-card:hover,.promise-card:hover{border-color:#555;box-shadow:0 8px 24px #0000004d}.info-card-title{font-size:1.8rem;color:#fff;margin:0 0 1.5rem;font-weight:700;border-bottom:2px solid #404040;padding-bottom:1rem}.server-info-list{display:flex;flex-direction:column;gap:1.2rem}.server-info-item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1rem}.announcements-card-list{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto;overflow-x:hidden}.announcement-card-item{padding:1.2rem;background:#0f0f0f;border-radius:12px;border-left:4px solid #4ecdc4;transition:all .3s ease;cursor:pointer;overflow:hidden;word-wrap:break-word;word-break:break-word}.announcement-card-item:hover{background:#252525;border-left-color:#45b7d1;transform:translate(3px)}.announcement-card-date{color:gray;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.announcement-card-title{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.4;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.announcements-card-loading,.announcements-card-empty{text-align:center;color:#b0b0b0;padding:2rem;font-size:1rem}.info-label{color:#b0b0b0;font-weight:500;min-width:100px}.info-link{color:#4ecdc4;text-decoration:none;transition:color .3s ease;word-break:break-all}.info-link:hover{color:#45b7d1;text-decoration:underline}.promise-title{font-size:1.8rem;color:#fff;margin:0 0 2rem;font-weight:700;text-align:center}.promise-list{display:flex;flex-direction:column;gap:1.5rem}.promise-item{padding:1.2rem;background:#0f0f0f;border-radius:12px;border-left:4px solid #ffd700}.promise-item strong{color:gold;font-size:1.1rem;display:block;margin-bottom:.5rem}.promise-item p{color:#b0b0b0;margin:0;line-height:1.6;font-size:1rem}.news-section{padding:5rem 2rem;background:#1a1a1a}.news-title{font-size:2.5rem;color:#fff;text-align:center;margin:0 0 3rem;font-weight:700}.news-container{max-width:1200px;margin:0 auto}.news-list,.news-empty{display:flex;flex-direction:column;gap:1rem}.news-item{background:linear-gradient(135deg,#2d2d2d,#1f1f1f);border:1px solid #404040;border-radius:12px;padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;cursor:pointer}.news-item:hover{background:linear-gradient(135deg,#353535,#2a2a2a);border-color:#666;transform:translate(5px)}.news-type{color:gold;font-weight:700;font-size:1rem;min-width:60px}.news-date{color:gray;font-size:.9rem;min-width:120px}.news-content{color:#fff;font-size:1.1rem;font-weight:500;flex:1}.news-loading{text-align:center;color:#b0b0b0;padding:3rem;font-size:1.2rem}.announcement-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s ease-in-out}.announcement-modal{background:#1a1a1a;border:2px solid #404040;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease-in-out;position:relative}.announcement-modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:2px solid #404040;position:sticky;top:0;background:#1a1a1a;z-index:1}.announcement-modal-title{color:#fff;font-size:1.8rem;font-weight:700;margin:0;flex:1;padding-right:1rem}.announcement-modal-close{background:transparent;border:none;color:#b0b0b0;font-size:2.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1;padding:0;flex-shrink:0}.announcement-modal-close:hover{background:#404040;color:#fff;transform:rotate(90deg)}.announcement-modal-date{color:gray;font-size:.95rem;padding:1rem 2rem;border-bottom:1px solid #2d2d2d}.announcement-modal-content{padding:2rem;color:#e0e0e0;font-size:1.05rem;line-height:1.8}.announcement-modal-content p{margin:0 0 1rem;white-space:pre-wrap;word-wrap:break-word}.announcement-modal-content p:last-child{margin-bottom:0}.announcement-video-container{width:100%;margin-bottom:2rem;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 4px 16px #0000004d}.announcement-video{width:100%;aspect-ratio:16 / 9;display:block;border:none}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.4rem}.hero-btn-primary{font-size:1.2rem;padding:1rem 2rem}.hero-btn-secondary{font-size:1rem;padding:.7rem 1.5rem}.features-title,.news-title{font-size:2rem}.features-grid,.info-container{grid-template-columns:1fr}.news-item{flex-direction:column;align-items:flex-start;gap:.5rem}.news-date{min-width:auto}}@media (max-width: 480px){.hero-section{padding:2rem 1rem;min-height:60vh}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.hero-buttons-secondary{flex-direction:column;width:100%}.hero-btn-secondary{width:100%}.features-section,.info-section,.news-section{padding:3rem 1rem}.carousel-wrapper{height:400px}.announcements-card-list{max-height:400px}.announcement-modal-overlay{padding:1rem}.announcement-modal{max-width:100%;max-height:95vh}.announcement-modal-header{padding:1.5rem}.announcement-modal-title{font-size:1.4rem}.announcement-modal-close{font-size:2rem;width:35px;height:35px}.announcement-modal-date{padding:.75rem 1.5rem;font-size:.9rem}.announcement-modal-content{padding:1.5rem;font-size:1rem}.announcement-video-container{margin-bottom:1.5rem}.carousel-btn{width:45px;height:45px;font-size:2rem}.carousel-btn-prev{left:10px}.carousel-btn-next{right:10px}.carousel-indicators{bottom:10px;padding:8px 12px}.carousel-indicator{width:10px;height:10px}.carousel-indicator.active{width:25px}}.admin{min-height:calc(100vh - 80px);background:#1a1a1a}.admin-layout{display:flex;min-height:calc(100vh - 80px)}.admin-sidebar{width:250px;background:#2d2d2d;border-right:1px solid #404040;display:flex;flex-direction:column;flex-shrink:0}.nav-group{position:relative}.nav-parent{display:flex;justify-content:space-between;align-items:center}.nav-arrow{font-size:.8rem;margin-left:auto;transition:transform .2s}.nav-submenu{background:#1a1a1a;border-left:3px solid #404040;margin-left:1.5rem}.nav-subitem{width:100%;padding:.75rem 1.5rem .75rem 2.5rem;background:none;border:none;color:#b0b0b0;font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.nav-subitem:hover{background:#252525;color:#fff}.nav-subitem.active{background:#1a1a1a;color:#fff;border-left-color:#4a9eff}.admin-main{flex:1;overflow-y:auto;background:#1a1a1a}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header-actions{display:flex;gap:1rem}.admin-login{max-width:400px;margin:4rem auto;background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:3rem}.admin-login h1{color:#fff;font-size:2rem;margin-top:0;margin-bottom:2rem;text-align:center}.login-error{color:#ff6b6b;font-size:.9rem;margin-bottom:1rem;padding:.75rem;background:#3a3a3a;border-radius:6px;border:1px solid #4a4a4a;text-align:center}.btn-logout{background:#ff6b6b;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ff5252;transform:translateY(-1px)}.admin-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.dashboard{padding:2rem;color:#fff}.dashboard .page-container{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.dashboard h1{margin:0 0 2rem;color:#fff;font-size:1.8rem;font-weight:600}.dashboard h2{margin:0 0 1.5rem;color:#fff;font-size:1.3rem;font-weight:600}.trend-chart-section{background:#1e1e1e;border:1px solid #404040;border-radius:8px;padding:2rem;margin-top:2rem}.chart-container{overflow-x:auto;padding:1rem 0}.chart-bars{display:flex;align-items:flex-end;gap:.5rem;min-height:300px;padding:0 .5rem}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;min-width:30px}.chart-bar-container{width:100%;height:250px;display:flex;align-items:flex-end;justify-content:center;position:relative}.chart-bar{width:100%;max-width:40px;background:linear-gradient(to top,#4a7bc8,#5a8bd8);border-radius:4px 4px 0 0;position:relative;transition:all .3s ease;min-height:2px;display:flex;align-items:flex-start;justify-content:center;padding-top:.25rem}.chart-bar:hover{background:linear-gradient(to top,#5a8bd8,#6a9be8);transform:scaleY(1.05);box-shadow:0 2px 8px #4a7bc866}.bar-value{color:#fff;font-size:.7rem;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.chart-label{color:#b0b0b0;font-size:.75rem;margin-top:.5rem;text-align:center}@media (max-width: 768px){.dashboard{padding:1rem}.stats-cards{grid-template-columns:1fr}.chart-bars{gap:.25rem;min-height:250px}.chart-bar-wrapper{min-width:20px}.chart-bar{max-width:25px}.bar-value{font-size:.6rem}.chart-label{font-size:.65rem}}.announcement-management{padding:2rem}.page-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.admin-form{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.admin-form h2{color:#fff;font-size:1.5rem;margin-top:0;margin-bottom:1.5rem}.form-group label{display:block;color:#b0b0b0;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-textarea{width:100%;padding:.75rem;font-size:1rem;border:2px solid #404040;border-radius:8px;background:#1a1a1a;color:#fff;box-sizing:border-box;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:gray;background:#252525}.form-textarea{resize:vertical;min-height:100px}.btn-submit,.btn-cancel{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit{background:#fff;color:#1a1a1a}.btn-submit:hover{background:#e0e0e0}.btn-cancel{background:#404040;color:#fff}.btn-cancel:hover{background:#505050}.btn-add{background:#fff;color:#1a1a1a;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-add:hover{background:#e0e0e0;transform:translateY(-1px)}.admin-list{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.admin-list h2{color:#fff;font-size:1.5rem;margin-top:0;margin-bottom:1.5rem}.loading,.empty{text-align:center;color:#b0b0b0;padding:2rem}.announcements-table{width:100%;border-collapse:collapse;color:#fff}.announcements-table thead{background:#1a1a1a}.announcements-table th{padding:1rem;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid #404040}.announcements-table td{padding:1rem;border-bottom:1px solid #404040;color:#b0b0b0}.announcements-table tbody tr:hover{background:#252525}.content-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-edit,.btn-delete{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;margin-right:.5rem;transition:all .2s}.btn-edit{background:gray;color:#fff}.btn-edit:hover{background:#909090}.btn-delete{background:#ff6b6b;color:#fff}.btn-delete:hover{background:#ff5252}.user-management{padding:2rem;color:#fff}.search-box,.search-box form{display:flex;gap:.5rem;align-items:center}.search-type-select{padding:.5rem 1rem;border:1px solid #404040;border-radius:6px;background:#2d2d2d;color:#fff;font-size:1rem;cursor:pointer;min-width:100px}.search-type-select:focus{outline:none;border-color:#666}.search-input{padding:.5rem 1rem;border:1px solid #404040;border-radius:6px;background:#2d2d2d;color:#fff;font-size:1rem;min-width:200px}.search-input:focus{outline:none;border-color:#666}.btn-search,.btn-clear{padding:.5rem 1rem;border:none;border-radius:6px;background:#404040;color:#fff;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-search:hover,.btn-clear:hover{background:#555}.btn-clear{background:#666}.edit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-modal-content{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;width:90%;max-width:500px;color:#fff}.edit-modal-content h2{margin:0 0 1rem;color:#fff}.edit-user-name{margin:0 0 1.5rem;color:#ccc;font-size:1rem}.edit-modal-content .form-group{margin-bottom:1.5rem}.edit-modal-content label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500}.edit-modal-content .form-select,.edit-modal-content .form-input{width:100%;padding:.5rem;border:1px solid #404040;border-radius:6px;background:#1a1a1a;color:#fff;font-size:1rem}.edit-modal-content .form-select:focus,.edit-modal-content .form-input:focus{outline:none;border-color:#666}.edit-modal-content small{display:block;margin-top:.25rem;color:#999;font-size:.85rem}.edit-modal-content small .new-value{color:#4caf50;font-weight:600;margin-left:.25rem}.edit-modal-content .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.user-list{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:1.5rem}.list-header{margin-bottom:1rem;color:#ccc}.users-table{width:100%;border-collapse:collapse;color:#fff}.users-table thead{background:#1a1a1a}.users-table th{padding:1rem;text-align:left;border-bottom:2px solid #404040;color:#fff;font-weight:600}.users-table td{padding:1rem;border-bottom:1px solid #404040;color:#ccc}.users-table tbody tr:hover{background:#333}.btn-edit{padding:.4rem .8rem;border:none;border-radius:6px;background:#404040;color:#fff;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-edit:hover{background:#555}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #404040}.page-btn{padding:.5rem 1rem;border:none;border-radius:6px;background:#404040;color:#fff;cursor:pointer;font-size:.9rem;transition:background .2s}.page-btn:hover:not(:disabled){background:#555}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#ccc;font-size:.9rem}.loading,.empty{text-align:center;padding:3rem;color:#999;font-size:1.1rem}@media (max-width: 768px){.user-management{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.search-box{width:100%}.search-input{flex:1;min-width:0}.users-table{font-size:.9rem}.users-table th,.users-table td{padding:.5rem}}.order-management{padding:2rem;color:#fff}.order-management .page-container{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.order-management h1{margin:0 0 2rem;color:#fff;font-size:1.8rem;font-weight:600}.order-management h2{margin:0 0 1rem;color:#fff;font-size:1.3rem;font-weight:600}.stats-section{margin-bottom:2rem}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#1e1e1e;border:1px solid #404040;border-radius:8px;padding:1.5rem;transition:border-color .2s}.stat-card:hover{border-color:#4a7bc8}.stat-label{color:#b0b0b0;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.stat-value{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.stat-amount{color:#4caf50;font-size:1.8rem;font-weight:700}.stat-count{color:#888;font-size:1rem}.monthly-stats{background:#1e1e1e;border:1px solid #404040;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.monthly-stats h2{margin-bottom:1rem;color:#fff;font-size:1.2rem}.monthly-stats-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.monthly-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#2d2d2d;border-radius:6px;border:1px solid #404040}.month-label{color:#ccc;font-size:.95rem;font-weight:500}.month-value{display:flex;align-items:baseline;gap:.5rem}.month-amount{color:#4caf50;font-size:1.1rem;font-weight:600}.month-count{color:#888;font-size:.85rem}.orders-section{margin-top:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.orders-table-wrapper{overflow-x:auto;border:1px solid #404040;border-radius:8px;margin-bottom:1.5rem}.orders-table{width:100%;border-collapse:collapse;background:#1e1e1e}.orders-table thead{background:#252525}.orders-table th{padding:1rem;text-align:left;color:#fff;font-weight:600;font-size:.95rem;border-bottom:2px solid #404040;white-space:nowrap}.orders-table td{padding:1rem;color:#ccc;font-size:.9rem;border-bottom:1px solid #404040}.orders-table tbody tr:hover{background:#252525}.orders-table tbody tr:last-child td{border-bottom:none}.order-id{font-family:monospace;color:#4a9eff;font-weight:500}.order-amount{color:#4caf50;font-weight:600}.status-badge{padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:500;display:inline-block}.status-pending{background:#f59e0b;color:#fff}.status-paid{background:#22c55e;color:#fff}.status-failed{background:#f44;color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.pagination-btn{background:#4a7bc8;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#5a8bd8;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#ccc;font-size:.95rem}@media (max-width: 768px){.order-management{padding:1rem}.stats-cards,.monthly-stats-list{grid-template-columns:1fr}.orders-table-wrapper{overflow-x:scroll}.orders-table{min-width:800px}.section-header{flex-direction:column;align-items:flex-start}}.discord-announcement{padding:2rem;color:#fff}.discord-announcement .page-container{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.discord-announcement h1{margin:0 0 1rem;color:#fff;font-size:1.8rem;font-weight:600}.discord-announcement h2{margin:0 0 1.5rem;color:#fff;font-size:1.3rem;font-weight:600}.btn-primary{background:#4a7bc8;color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#5a8bd8}.btn-secondary{background:#404040;color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#505050}.btn-edit{background:#4a7bc8;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-edit:hover{background:#5a8bd8}.btn-delete{background:#d32f2f;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-delete:hover{background:#e53935}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:.75rem;background:#2d2d2d;border:1px solid #404040;border-radius:6px;color:#fff;font-size:1rem;font-family:inherit}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4a7bc8}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=checkbox]{margin-right:.5rem;cursor:pointer}.form-hint{display:block;color:#888;font-size:.85rem;margin-top:.25rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.announcement-item{background:#1e1e1e;border:1px solid #404040;border-radius:8px;padding:1.5rem;transition:border-color .2s}.announcement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.announcement-title-section{display:flex;align-items:center;gap:1rem;flex:1}.announcement-title-section h3{margin:0;color:#fff;font-size:1.2rem;font-weight:600}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-badge.enabled{background:#4caf50;color:#fff}.status-badge.disabled{background:#666;color:#fff}.announcement-actions{display:flex;gap:.5rem}.announcement-meta{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid #404040}.meta-item{display:flex;gap:.5rem}.meta-label{color:#888;font-size:.9rem}.meta-value{color:#ccc;font-size:.9rem}@media (max-width: 768px){.discord-announcement{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.announcement-header{flex-direction:column;gap:1rem}.announcement-actions{width:100%}.btn-edit,.btn-delete{flex:1}}.game-announcement{padding:2rem;color:#fff}.game-announcement .page-container{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.game-announcement h1{margin:0 0 2rem;color:#fff;font-size:1.8rem;font-weight:600}.game-announcement h2{margin:0 0 1.5rem;color:#fff;font-size:1.3rem;font-weight:600}.form-section{background:#1e1e1e;border:1px solid #404040;border-radius:8px;padding:2rem;margin-bottom:2rem}.form-group label{display:block;color:#ccc;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:.75rem;background:#2d2d2d;border:1px solid #404040;border-radius:6px;color:#fff;font-size:1rem;font-family:inherit}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4a7bc8}.form-actions{margin-top:2rem}.btn-primary{background:#4a7bc8;color:#fff;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#5a8bd8}.btn-primary:disabled{background:#666;cursor:not-allowed}.announcements-section{background:#1e1e1e;border:1px solid #404040;border-radius:8px;padding:2rem}.announcements-list{display:flex;flex-direction:column;gap:1.5rem}.announcement-item{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;transition:border-color .2s}.announcement-item:hover{border-color:#4a7bc8}.announcement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.announcement-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.announcement-type{background:#4a7bc8;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.announcement-status{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-pending{background:#ff9800;color:#fff}.status-sent{background:#4caf50;color:#fff}.status-failed{background:#d32f2f;color:#fff}.announcement-time{color:#888;font-size:.9rem}.announcement-content{margin-bottom:1rem}.announcement-content p{color:#ccc;font-size:1rem;line-height:1.6;margin:0;white-space:pre-wrap}.announcement-footer{padding-top:1rem;border-top:1px solid #404040}.sent-time{color:#888;font-size:.9rem}@media (max-width: 768px){.game-announcement{padding:1rem}.announcement-header{flex-direction:column;align-items:flex-start}}.gift-code-redemption-management{padding:2rem;color:#fff}.gift-code-redemption-management .page-container{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.form-group input[type=text],.form-group input[type=number],.form-group input[type=datetime-local],.form-group select,.form-group textarea{width:100%;padding:.75rem;background:#2d2d2d;border:1px solid #404040;border-radius:6px;color:#fff;font-size:1rem;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4a9eff}.code-input-group{display:flex;gap:.75rem;align-items:center}.code-input-group input{flex:1}.btn-generate-code{background:#4a9eff;color:#fff;border:none;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;white-space:nowrap;transition:background .2s}.btn-generate-code:hover{background:#3a8eef}.item-row{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:center}.item-row input{flex:1;padding:.75rem;background:#2d2d2d;border:1px solid #404040;border-radius:6px;color:#fff;font-size:1rem}.item-row input:focus{outline:none;border-color:#4a9eff}.btn-remove-item{background:#f44;color:#fff;border:none;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;white-space:nowrap;transition:background .2s}.btn-remove-item:hover{background:#e33}.btn-add-item{background:#4a9eff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.95rem;transition:background .2s}.btn-add-item:hover{background:#3a8eef}.gift-codes-list{margin-top:2rem}.gift-codes-table{overflow-x:auto}.gift-codes-table table{width:100%;border-collapse:collapse;background:#1e1e1e;border-radius:8px;overflow:hidden}.gift-codes-table thead{background:#2d2d2d}.gift-codes-table th{padding:1rem;text-align:left;color:#fff;font-weight:600;font-size:.95rem;border-bottom:2px solid #404040}.gift-codes-table td{padding:1rem;color:#ccc;font-size:.9rem;border-bottom:1px solid #404040}.gift-codes-table tbody tr:hover{background:#252525}.code-cell{font-family:Courier New,monospace}.code-text{background:#2d2d2d;padding:.4rem .8rem;border-radius:4px;border:1px solid #404040;font-weight:600;color:#4a9eff}.items-list{display:flex;flex-wrap:wrap;gap:.5rem}.item-tag{background:#2d2d2d;color:#ccc;padding:.3rem .6rem;border-radius:4px;font-size:.85rem;border:1px solid #404040}.status-badge{padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:500}.status-badge.active{background:#2d5a2d;color:#4ade80}.status-badge.inactive{background:#5a2d2d;color:#f87171}.table-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-enable{background:#22c55e;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .2s}.btn-enable:hover{background:#16a34a}.btn-disable{background:#f59e0b;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .2s}.btn-disable:hover{background:#d97706}.post-review{padding:2rem;color:#fff}.post-review .page-container{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tab{background:#1e1e1e;color:#b0b0b0;border:1px solid #404040;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.filter-tab:hover{background:#252525;color:#fff;border-color:#4a9eff}.filter-tab.active{background:#4a9eff;color:#fff;border-color:#4a9eff}.posts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.post-review-card{background:#1e1e1e;border:1px solid #404040;border-radius:8px;padding:1.5rem;transition:border-color .2s}.post-review-card:hover{border-color:#4a9eff}.post-card-header{margin-bottom:1rem}.post-info{display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;gap:.5rem;font-size:.9rem;align-items:center}.info-label{color:#888;font-weight:500;min-width:80px}.platform-badge{background:#4a9eff;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600}.status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500}.post-image-section{margin:1rem 0;border-radius:6px;overflow:hidden;border:1px solid #404040;background:#1a1a1a;min-height:200px;display:flex;align-items:center;justify-content:center}.post-image-section img{max-width:100%;max-height:400px;display:block}.post-actions{display:flex;gap:1rem;margin-top:1rem}.btn-approve,.btn-reject{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-approve{background:#22c55e;color:#fff}.btn-approve:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.btn-reject{background:#f44;color:#fff}.btn-reject:hover:not(:disabled){background:#e33;transform:translateY(-1px)}.btn-approve:disabled,.btn-reject:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin:0 0 1.5rem;color:#fff;font-size:1.5rem}.modal-body{margin-bottom:1.5rem}.modal-info{background:#1e1e1e;padding:1rem;border-radius:6px;margin-bottom:1rem}.modal-info p{margin:.5rem 0;color:#ccc;font-size:.95rem}.modal-info strong{color:#fff}.form-group{margin-bottom:1rem}.form-group textarea{width:100%;padding:.75rem;background:#1e1e1e;border:1px solid #404040;border-radius:6px;color:#fff;font-size:1rem;font-family:inherit;resize:vertical;box-sizing:border-box}.form-group textarea:focus{outline:none;border-color:#4a9eff}.warning-message{background:#f59e0b;color:#fff;padding:.75rem;border-radius:6px;font-size:.9rem;margin-top:1rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel{background:#555;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s}.btn-confirm-approve,.btn-confirm-reject{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.btn-confirm-approve{background:#22c55e;color:#fff}.btn-confirm-approve:hover:not(:disabled){background:#16a34a}.btn-confirm-reject{background:#f44;color:#fff}.btn-confirm-reject:hover:not(:disabled){background:#e33}.btn-confirm-approve:disabled,.btn-confirm-reject:disabled{opacity:.6;cursor:not-allowed}.post-settings{padding:2rem;color:#fff}.post-settings .page-container{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.form-group input[type=text],.form-group input[type=url],.form-group textarea{width:100%;padding:.75rem;background:#2d2d2d;border:1px solid #404040;border-radius:6px;color:#fff;font-size:1rem;box-sizing:border-box;font-family:inherit}.form-group textarea{resize:vertical;min-height:120px}.settings-list{margin-top:2rem}.settings-table{overflow-x:auto}.settings-table table{width:100%;border-collapse:collapse;background:#1e1e1e;border-radius:8px;overflow:hidden}.settings-table thead{background:#2d2d2d}.settings-table th{padding:1rem;text-align:left;color:#fff;font-weight:600;font-size:.95rem;border-bottom:2px solid #404040}.settings-table td{padding:1rem;color:#ccc;font-size:.9rem;border-bottom:1px solid #404040}.settings-table tbody tr:hover{background:#252525}.platform-cell{font-weight:600}.platform-text{background:#2d2d2d;padding:.4rem .8rem;border-radius:4px;border:1px solid #404040;color:#4a9eff}.content-cell{max-width:300px;word-break:break-word;line-height:1.5}.download-link-management{padding:2rem;color:#fff}.download-link-management .page-container{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{margin:0;color:#fff;font-size:1.8rem}.btn-add{background:#4a9eff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s}.btn-add:hover{background:#3a8eef}.form-section{background:#1e1e1e;border:1px solid #404040;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.form-section h2{margin:0 0 1.5rem;color:#fff;font-size:1.4rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ccc;font-size:.95rem;font-weight:500}.required{color:#f44}.form-group input[type=text],.form-group input[type=url],.form-group input[type=number],.form-group textarea{width:100%;padding:.75rem;background:#2d2d2d;border:1px solid #404040;border-radius:6px;color:#fff;font-size:1rem;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a9eff}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-submit{background:#4a9eff;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s}.btn-submit:hover:not(:disabled){background:#3a8eef}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:#555;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s}.btn-cancel:hover{background:#666}.links-list{margin-top:2rem}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.list-header h2{margin:0;color:#fff;font-size:1.4rem}.search-box{flex:1;max-width:300px;margin-left:2rem}.search-input{width:100%;padding:.75rem;background:#1e1e1e;border:1px solid #404040;border-radius:6px;color:#fff;font-size:.95rem;box-sizing:border-box}.search-input:focus{outline:none;border-color:#4a9eff}.empty-state{text-align:center;padding:3rem;color:#888;font-size:1.1rem}.links-table{overflow-x:auto}.links-table table{width:100%;border-collapse:collapse;background:#1e1e1e;border-radius:8px;overflow:hidden}.links-table thead{background:#2d2d2d}.links-table th{padding:1rem;text-align:left;color:#fff;font-weight:600;font-size:.95rem;border-bottom:2px solid #404040}.links-table td{padding:1rem;color:#ccc;font-size:.9rem;border-bottom:1px solid #404040}.links-table tbody tr:hover{background:#252525}.name-cell{font-weight:600}.name-text{background:#2d2d2d;padding:.4rem .8rem;border-radius:4px;border:1px solid #404040;color:#4a9eff}.link-text{color:#4a9eff;text-decoration:none;word-break:break-all;transition:color .2s}.description-cell{max-width:200px;word-break:break-word;line-height:1.5}.status-badge{display:inline-block;padding:.3rem .8rem;border-radius:4px;font-size:.85rem;font-weight:500}.status-badge.enabled{background:#2d5a2d;color:#4aff4a}.status-badge.disabled{background:#5a2d2d;color:#ff4a4a}.table-actions{display:flex;gap:.5rem}.btn-edit{background:#4a9eff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .2s}.btn-edit:hover{background:#3a8eef}.btn-delete{background:#f44;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .2s}.btn-delete:hover{background:#e33}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{background:#2d2d2d;border-radius:12px;padding:2.5rem;max-width:500px;width:100%;box-shadow:0 8px 32px #00000080;border:1px solid #404040;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#b0b0b0;font-size:2rem;cursor:pointer;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#404040;color:#fff}.modal-content h2{margin-top:0;margin-bottom:1.5rem;color:#fff;font-size:1.8rem;font-weight:600;text-align:center}.modal-content .input{width:100%;padding:14px;font-size:1rem;border:2px solid #404040;border-radius:8px;margin-bottom:1rem;box-sizing:border-box;background:#1a1a1a;color:#fff;transition:border-color .3s}.modal-content .input::placeholder{color:gray}.modal-content .input:focus{outline:none;border-color:gray;background:#252525}.modal-content .input:disabled{opacity:.6;cursor:not-allowed}.modal-content .button{width:100%;padding:14px;font-size:1rem;background:#fff;color:#1a1a1a;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.modal-content .button:hover:not(:disabled){background:#e0e0e0;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.modal-content .button:active:not(:disabled){transform:translateY(0)}.modal-content .button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-content .error-message{margin-top:1rem;padding:.75rem;background:#3a3a3a;border-radius:6px;color:#ff6b6b;font-weight:500;text-align:center;border:1px solid #4a4a4a}.modal-content .account-info{margin-top:1.5rem;padding:1.5rem;background:#1a1a1a;border-radius:8px;border:1px solid #404040}.modal-content .account-info h3{margin-top:0;margin-bottom:1rem;color:#fff;font-size:1.2rem;font-weight:600}.modal-content .account-details{display:flex;flex-direction:column;gap:.75rem}.modal-content .account-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#2d2d2d;border-radius:6px;border-left:3px solid #808080}.modal-content .account-label{font-weight:600;color:#b0b0b0;font-size:.95rem}.modal-content .account-value{font-weight:700;color:#fff;font-size:1rem}.modal-content .account-value.money{color:#fff;font-size:1.1rem}.member-backend{min-height:calc(100vh - 80px);background:#1a1a1a}.member-layout{display:flex;min-height:calc(100vh - 80px)}.member-sidebar{width:250px;background:#2d2d2d;border-right:1px solid #404040;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid #404040}.sidebar-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.sidebar-nav{flex:1;padding:1rem 0}.nav-item{width:100%;padding:1rem 1.5rem;background:none;border:none;color:#b0b0b0;font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background:#252525;color:#fff}.nav-item.active{background:#1a1a1a;color:#fff;border-left-color:#fff}.sidebar-footer{padding:1.5rem;border-top:1px solid #404040}.sidebar-footer .btn-logout{width:100%;background:#ff6b6b;color:#fff;border:none;padding:.75rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.sidebar-footer .btn-logout:hover{background:#ff5252;transform:translateY(-1px)}.member-main{flex:1;overflow-y:auto;background:#1a1a1a}@media (max-width: 768px){.member-sidebar{width:200px}}.member-dashboard{padding:2rem;min-height:calc(100vh - 80px);background:#1a1a1a}.dashboard-container{max-width:1200px;margin:0 auto}.member-dashboard h1{color:#fff;font-size:2rem;margin-bottom:2rem;font-weight:700}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.info-card{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.info-card h2{color:#fff;font-size:1.5rem;margin-top:0;margin-bottom:1.5rem;font-weight:600;border-bottom:2px solid #404040;padding-bottom:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #404040}.info-item:last-child{border-bottom:none}.info-label{color:#b0b0b0;font-size:1rem;font-weight:500}.info-value{color:#fff;font-size:1.1rem;font-weight:600}.info-value.money{color:#4caf50;font-size:1.3rem}@media (max-width: 768px){.member-dashboard{padding:1rem}.dashboard-content{grid-template-columns:1fr}}.post-page{padding:2rem;color:#fff}.post-page .page-container{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.post-page h1{margin:0 0 2rem;color:#fff;font-size:1.8rem}.post-setting-card:hover{border-color:#4a9eff}.pagination-tab:hover{background:#252525;color:#fff;border-color:#4a9eff}.pagination-tab.active{background:#2d2d2d;color:#fff;border-color:#4a9eff;border-bottom-color:#2d2d2d;font-weight:600}.social-post-item:hover{border-color:#4a9eff}.post-platform{background:#4a9eff;color:#fff;padding:.4rem .8rem;border-radius:4px;font-size:.9rem;font-weight:600}.pre-post-page{padding:2rem;color:#fff}.pre-post-page .page-container{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.pre-post-page h1{margin:0 0 2rem;color:#fff;font-size:1.8rem}.loading-state,.empty-state{text-align:center;padding:3rem;color:#888;font-size:1.1rem}.post-settings-list{display:flex;flex-direction:column;gap:1.5rem}.post-setting-card{background:#1e1e1e;border:1px solid #404040;border-radius:8px;padding:1.5rem;transition:border-color .2s}.post-setting-card:hover{border-color:#f59e0b}.post-setting-header{display:flex;align-items:center;margin-bottom:1rem}.platform-badge{background:#4a9eff;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.95rem;font-weight:600}.pre-post-badge{background:#f59e0b;color:#fff}.post-setting-content{margin-bottom:1.5rem}.content-text{color:#ccc;font-size:1rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;background:#2d2d2d;padding:1rem;border-radius:6px;border:1px solid #404040;min-height:80px}.post-setting-actions{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.btn-copy,.btn-link{flex:1;min-width:150px;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-copy{background:#22c55e;color:#fff}.btn-copy:hover{background:#16a34a;transform:translateY(-1px)}.btn-link{background:#4a9eff;color:#fff}.btn-link:hover{background:#3a8eef;transform:translateY(-1px)}.post-setting-link{padding-top:1rem;border-top:1px solid #404040;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.link-label{color:#888;font-size:.9rem;white-space:nowrap}.link-text{color:#4a9eff;text-decoration:none;font-size:.9rem;word-break:break-all;transition:color .2s}.link-text:hover{color:#3a8eef;text-decoration:underline}.btn-paste-image:disabled{opacity:.6;cursor:not-allowed}.social-posts-history{margin-top:3rem;padding-top:2rem;border-top:2px solid #404040}.social-posts-history h2{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.social-posts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.social-post-item{background:#1e1e1e;border:1px solid #404040;border-radius:8px;padding:1.5rem;transition:border-color .2s}.social-post-item:hover{border-color:#f59e0b}.post-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.post-platform{background:#f59e0b;color:#fff;padding:.4rem .8rem;border-radius:4px;font-size:.9rem;font-weight:600}.post-status{padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:500}.status-submitted{background:#f59e0b;color:#fff}.status-approved{background:#22c55e;color:#fff}.status-rejected{background:#f44;color:#fff}.status-deleted{background:#888;color:#fff}.post-item-image{margin-bottom:1rem;border-radius:6px;overflow:hidden;border:1px solid #404040}.post-item-image img{width:100%;height:auto;display:block}.image-error{color:#f44;padding:2rem;text-align:center}.post-item-info{display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;gap:.5rem;font-size:.9rem}.info-label{color:#888;font-weight:500}.info-value{color:#ccc}.pagination-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;border-bottom:2px solid #404040;padding-bottom:.5rem}.pagination-tab{background:#1e1e1e;color:#b0b0b0;border:1px solid #404040;border-bottom:none;padding:.75rem 1.5rem;border-radius:8px 8px 0 0;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;position:relative;bottom:-2px}.pagination-tab:hover{background:#252525;color:#fff;border-color:#f59e0b}.pagination-tab.active{background:#2d2d2d;color:#fff;border-color:#f59e0b;border-bottom-color:#2d2d2d;font-weight:600}.post-image-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #404040}.image-upload-buttons{display:flex;gap:.5rem}.btn-paste-image{background:#8b5cf6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-block}.btn-paste-image:hover{background:#7c3aed;transform:translateY(-1px)}.uploaded-image-preview{position:relative;margin-top:1rem;display:inline-block}.uploaded-image-preview img{max-width:300px;max-height:300px;border-radius:6px;border:1px solid #404040}.btn-remove-image{position:absolute;top:-10px;right:-10px;background:#f44;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-image:hover{background:#e33;transform:scale(1.1)}.post-upload-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #404040}.btn-upload-post{background:#f59e0b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.btn-upload-post:hover{background:#d97706;transform:translateY(-1px)}.sponsor-page{padding:2rem;color:#fff;min-height:100vh}.sponsor-page .page-container{max-width:1200px;margin:0 auto}.sponsor-page h1{margin:0 0 2rem;color:#fff;font-size:2rem;font-weight:600}.sponsor-page h2{margin:0 0 1.5rem;color:#fff;font-size:1.5rem;font-weight:600}.points-info-section{margin-bottom:2rem}.points-card{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.points-card h2{margin:0 0 1.5rem;color:#fff;font-size:1.5rem;font-weight:600;border-bottom:2px solid #404040;padding-bottom:1rem}.points-content{display:flex;flex-direction:column;gap:1rem}.point-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #404040}.point-item:last-child{border-bottom:none}.point-label{color:#b0b0b0;font-size:1rem;font-weight:500}.point-value{color:#fff;font-size:1.1rem;font-weight:600}.point-value.money{color:#4caf50;font-size:1.3rem}.point-item.exchange-rate{margin-top:.5rem;padding-top:1rem;border-top:2px solid #404040}.point-item.exchange-rate .point-value{color:#4a7bc8;font-size:1rem;font-weight:600}.payment-form-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-label{color:#e0e0e0;font-size:1rem;font-weight:500}.required{color:#f44;margin-left:.25rem}.payment-method-options{display:flex;gap:1rem;flex-wrap:wrap}.payment-option{flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;padding:1rem;background:#1a1a1a;border:2px solid #404040;border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.payment-option:hover{background:#252525;border-color:#555}.payment-option.active{background:#2d4a7c;border-color:#4a7bc8}.payment-option input[type=radio]{margin-right:.5rem;cursor:pointer}.payment-option span{color:#e0e0e0;font-size:1rem;font-weight:500}.payment-option.active span{color:#fff}.payment-option.disabled{opacity:.5;cursor:not-allowed;background:#1a1a1a;border-color:#333}.payment-option.disabled:hover{background:#1a1a1a;border-color:#333}.payment-option.disabled input[type=radio]{cursor:not-allowed}.payment-option.disabled span{color:#666}.disabled-badge{font-size:.75rem;color:#888;margin-left:.25rem}.form-input{width:100%;padding:.75rem 1rem;background:#1a1a1a;border:1px solid #404040;border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#4a7bc8;background:#222}.form-input::placeholder{color:#666}.amount-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.currency-symbol{position:absolute;left:1rem;color:#b0b0b0;font-size:1rem;font-weight:500;pointer-events:none;z-index:2;white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;align-items:center;height:100%;width:3rem;justify-content:flex-start}.amount-input{padding-left:5.5rem!important;padding-right:1rem!important;width:100%;box-sizing:border-box;min-width:0;position:relative;z-index:1}.btn-create-order{padding:1rem 2rem;background:#4a7bc8;border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn-create-order:hover{background:#5a8bd8;transform:translateY(-2px);box-shadow:0 4px 12px #4a7bc84d}.btn-create-order:active{transform:translateY(0)}.order-history-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem}.empty-orders{text-align:center;padding:3rem 1rem;color:#888}.empty-orders p{margin:0;font-size:1rem}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-item{background:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:1.5rem;transition:all .3s ease}.order-item:hover{border-color:#555;background:#222}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #404040}.order-id{color:#b0b0b0;font-size:.9rem;font-weight:500}.order-status{padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600}.status-pending{background:#ffa726;color:#fff}.status-completed{background:#66bb6a;color:#fff}.status-failed{background:#ef5350;color:#fff}.order-details{display:flex;flex-direction:column;gap:.75rem}.order-detail-row{display:flex;align-items:center;gap:1rem}.detail-label{color:#b0b0b0;font-size:.9rem;min-width:100px}.detail-value{color:#e0e0e0;font-size:.95rem}.detail-value.amount{color:#4a7bc8;font-weight:600;font-size:1.1rem}@media (max-width: 768px){.sponsor-page{padding:1rem}.payment-form-section,.order-history-section{padding:1.5rem}.payment-method-options{flex-direction:column}.payment-option{min-width:100%}.order-header{flex-direction:column;align-items:flex-start;gap:.5rem}.order-detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-label{min-width:auto}}.skill-changes{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.skill-changes-container{max-width:1200px;margin:0 auto}.skill-changes-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:#fff;text-align:center}.skill-changes-content{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:2rem;color:#b0b0b0;line-height:1.6}.skill-changes-content p{margin:0;font-size:1.1rem}.job-category{margin-bottom:3rem}.job-category:last-child{margin-bottom:0}.category-title{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #404040;display:flex;align-items:center}.category-title:before{content:"";display:inline-block;width:4px;height:1.8rem;background:linear-gradient(to bottom,#606060,gray);margin-right:1rem;border-radius:2px}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;margin-top:1.5rem}.job-card{background:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s ease;cursor:pointer}.job-image{width:100%;height:auto;max-width:150px;margin:0 auto 1rem;display:block;border-radius:4px}.job-name{color:#fff;font-size:1.2rem;font-weight:600;margin-top:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out;padding:2rem;overflow-y:auto}.modal-content{background:#1a1a1a;border:1px solid #404040;border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;box-shadow:0 10px 40px #000c}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-body{padding:2rem;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#1a1a1a}.modal-body::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#505050}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #404040;position:sticky;top:0;background:#1a1a1a;z-index:10;border-radius:12px 12px 0 0}.detail-header h2{color:#fff;font-size:2rem;font-weight:700;margin:0}.close-button{background:#404040;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-button:hover{background:#505050;transform:scale(1.1)}.skill-details{color:#b0b0b0;padding:0}.skill-section{margin-bottom:2rem}.section-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.section-note{color:#b0b0b0;font-size:.95rem;font-style:italic;margin-top:1rem;padding:.75rem 1rem;background:#4040404d;border-left:3px solid #606060;border-radius:4px}.skill-item{margin-bottom:1.5rem;padding-left:1rem}.skill-name{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.skill-changes-list{list-style:none;padding:0;margin:.5rem 0 0 1rem}.skill-change-item{color:#b0b0b0;font-size:1rem;line-height:1.8;margin-bottom:.5rem;padding-left:1rem;position:relative}.skill-change-item:before{content:"•";position:absolute;left:0;color:#606060;font-size:1.2rem}.section-divider{height:1px;background:linear-gradient(to right,transparent,#404040,transparent);margin:2rem 0}.no-changes{text-align:center;padding:3rem;color:#606060;font-size:1.2rem}.classic-memories{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.classic-memories-container{max-width:1000px;margin:0 auto;line-height:1.8}.section-intro{font-size:1.05rem;color:#b0b0b0;margin-bottom:2rem;font-style:italic}.memory-block{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:2rem;margin-bottom:2rem}.block-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.memory-item{margin-bottom:2rem}.memory-item:last-child{margin-bottom:0}.item-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.75rem}.memory-item p{color:#b0b0b0;font-size:1rem;margin:0;line-height:1.8}.conclusion-text{background:#4040404d;border-left:4px solid #606060;padding:1rem 1.5rem;margin-top:2rem;color:#d0d0d0;font-style:italic;font-size:1.05rem}.callout-block{background:#2d2d2d;border:1px solid #404040;border-left:4px solid #808080;border-radius:8px;padding:1.5rem 2rem;margin-bottom:1.5rem}.callout-title{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.75rem}.callout-block p{color:#b0b0b0;font-size:1rem;margin:0;line-height:1.8}.final-message p{font-size:1.3rem;font-weight:600;color:#fff;margin:0;line-height:1.6}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.image-item{background:#1a1a1a;border:1px solid #404040;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.image-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000080}.memory-image{width:100%;height:auto;display:block;object-fit:cover}.image-caption{padding:1rem;color:#b0b0b0;font-size:.95rem;text-align:center;margin:0;background:#1a1a1a;border-top:1px solid #404040}@media (max-width: 768px){.classic-memories{padding:1rem}.page-title{font-size:1.6rem}.section-title{font-size:1.5rem}.memory-block,.intro-section,.callout-block{padding:1.5rem}.image-gallery{grid-template-columns:1fr;gap:1rem}}.server-introduction{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.server-introduction-container{max-width:1000px;margin:0 auto;line-height:1.8}.settings-table{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;overflow-x:auto}.settings-table table{width:100%;border-collapse:collapse}.settings-table thead{background:#1a1a1a}.settings-table th{padding:1rem;text-align:left;color:#fff;font-weight:600;border-bottom:2px solid #404040}.settings-table td{padding:1rem;color:#b0b0b0;border-bottom:1px solid #404040}.settings-table tbody tr:hover{background:#40404080}.settings-table td:first-child{color:#fff;font-weight:600}.settings-table td:nth-child(2){color:#4caf50;font-weight:600;text-align:center}.feature-block{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:2rem;margin-bottom:2rem;display:flex;gap:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.feature-block:hover{transform:translate(5px);box-shadow:0 4px 15px #00000080}.feature-number{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#606060,gray);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.feature-content{flex:1}.feature-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.75rem}.feature-intro{font-size:1.05rem;color:#d0d0d0;margin-bottom:1rem;font-style:italic}.feature-details{margin-top:1rem}.feature-details p{color:#b0b0b0;font-size:1rem;margin-bottom:.75rem;line-height:1.8}.feature-details p:last-child{margin-bottom:0}.feature-details strong{color:#fff;font-weight:600}.job-intro-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.job-item{background:#2d2d2d;border:1px solid #404040;border-left:4px solid #808080;border-radius:8px;padding:1.5rem}.job-name{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.75rem}.job-item p{color:#b0b0b0;font-size:1rem;margin:0;line-height:1.8}.join-now{font-size:1.4rem!important;font-weight:700!important;color:#4caf50!important;margin-top:1.5rem!important}@media (max-width: 768px){.server-introduction{padding:1rem}.page-title{font-size:1.6rem}.section-title{font-size:1.5rem}.feature-block{flex-direction:column;padding:1.5rem}.feature-number{width:40px;height:40px;font-size:1.2rem}.job-intro-block{grid-template-columns:1fr}.settings-table{font-size:.9rem}.settings-table th,.settings-table td{padding:.75rem .5rem}}.job-introduction{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.job-introduction-container{max-width:1200px;margin:0 auto;line-height:1.8}.intro-section{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:2rem;margin-bottom:3rem}.intro-text{font-size:1.1rem;color:#e0e0e0;margin:0;line-height:1.8}.job-category-section{margin-bottom:4rem}.category-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid #404040}.category-description{font-size:1.05rem;color:#b0b0b0;margin-bottom:2rem;font-style:italic}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.job-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.job-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000080;border-color:#606060}.job-image-wrapper{width:100%;margin-bottom:1.5rem;text-align:center}.job-image{width:100%;max-width:200px;height:auto;border-radius:8px;border:2px solid #404040;transition:transform .3s ease,border-color .3s ease}.job-card:hover .job-image{transform:scale(1.05);border-color:#606060}.job-name{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #404040}.job-info{margin-bottom:1.5rem}.info-row{display:flex;flex-direction:column;margin-bottom:1rem}.info-row:last-child{margin-bottom:0}.info-label{font-size:.95rem;color:#b0b0b0;font-weight:600;margin-bottom:.25rem}.info-value{font-size:1rem;color:#e0e0e0;line-height:1.6}.ratings-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #404040}.ratings-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem}.ratings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.rating-item{display:flex;flex-direction:column;gap:.5rem}.rating-label{font-size:.9rem;color:#b0b0b0;font-weight:500}.rating-stars{font-size:1.1rem;color:gold;letter-spacing:2px}.final-message p{font-size:1.2rem;font-weight:600;color:#fff;margin:0;line-height:1.8}@media (max-width: 768px){.job-introduction{padding:1rem}.page-title{font-size:1.6rem}.category-title{font-size:1.5rem}.jobs-grid{grid-template-columns:1fr;gap:1.5rem}.job-card{padding:1.5rem}.ratings-grid{grid-template-columns:1fr}}.job-guide{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.job-guide-container{max-width:1200px;margin:0 auto;line-height:1.8}.guide-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #404040}.tab-button{background:none;border:none;color:#b0b0b0;font-size:1.1rem;font-weight:600;padding:1rem 2rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;margin-bottom:-2px}.tab-button:hover{color:#fff}.tab-button.active{color:#fff;border-bottom-color:#fff}.section-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:2rem;padding-bottom:.75rem;border-bottom:2px solid #404040}.ability-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.ability-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.ability-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000080;border-color:#606060}.ability-job-name{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.75rem}.ability-points{font-size:1.1rem;color:#4caf50;font-weight:600;margin:0}.skill-job-block{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:2rem;margin-bottom:2rem}.skill-job-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #404040}.skill-stage{margin-bottom:1.5rem}.skill-stage:last-child{margin-bottom:0}.stage-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.stage-points{color:#b0b0b0;font-size:1rem;line-height:1.8;margin:0;padding-left:1rem}.skill-note{background:#4040404d;border-left:4px solid #808080;padding:1rem 1.5rem;margin-top:1rem;border-radius:4px}.skill-note p{color:#d0d0d0;font-style:italic;margin:0}.transfer-section{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:2rem;margin-bottom:2rem}.transfer-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #404040}.transfer-info{margin-bottom:1.5rem}.transfer-condition{color:#b0b0b0;font-size:1rem;margin-bottom:.5rem;line-height:1.8}.transfer-job-block{margin-bottom:2rem;padding:1.5rem;background:#1a1a1a;border-radius:8px}.transfer-job-block:last-child{margin-bottom:0}.transfer-job-name{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem}.transfer-steps{color:#b0b0b0;font-size:1rem;line-height:1.8;padding-left:1.5rem;margin:0}.transfer-steps li{margin-bottom:.75rem}.transfer-steps li:last-child{margin-bottom:0}.questions-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #404040}.questions-title{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.question-block{background:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.question-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #404040}.question-item{margin-bottom:1rem}.question-item:last-child{margin-bottom:0}.question-text{color:#e0e0e0;font-size:1rem;margin-bottom:.5rem;line-height:1.6}.question-answer{color:#4caf50;font-size:.95rem;font-weight:600;margin:0;padding-left:1rem}@media (max-width: 768px){.job-guide{padding:1rem}.page-title{font-size:1.6rem}.guide-tabs{flex-wrap:wrap}.tab-button{padding:.75rem 1.5rem;font-size:1rem}.ability-points-grid{grid-template-columns:1fr}.skill-job-block,.transfer-section{padding:1.5rem}}.player-commands{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.player-commands-container{max-width:1200px;margin:0 auto;line-height:1.8}.command-section{margin-bottom:3rem}.section-note{font-size:1.05rem;color:#b0b0b0;margin-bottom:1.5rem;font-style:italic;padding:1rem 1.5rem;background:#4040404d;border-left:4px solid #808080;border-radius:4px}.commands-table{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;overflow-x:auto}.commands-table table{width:100%;border-collapse:collapse}.commands-table thead{background:#1a1a1a}.commands-table th{padding:1rem;text-align:left;color:#fff;font-weight:600;border-bottom:2px solid #404040;font-size:1rem}.commands-table td{padding:1rem;color:#b0b0b0;border-bottom:1px solid #404040;vertical-align:top}.commands-table tbody tr:hover{background:#40404080}.command-cell{min-width:200px}.example-cell{min-width:150px}.example-code{background:#1a1a1a;color:gold;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.95rem;border:1px solid #404040}.description-cell{color:#e0e0e0;line-height:1.6}.sub-command-row{background:#1a1a1a}.sub-command-cell{padding:.75rem 1rem .75rem 3rem!important;border-bottom:1px solid #303030!important}.sub-command-content{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sub-command-label{color:#fff;font-weight:600}.sub-command-item{color:#4caf50;font-family:Courier New,monospace;font-size:.9rem;background:#4caf501a;padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(76,175,80,.3)}.sub-command-desc{color:#b0b0b0;font-size:.9rem}@media (max-width: 768px){.player-commands{padding:1rem}.page-title{font-size:1.6rem}.section-title{font-size:1.5rem}.commands-table{font-size:.9rem;padding:1rem}.commands-table th,.commands-table td{padding:.75rem .5rem}.command-code,.example-code{font-size:.85rem;padding:.2rem .4rem}.sub-command-content{flex-direction:column;align-items:flex-start}}.common-maps{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.common-maps-container{max-width:1200px;margin:0 auto;line-height:1.8}.map-section{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:2rem;margin-bottom:3rem;transition:transform .3s ease,box-shadow .3s ease}.map-section:hover{box-shadow:0 8px 20px #00000080;border-color:#606060}.map-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:2rem;padding-bottom:.75rem;border-bottom:2px solid #404040}.map-content{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start}.map-image-wrapper{position:sticky;top:2rem}.map-image{width:100%;height:auto;border-radius:8px;border:2px solid #404040;box-shadow:0 4px 15px #00000080;transition:transform .3s ease}.map-image:hover{transform:scale(1.02)}.map-info{display:flex;flex-direction:column;gap:1.5rem}.map-subsection{background:#1a1a1a;border:1px solid #404040;border-left:4px solid #808080;border-radius:8px;padding:1.5rem}.subsection-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.75rem}.subsection-content{color:#b0b0b0;font-size:1rem;line-height:1.8;margin:0}@media (max-width: 968px){.map-content{grid-template-columns:1fr}.map-image-wrapper{position:static}}@media (max-width: 768px){.common-maps{padding:1rem}.page-title{font-size:1.6rem}.map-title{font-size:1.5rem}.map-section{padding:1.5rem}.map-subsection{padding:1rem}}.universal-menu{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.universal-menu-container{max-width:1200px;margin:0 auto;line-height:1.8}.intro-text{font-size:1.1rem;color:#e0e0e0;margin:0;line-height:1.8;text-align:center}.section-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #404040}.section-intro{font-size:1.05rem;color:#b0b0b0;margin-bottom:2rem}.access-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.access-method{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:2rem}.method-description{color:#b0b0b0;font-size:1rem;line-height:1.8;margin-bottom:1rem}.command-code{background:#1a1a1a;color:#4caf50;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.95rem;font-weight:600;border:1px solid #404040}.button-image-wrapper{text-align:center;margin-top:1rem}.button-image{max-width:200px;height:auto;border-radius:8px;border:2px solid #404040;box-shadow:0 4px 15px #00000080}.menu-image-wrapper{text-align:center;margin:2rem 0;background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:2rem}.menu-image{max-width:100%;height:auto;border-radius:8px;border:2px solid #404040;box-shadow:0 4px 15px #00000080}.features-table{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;overflow-x:auto;margin-top:2rem}.features-table table{width:100%;border-collapse:collapse}.features-table thead{background:#1a1a1a}.features-table th{padding:1rem;text-align:left;color:#fff;font-weight:600;border-bottom:2px solid #404040;font-size:1rem}.features-table td{padding:1rem;color:#b0b0b0;border-bottom:1px solid #404040;vertical-align:top}.features-table tbody tr:hover{background:#40404080}.feature-name-cell{min-width:150px;color:#fff;font-weight:600}.feature-desc-cell{color:#e0e0e0;line-height:1.6}.final-message{text-align:center;background:linear-gradient(135deg,#4040404d,#6060604d);border:1px solid #404040;border-radius:8px;padding:2rem;margin-top:3rem}.final-message p{font-size:1.3rem;font-weight:600;color:#fff;margin:0;line-height:1.8}@media (max-width: 768px){.universal-menu{padding:1rem}.page-title{font-size:1.6rem}.section-title{font-size:1.5rem}.access-methods{grid-template-columns:1fr}.access-method{padding:1.5rem}.features-table{font-size:.9rem;padding:1rem}.features-table th,.features-table td{padding:.75rem .5rem}}.faq{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.faq-container{max-width:1000px;margin:0 auto;line-height:1.8}@media (max-width: 768px){.faq{padding:1rem}.page-title{font-size:1.6rem}.faq-question{padding:1rem 1.5rem;flex-wrap:wrap}.faq-text{font-size:1.1rem;width:100%;margin-top:.5rem}.faq-answer{padding-left:1.5rem;padding-right:1.5rem}}.job-faq{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.job-faq-container{max-width:1000px;margin:0 auto;line-height:1.8}.faq-intro{background:linear-gradient(135deg,#4040404d,#6060604d);border:1px solid #404040;border-radius:8px;padding:1.5rem 2rem;margin-bottom:3rem;text-align:center}.faq-intro p{font-size:1.1rem;color:#e0e0e0;margin:0;line-height:1.8}.faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-item{background:#2d2d2d;border:1px solid #404040;border-radius:8px;overflow:hidden;transition:all .3s ease;cursor:pointer}.faq-item:hover{border-color:#606060;box-shadow:0 4px 15px #00000080}.faq-item.expanded{border-color:gray}.faq-question{display:flex;align-items:center;padding:1.5rem 2rem;gap:1rem}.faq-number{background:#4caf50;color:#fff;font-weight:700;font-size:1.1rem;padding:.5rem 1rem;border-radius:6px;min-width:50px;text-align:center;flex-shrink:0}.faq-text{flex:1;font-size:1.2rem;font-weight:600;color:#fff}.faq-icon{font-size:1.5rem;font-weight:700;color:#4caf50;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#4caf501a;border-radius:50%;flex-shrink:0;transition:transform .3s ease}.faq-item.expanded .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 2rem 1.5rem;padding-left:calc(3rem + 50px);animation:slideDown .3s ease}.faq-answer p{color:#b0b0b0;font-size:1.1rem;line-height:1.8;margin:0;padding:1rem;background:#4040404d;border-left:4px solid #4CAF50;border-radius:4px}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media (max-width: 768px){.job-faq{padding:1rem}.page-title{font-size:1.6rem}.faq-question{padding:1rem 1.5rem;flex-wrap:wrap}.faq-text{font-size:1.1rem;width:100%;margin-top:.5rem}.faq-answer{padding-left:1.5rem;padding-right:1.5rem}}.game-download{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.game-download-container{max-width:1200px;margin:0 auto}.game-download-title{font-size:2.5rem;color:#fff;margin:0 0 2rem;font-weight:700;text-align:center}.game-download-content{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:3rem;text-align:center}.game-download-content p{color:#b0b0b0;font-size:1.1rem;margin:0}.download-loading{text-align:center;color:#b0b0b0;font-size:1.2rem;padding:3rem 0}.download-empty{text-align:center;padding:3rem 0}.download-empty p{color:#b0b0b0;font-size:1.1rem;margin:.5rem 0}.download-empty-sub{color:#888;font-size:.95rem}.download-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:1rem}.download-link-card{background:#1e1e1e;border:2px solid #404040;border-radius:12px;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.download-link-card:hover{border-color:#4a9eff;transform:translateY(-4px);box-shadow:0 8px 24px #4a9eff33}.download-link-header{margin-bottom:1.5rem}.download-link-name{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.download-link-description{color:#b0b0b0;font-size:.95rem;line-height:1.6;margin:0}.download-link-button{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#4a9eff,#3a8eef);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.download-link-button:hover{background:linear-gradient(135deg,#3a8eef,#2a7edf);transform:scale(1.02);box-shadow:0 4px 12px #4a9eff4d}.download-icon{font-size:1.3rem}@media (max-width: 768px){.game-download{padding:2rem 1rem}.game-download-title{font-size:2rem}.game-download-content{padding:2rem}.download-links-grid{grid-template-columns:1fr;gap:1.5rem}.download-link-card{padding:1.5rem}.download-link-name{font-size:1.3rem}}.first-pq{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.first-pq-container{max-width:1200px;margin:0 auto}.first-pq-title{font-size:2.5rem;color:#fff;margin:0 0 3rem;font-weight:700;text-align:center;border-bottom:3px solid #4ecdc4;padding-bottom:1.5rem}.pq-info-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.pq-stages-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.pq-flow-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.pq-detail-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.tip-box p:last-child{color:#e0e0e0;margin:0;line-height:1.6}.qa-table{margin-top:1.5rem;overflow-x:auto}.qa-table table{width:100%;border-collapse:collapse;background:#1a1a1a;border-radius:8px;overflow:hidden}.qa-table th{background:#45b7d1;color:#fff;padding:1rem;text-align:left;font-weight:700;font-size:1.1rem}.qa-table td{padding:1rem;color:#e0e0e0;border-bottom:1px solid #404040}.qa-table tr:last-child td{border-bottom:none}.qa-table tr:hover{background:#252525}.pq-recruit-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}@media (max-width: 768px){.first-pq{padding:2rem 1rem}.first-pq-title{font-size:2rem}.section-title{font-size:1.5rem}.flow-table,.qa-table,.reward-table{font-size:.9rem}.flow-table th,.qa-table th,.reward-table th{padding:.75rem;font-size:1rem}.flow-table td,.qa-table td,.reward-table td{padding:.75rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.info-label{min-width:auto}.stages-grid{grid-template-columns:1fr;gap:1.5rem}.stage-item{padding:1rem}.stage-title{font-size:1.1rem}}.time-rift-101{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.time-rift-container{max-width:1200px;margin:0 auto}.time-rift-title{font-size:2.5rem;color:#fff;margin:0 0 3rem;font-weight:700;text-align:center;border-bottom:3px solid #4ecdc4;padding-bottom:1.5rem}.rift-info-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.rift-flow-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.rift-stages-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.rift-detail-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.number-sequence-box{background:#0f0f0f;border:2px solid #4ecdc4;border-radius:8px;padding:1.5rem;margin:1rem 0;text-align:center}.sequence-title{color:#4ecdc4;font-weight:700;font-size:1.1rem;margin:0 0 1rem}.sequence-numbers{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}.sequence-item{color:#fff;font-size:1.3rem;font-weight:700;padding:.5rem 1rem;background:#2d2d2d;border-radius:6px}.sequence-separator{color:#4ecdc4;font-size:1.5rem;font-weight:700;margin:0 .5rem}.rift-recruit-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}@media (max-width: 768px){.time-rift-101{padding:2rem 1rem}.time-rift-title{font-size:2rem}.section-title{font-size:1.5rem}.flow-table,.reward-table{font-size:.9rem}.flow-table th,.reward-table th{padding:.75rem;font-size:1rem}.flow-table td,.reward-table td{padding:.75rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.info-label{min-width:auto}.stages-grid{grid-template-columns:1fr;gap:1.5rem}.stage-item{padding:1rem}.stage-title{font-size:1.1rem}.sequence-numbers{flex-direction:column;gap:.75rem}.sequence-separator{margin:0}}.poison-forest{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.poison-forest-container{max-width:1200px;margin:0 auto}.poison-forest-title{font-size:2.5rem;color:#fff;margin:0 0 3rem;font-weight:700;text-align:center;border-bottom:3px solid #4ecdc4;padding-bottom:1.5rem}.forest-info-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.forest-flow-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.forest-stages-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.forest-detail-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.forest-recruit-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}@media (max-width: 768px){.poison-forest{padding:2rem 1rem}.poison-forest-title{font-size:2rem}.section-title{font-size:1.5rem}.flow-table,.reward-table{font-size:.9rem}.flow-table th,.reward-table th{padding:.75rem;font-size:1rem}.flow-table td,.reward-table td{padding:.75rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.info-label{min-width:auto}.stages-grid{grid-template-columns:1fr;gap:1.5rem}.stage-item{padding:1rem}.stage-title{font-size:1.1rem}}.golden-hook-pirates{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.golden-hook-container{max-width:1200px;margin:0 auto}.golden-hook-title{font-size:2.5rem;color:#fff;margin:0 0 3rem;font-weight:700;text-align:center;border-bottom:3px solid #4ecdc4;padding-bottom:1.5rem}.pirates-info-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.npc-image{max-width:100%;width:100%;max-width:600px;height:auto;border-radius:12px;border:2px solid #404040;box-shadow:0 4px 16px #0000004d}.pirates-flow-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.pirates-stages-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.pirates-detail-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.detail-item ul{margin:1rem 0;padding-left:2rem;color:#e0e0e0}.pirates-recruit-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}@media (max-width: 768px){.golden-hook-pirates{padding:2rem 1rem}.golden-hook-title{font-size:2rem}.section-title{font-size:1.5rem}.flow-table,.reward-table{font-size:.9rem}.flow-table th,.reward-table th{padding:.75rem;font-size:1rem}.flow-table td,.reward-table td{padding:.75rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.info-label{min-width:auto}.stages-grid{grid-template-columns:1fr;gap:1.5rem}.stage-item{padding:1rem}.stage-title{font-size:1.1rem}}.goddess-pq{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.goddess-pq-container{max-width:1200px;margin:0 auto}.goddess-pq-title{font-size:2.5rem;color:#fff;margin:0 0 3rem;font-weight:700;text-align:center;border-bottom:3px solid #4ecdc4;padding-bottom:1.5rem}.goddess-info-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.goddess-flow-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.goddess-stages-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.goddess-detail-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.goddess-recruit-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}@media (max-width: 768px){.goddess-pq{padding:2rem 1rem}.goddess-pq-title{font-size:2rem}.section-title{font-size:1.5rem}.flow-table,.reward-table{font-size:.9rem}.flow-table th,.reward-table th{padding:.75rem;font-size:1rem}.flow-table td,.reward-table td{padding:.75rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.info-label{min-width:auto}.stages-grid{grid-template-columns:1fr;gap:1.5rem}.stage-item{padding:1rem}.stage-title{font-size:1.1rem}}.romeo-juliet{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.romeo-juliet-container{max-width:1200px;margin:0 auto}.romeo-juliet-title{font-size:2.5rem;color:#fff;margin:0 0 3rem;font-weight:700;text-align:center;border-bottom:3px solid #4ecdc4;padding-bottom:1.5rem}.rj-info-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.info-grid{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:center;gap:1rem;font-size:1.1rem}.info-label{color:#b0b0b0;font-weight:600;min-width:120px}.info-value{color:#fff;font-weight:500}.npc-image-container{margin-top:2rem;text-align:center}.npc-image{max-width:100%;width:100%;max-width:600px;height:auto;border-radius:12px;border:2px solid #404040;box-shadow:0 4px 16px #0000004d;margin-bottom:1.5rem}.npc-image-container:last-child .npc-image{margin-bottom:0}.rj-flow-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.flow-table{margin-top:1.5rem;overflow-x:auto}.flow-table table{width:100%;border-collapse:collapse;background:#1a1a1a;border-radius:8px;overflow:hidden}.flow-table th{background:#4ecdc4;color:#fff;padding:1rem;text-align:left;font-weight:700;font-size:1.1rem}.flow-table td{padding:1rem;color:#e0e0e0;border-bottom:1px solid #404040}.flow-table tr:last-child td{border-bottom:none}.flow-table tr:hover{background:#252525}.rj-stages-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.stages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.stage-item{background:#1a1a1a;border:1px solid #404040;border-radius:12px;padding:1.5rem;transition:all .3s ease;text-align:center}.stage-item:hover{border-color:#4ecdc4;box-shadow:0 8px 24px #4ecdc433;transform:translateY(-5px)}.stage-title{color:#4ecdc4;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.stage-image{width:100%;height:auto;border-radius:8px;border:2px solid #404040;margin-bottom:1rem;transition:transform .3s ease}.stage-item:hover .stage-image{transform:scale(1.02)}.stage-description{color:#b0b0b0;font-size:1rem;margin:0;line-height:1.5}.rj-detail-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.detail-item{margin:2rem 0;padding:1.5rem;background:#1a1a1a;border-radius:8px;border-left:4px solid #4ecdc4}.detail-title{color:#4ecdc4;font-size:1.4rem;font-weight:700;margin:0 0 1rem}.detail-item p{color:#e0e0e0;line-height:1.8;margin:.75rem 0}.detail-item strong{color:#fff}.detail-item ul,.detail-item ol{margin:1rem 0;padding-left:2rem;color:#e0e0e0}.detail-item li{margin:.5rem 0;line-height:1.6}.tip-box{background:#0f0f0f;border-left:4px solid #ffd700;border-radius:8px;padding:1.5rem;margin:1rem 0}.tip-box.warning-box{border-left-color:#ff6b6b}.warning-box .tip-title{color:#ff6b6b}.tip-highlight{color:#4ecdc4;font-weight:700;margin-top:.5rem}.rj-recruit-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.recruit-content{color:#e0e0e0;line-height:1.8}.recruit-title{font-size:1.8rem;color:#fff;margin:0 0 1.5rem;font-weight:700;text-align:center}.highlight-box{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-radius:8px;padding:1.5rem;margin:1.5rem 0;text-align:center}.highlight-box p{color:#fff;font-size:1.2rem;font-weight:700;margin:0}.recruit-info{margin:2rem 0}.recruit-info h4{color:#4ecdc4;font-size:1.4rem;margin:0 0 1rem;font-weight:700}.recruit-info ul{list-style:none;padding:0;margin:0}.recruit-info li{padding:.75rem 0;color:#e0e0e0;border-bottom:1px solid #404040}.recruit-info li:last-child{border-bottom:none}.recruit-info strong{color:#fff}.reward-section{margin:2rem 0}.reward-section h4{color:#4ecdc4;font-size:1.4rem;margin:0 0 1.5rem;font-weight:700}.reward-box{background:#1a1a1a;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.reward-box h5{color:gold;font-size:1.2rem;margin:0 0 1rem;font-weight:700}.reward-box ul{list-style:none;padding:0;margin:0}.reward-box li{padding:.75rem 0;color:#e0e0e0;border-bottom:1px solid #2d2d2d}.reward-box li:last-child{border-bottom:none}.reward-box strong{color:#fff}.reward-table{width:100%;border-collapse:collapse;margin-top:1rem;background:#0f0f0f;border-radius:8px;overflow:hidden}.reward-table th{background:#4ecdc4;color:#fff;padding:1rem;text-align:left;font-weight:700;font-size:1rem}.reward-table td{padding:1rem;color:#e0e0e0;border-bottom:1px solid #2d2d2d}.reward-table tr:last-child td{border-bottom:none}.reward-table tr:hover{background:#1a1a1a}.recruit-template{margin:2rem 0}.recruit-template h4{color:#4ecdc4;font-size:1.4rem;margin:0 0 1rem;font-weight:700}.recruit-template p{color:#b0b0b0;margin:0 0 1rem}.template-box{background:#0f0f0f;border:2px solid #4ecdc4;border-radius:8px;padding:1.5rem;margin-top:1rem}.template-box code{color:#4ecdc4;font-size:1.1rem;font-weight:600;white-space:pre-wrap;word-break:break-word;display:block}@media (max-width: 768px){.romeo-juliet{padding:2rem 1rem}.romeo-juliet-title{font-size:2rem}.section-title{font-size:1.5rem}.flow-table,.reward-table{font-size:.9rem}.flow-table th,.reward-table th{padding:.75rem;font-size:1rem}.flow-table td,.reward-table td{padding:.75rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.info-label{min-width:auto}.stages-grid{grid-template-columns:1fr;gap:1.5rem}.stage-item{padding:1rem}.stage-title{font-size:1.1rem}}.showcase{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.showcase-container{max-width:1200px;margin:0 auto}.showcase-title{font-size:2.5rem;color:#fff;margin:0 0 3rem;font-weight:700;text-align:center;border-bottom:3px solid #4ecdc4;padding-bottom:1.5rem}.showcase-intro-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.intro-content{color:#e0e0e0;line-height:1.8}.intro-text{font-size:1.1rem;margin:1rem 0;color:#e0e0e0}.intro-text strong{color:#4ecdc4;font-weight:700}.showcase-mechanism-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.mechanism-content{color:#e0e0e0;line-height:1.8}.mechanism-text{font-size:1.1rem;margin:1rem 0;color:#e0e0e0}.mechanism-text strong{color:#4ecdc4;font-weight:700}.showcase-acquisition-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.acquisition-content{color:#e0e0e0;line-height:1.8}.acquisition-intro{font-size:1.1rem;margin:1rem 0 2rem;color:#e0e0e0}.acquisition-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.method-item{background:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:1.5rem;transition:all .3s ease}.method-item:hover{border-color:#4ecdc4;box-shadow:0 8px 24px #4ecdc433;transform:translateY(-5px)}.method-title{color:#4ecdc4;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.method-description{color:#b0b0b0;font-size:1rem;line-height:1.6;margin:0}.showcase-storage-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.storage-content{color:#e0e0e0;line-height:1.8}.storage-intro{font-size:1.1rem;margin:1rem 0 2rem;color:#e0e0e0}.tip-list{list-style:none;padding:0;margin:0;color:#e0e0e0}.tip-list li{padding:.75rem 0;line-height:1.6;border-bottom:1px solid #2d2d2d}.tip-list li:last-child{border-bottom:none}.tip-list strong{color:#fff}.showcase-benefits-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.benefits-content{color:#e0e0e0;line-height:1.8}.benefits-intro{font-size:1.1rem;margin:1rem 0 2rem;color:#e0e0e0}.benefits-intro strong{color:#4ecdc4;font-weight:700}.benefits-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.benefit-item{background:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:1.5rem;transition:all .3s ease}.benefit-item:hover{border-color:#4ecdc4;box-shadow:0 8px 24px #4ecdc433;transform:translateY(-5px)}.benefit-title{color:#4ecdc4;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.benefit-description{color:#b0b0b0;font-size:1rem;line-height:1.6;margin:0}.showcase-images-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.image-item{background:#1a1a1a;border:1px solid #404040;border-radius:12px;padding:1.5rem;transition:all .3s ease;text-align:center}.image-item:hover{border-color:#4ecdc4;box-shadow:0 8px 24px #4ecdc433;transform:translateY(-5px)}.image-title{color:#4ecdc4;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.showcase-image{width:100%;height:auto;border-radius:8px;border:2px solid #404040;margin-bottom:1rem;transition:transform .3s ease}.image-item:hover .showcase-image{transform:scale(1.02)}.image-description{color:#b0b0b0;font-size:1rem;margin:0;line-height:1.5}.showcase-action-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.action-content{color:#e0e0e0;line-height:1.8}.action-text{font-size:1.1rem;margin:1rem 0;color:#e0e0e0}.command-box{background:#0f0f0f;border:2px solid #4ecdc4;border-radius:8px;padding:1.5rem;margin-top:2rem;text-align:center}.command-title{color:#4ecdc4;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.command-list{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.command-item{background:#2d2d2d;color:#4ecdc4;font-size:1.2rem;font-weight:700;padding:.75rem 1.5rem;border-radius:6px;border:1px solid #4ecdc4}.command-separator{color:#b0b0b0;font-size:1rem}@media (max-width: 768px){.showcase{padding:2rem 1rem}.showcase-title{font-size:2rem}.section-title{font-size:1.5rem}.acquisition-methods,.benefits-list,.images-grid{grid-template-columns:1fr;gap:1.5rem}.command-list{flex-direction:column;gap:.75rem}.command-separator{margin:0}}.pet-synthesis{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.pet-synthesis-container{max-width:1200px;margin:0 auto}.pet-synthesis-title{font-size:2.5rem;color:#fff;margin:0 0 3rem;font-weight:700;text-align:center;border-bottom:3px solid #4ecdc4;padding-bottom:1.5rem}.pet-overview-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.pet-levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.pet-level-card{background:#1a1a1a;border:2px solid #404040;border-radius:12px;padding:1.5rem;transition:all .3s ease}.pet-level-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000004d}.pet-level-card.c-level{border-color:#9e9e9e}.pet-level-card.c-level:hover{border-color:#bdbdbd;box-shadow:0 8px 24px #9e9e9e4d}.pet-level-card.b-level{border-color:#4ecdc4}.pet-level-card.b-level:hover{border-color:#5dd5cc;box-shadow:0 8px 24px #4ecdc44d}.pet-level-card.a-level{border-color:gold}.pet-level-card.a-level:hover{border-color:#ffed4e;box-shadow:0 8px 24px #ffd7004d}.pet-level-card.s-level{border-color:#ff6b6b;background:linear-gradient(135deg,#1a1a1a,#2a1a1a)}.pet-level-card.s-level:hover{border-color:#ff8787;box-shadow:0 8px 24px #ff6b6b66}.pet-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #404040}.pet-level-title{font-size:1.5rem;color:#fff;margin:0;font-weight:700}.pet-level-badge{background:#2d2d2d;color:#b0b0b0;font-size:.85rem;padding:.4rem .8rem;border-radius:6px;border:1px solid #404040}.pet-level-content{display:flex;flex-direction:column;gap:1rem}.pet-ability{display:flex;flex-direction:column;gap:.5rem}.ability-label{color:#b0b0b0;font-size:.9rem;font-weight:600}.ability-value{color:#fff;font-size:1.1rem;font-weight:600}.ability-value.highlight{color:#4ecdc4;font-weight:700}.pet-source{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid #2d2d2d}.source-label{color:#b0b0b0;font-size:.9rem;font-weight:600}.source-value{color:#e0e0e0;font-size:1rem}.pet-system-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.system-content{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.system-item{background:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:1.5rem;border-left:4px solid #4ecdc4}.system-item-title{color:#4ecdc4;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.system-item-content{color:#e0e0e0;line-height:1.8}.system-text{font-size:1.1rem;margin:0;color:#e0e0e0}.system-text strong{color:#fff;font-weight:700}.pet-image-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.pet-image-container{margin-top:2rem;text-align:center}.pet-synthesis-image{max-width:100%;width:100%;max-width:1000px;height:auto;border-radius:12px;border:2px solid #404040;box-shadow:0 4px 16px #0000004d}.image-caption{color:#b0b0b0;font-size:1rem;margin-top:1rem;font-weight:500}@media (max-width: 768px){.pet-synthesis{padding:2rem 1rem}.pet-synthesis-title{font-size:2rem}.section-title{font-size:1.5rem}.pet-levels-grid{grid-template-columns:1fr;gap:1.5rem}.pet-level-card{padding:1.25rem}.pet-level-title{font-size:1.3rem}.system-item{padding:1.25rem}.system-item-title{font-size:1.1rem}}.my-house{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.my-house-container{max-width:1200px;margin:0 auto}.my-house-title{font-size:2.5rem;color:#fff;margin:0 0 3rem;font-weight:700;text-align:center;border-bottom:3px solid #4ecdc4;padding-bottom:1.5rem}.my-house-hero-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.hero-subtitle{font-size:1.2rem;color:#b0b0b0;margin:0 0 1rem;font-weight:600}.hero-text{font-size:1.3rem;color:#fff;margin:0 0 2rem;font-weight:600;line-height:1.8}.hero-image-container{margin:2rem 0;text-align:center}.hero-image{max-width:100%;width:100%;max-width:800px;height:auto;border-radius:12px;border:2px solid #404040;box-shadow:0 4px 16px #0000004d}.my-house-features-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.features-intro{color:#b0b0b0;font-size:1rem;margin:0 0 2rem;text-align:center}.feature-content code{background:#0f0f0f;border:1px solid #4ecdc4;border-radius:4px;padding:.25rem .5rem;color:#4ecdc4;font-family:Courier New,monospace;font-size:.95rem}.feature-image-container{margin:1.5rem 0;text-align:center}.feature-image{max-width:100%;width:100%;max-width:600px;height:auto;border-radius:8px;border:2px solid #404040;box-shadow:0 4px 16px #0000004d}.tip-title{color:gold;font-weight:700;font-size:1.1rem;margin:0 0 .5rem}.tip-box p{color:#e0e0e0;margin:.5rem 0;line-height:1.6}.tip-box code{background:#0f0f0f;border:1px solid #ffd700;border-radius:4px;padding:.25rem .5rem;color:gold;font-family:Courier New,monospace;font-size:.95rem}.my-house-faq-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.faq-intro{color:#b0b0b0;font-size:1rem;margin:0 0 2rem;line-height:1.8}.faq-table{margin-top:1.5rem;overflow-x:auto}.faq-table table{width:100%;border-collapse:collapse;background:#1a1a1a;border-radius:8px;overflow:hidden}.faq-table th{background:#4ecdc4;color:#fff;padding:1rem;text-align:left;font-weight:700;font-size:1.1rem}.faq-table td{padding:1rem;color:#e0e0e0;border-bottom:1px solid #404040;line-height:1.8;vertical-align:top}.faq-table tr:last-child td{border-bottom:none}.faq-table tr:hover{background:#252525}.faq-table td:first-child{font-weight:600;color:#fff;width:40%}.my-house-cta-section{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #4ecdc4;border-radius:12px;padding:3rem 2rem;margin-bottom:2rem;text-align:center}.cta-description code{background:#0f0f0f;border:2px solid #4ecdc4;border-radius:4px;padding:.5rem 1rem;color:#4ecdc4;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;margin:0 .5rem}@media (max-width: 768px){.my-house{padding:2rem 1rem}.my-house-title{font-size:2rem}.section-title{font-size:1.5rem}.hero-text{font-size:1.1rem}.cta-text{font-size:1rem}.feature-title{font-size:1.2rem}.feature-content p{font-size:1rem}.faq-table{font-size:.9rem}.faq-table th,.faq-table td{padding:.75rem}.faq-table td:first-child{width:50%}.cta-title{font-size:1.5rem}.cta-description{font-size:1.1rem}.cta-description code{display:block;margin:.5rem 0}}.equipment-synthesis{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.equipment-synthesis-container{max-width:1200px;margin:0 auto}.equipment-synthesis-title{font-size:2.5rem;color:#fff;margin:0 0 1rem;font-weight:700;text-align:center;border-bottom:3px solid #4ecdc4;padding-bottom:1.5rem}.equipment-synthesis-subtitle{font-size:1.3rem;color:#b0b0b0;text-align:center;margin:0 0 3rem;line-height:1.8;font-weight:500}.equipment-synthesis-hero-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.hero-content{text-align:center}.hero-subtitle{font-size:1.2rem;color:#b0b0b0;margin:0 0 2rem;font-weight:600}.evolution-chain{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin:2rem 0;padding:2rem;background:#1a1a1a;border-radius:12px;border:2px solid #404040}.evolution-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:120px}.evolution-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #4ecdc4;border-radius:12px;box-shadow:0 4px 12px #4ecdc44d;transition:all .3s ease}.evolution-item:hover .evolution-icon{transform:scale(1.1);box-shadow:0 6px 20px #4ecdc480}.evolution-label{color:#fff;font-size:1rem;font-weight:600;text-align:center;padding:.5rem 1rem;background:#2d2d2d;border-radius:6px;border:1px solid #404040}.evolution-arrow{font-size:2rem;color:#4ecdc4;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.hero-cta{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-radius:8px}.cta-text{color:#fff;font-size:1.2rem;font-weight:700;margin:0}.equipment-synthesis-features-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.features-grid{display:flex;flex-direction:column;gap:2rem}.feature-item{background:#1a1a1a;border:1px solid #404040;border-radius:12px;padding:2rem;position:relative;border-left:4px solid #4ecdc4}.feature-number{position:absolute;top:-15px;left:20px;background:#4ecdc4;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 8px #0000004d}.feature-title{color:#4ecdc4;font-size:1.4rem;font-weight:700;margin:.5rem 0 1.5rem}.feature-content{color:#e0e0e0;line-height:1.8}.feature-content p{margin:1rem 0;font-size:1.1rem}.feature-content strong{color:#fff;font-weight:700}.tip-box{background:#0f0f0f;border-left:4px solid #ffd700;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.tip-title{color:gold;font-weight:700;font-size:1.1rem;margin:0 0 1rem}.material-sources{display:flex;flex-direction:column;gap:1rem}.source-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#1a1a1a;border-radius:8px;border:1px solid #2d2d2d}.source-icon{font-size:1.5rem;flex-shrink:0}.source-content{color:#e0e0e0;line-height:1.8;flex:1}.source-content strong{color:#fff;font-weight:700}.equipment-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.equipment-type{background:#0f0f0f;border:1px solid #2d2d2d;border-radius:8px;padding:1.5rem;border-left:3px solid #4ecdc4}.equipment-type-title{color:#4ecdc4;font-size:1.2rem;font-weight:700;margin:0 0 1rem}.equipment-list{list-style:none;padding:0;margin:0}.equipment-list li{color:#e0e0e0;line-height:1.8;margin:.75rem 0;padding-left:1rem;position:relative}.equipment-list li:before{content:"•";color:#4ecdc4;font-weight:700;position:absolute;left:0}.equipment-list li strong{color:#fff;font-weight:700}.chair-benefits{list-style:none;padding:0;margin:1rem 0 0}.chair-benefits li{color:#e0e0e0;line-height:1.8;margin:.75rem 0;padding-left:1.5rem;position:relative}.chair-benefits li:before{content:"✓";color:gold;font-weight:700;position:absolute;left:0}.chair-benefits li strong{color:#fff;font-weight:700}.equipment-synthesis-cta-section{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid #4ecdc4;border-radius:12px;padding:3rem 2rem;margin-bottom:2rem;text-align:center}.cta-content{color:#e0e0e0}.cta-title{font-size:2rem;color:#fff;margin:0 0 1.5rem;font-weight:700}.cta-description{font-size:1.3rem;color:#e0e0e0;margin:0;line-height:1.8}@media (max-width: 768px){.equipment-synthesis{padding:2rem 1rem}.equipment-synthesis-title{font-size:2rem}.equipment-synthesis-subtitle{font-size:1.1rem}.section-title{font-size:1.5rem}.evolution-chain{flex-direction:column;gap:1rem}.evolution-arrow{transform:rotate(90deg);font-size:1.5rem}.evolution-item{min-width:100px}.evolution-icon{width:60px;height:60px;font-size:2rem}.evolution-label{font-size:.9rem}.cta-text{font-size:1rem}.feature-title{font-size:1.2rem}.feature-content p{font-size:1rem}.source-item{flex-direction:column;align-items:center;text-align:center}.equipment-examples{grid-template-columns:1fr;gap:1rem}.equipment-type{padding:1rem}.equipment-type-title{font-size:1.1rem}.cta-title{font-size:1.5rem}.cta-description{font-size:1.1rem}}.gem-inlay{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.gem-inlay-container{max-width:1200px;margin:0 auto;line-height:1.8}.page-title{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;color:#fff;text-align:center;line-height:1.4}.page-subtitle{font-size:1.2rem;color:#b0b0b0;text-align:center;margin-bottom:2rem;font-style:italic}.gem-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.gem-type-card{background:#2d2d2d;border:1px solid #404040;border-left:4px solid;border-radius:8px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.gem-type-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000080}.gem-type-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.gem-emoji{font-size:2rem}.gem-type-name{font-size:1.3rem;font-weight:600;margin:0}.gem-type-english{font-size:.9rem;color:#b0b0b0;margin:.25rem 0 0;font-style:italic}.gem-type-stats{margin-bottom:1rem}.stat-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #404040}.stat-item:last-child{border-bottom:none}.stat-label{color:#b0b0b0}.stat-value{color:#fff;font-weight:600}.gem-type-image{width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px;padding:.5rem;margin-top:1rem}.gem-type-image img{max-width:100%;max-height:100%;object-fit:contain}.refinement-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.rule-block{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}.rule-icon{font-size:2rem;flex-shrink:0}.rule-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.rule-text{color:#b0b0b0;margin:0;line-height:1.6}.inlay-rules{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.inlay-rule-item{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;display:flex;gap:1.5rem;align-items:flex-start}.inlay-rule-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#606060,gray);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff}.inlay-rule-content{flex:1}.inlay-rule-content h4{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.inlay-rule-content p{color:#b0b0b0;margin:0;line-height:1.6}.inlay-rule-content strong{color:#fff;font-weight:600}.ui-sections{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.ui-section-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:2rem}.ui-section-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem}.ui-section-subtitle{font-size:1rem;color:#b0b0b0;margin-bottom:1.5rem;font-style:italic}.ui-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.ui-feature{background:#0000004d;border-radius:8px;padding:1.5rem}.ui-feature h4{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem}.ui-feature ul{list-style:none;padding:0;margin:0}.ui-feature li{color:#b0b0b0;padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.6}.ui-feature li:before{content:"•";position:absolute;left:0;color:#4caf50;font-weight:700}.rarity-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.rarity-level-card{background:#2d2d2d;border:2px solid;border-radius:8px;padding:1.5rem;text-align:center;transition:transform .3s ease}.rarity-level-card:hover{transform:scale(1.05)}.rarity-level-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:600;color:#fff;margin-bottom:1rem}.rarity-level-name{font-size:1.2rem;font-weight:600;margin:.5rem 0}.rarity-level-note{font-size:.9rem;color:#b0b0b0;margin:.5rem 0 0}.probability-info{margin-top:2rem}.probability-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;margin-top:1rem}.probability-card p{color:#b0b0b0;margin-bottom:1rem;line-height:1.6}.probability-card strong{color:#4caf50;font-weight:600}.probability-details{background:#0000004d;border-left:4px solid #4CAF50;padding:1rem;border-radius:4px}.probability-details p{color:#fff;margin:0;font-size:1.1rem}.system-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:1.5rem}.system-image-item{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;text-align:center}.system-image-item h4{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem}.system-image-item img{max-width:100%;height:auto;border-radius:8px;border:1px solid #404040}@media (max-width: 768px){.gem-inlay{padding:1rem}.page-title{font-size:1.6rem}.section-title{font-size:1.5rem}.gem-types-grid,.refinement-rules,.ui-features,.rarity-levels,.system-images{grid-template-columns:1fr}}.medal-enhancement{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.medal-enhancement-container{max-width:1200px;margin:0 auto;line-height:1.8}.subsection-title{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:1.5rem;margin-top:1.5rem}.system-preview{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;text-align:center;margin-top:1.5rem}.medal-intro-card{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;display:flex;gap:2rem;align-items:center;margin-top:1.5rem}.medal-image-container{flex-shrink:0;width:150px;height:150px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:12px;padding:1rem}.medal-image{max-width:100%;max-height:100%;object-fit:contain}.medal-info{flex:1}.medal-name{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.medal-description{font-size:1.1rem;color:#b0b0b0;margin:0;line-height:1.8}.medal-description strong{color:#4caf50;font-weight:600}.acquisition-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.method-card{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;display:flex;gap:1.5rem;align-items:flex-start;transition:transform .3s ease,box-shadow .3s ease}.method-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000080;border-color:#4ecdc4}.method-icon{font-size:3rem;flex-shrink:0}.method-content{flex:1}.method-title{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.75rem}.method-description{font-size:1.05rem;color:#b0b0b0;margin:0;line-height:1.6}.method-description strong{color:#4caf50;font-weight:600}.task-interface-preview,.random-task-preview{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;margin-top:2rem;text-align:center}.task-interface-image,.random-task-image{max-width:100%;height:auto;border-radius:8px;border:1px solid #404040;margin-top:1rem}.enhancement-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.rule-card{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;display:flex;gap:1.5rem;align-items:flex-start;transition:transform .3s ease,box-shadow .3s ease}.rule-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000080;border-color:#4ecdc4}.rule-icon{font-size:3rem;flex-shrink:0}.rule-content{flex:1}.rule-title{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.75rem}.rule-text{font-size:1.05rem;color:#b0b0b0;margin:0;line-height:1.6}.rule-text strong{color:#4caf50;font-weight:600}.rule-example{font-size:.95rem;color:gray;margin:.5rem 0 0;font-style:italic}.bonus-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.bonus-card{background:#2d2d2d;border:2px solid;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.bonus-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000080}.bonus-header{padding:1.5rem;border-bottom:2px solid;text-align:center;background:#0003}.bonus-range{font-size:1.5rem;font-weight:700}.bonus-content{padding:2rem;display:flex;gap:1rem;align-items:center}.bonus-icon{font-size:2rem;flex-shrink:0}.bonus-text{font-size:1.1rem;color:#e0e0e0;margin:0;line-height:1.6}.bonus-summary{margin-top:2rem}.summary-card{background:linear-gradient(135deg,#4ecdc433,#4ecdc41a);border:2px solid #4ecdc4;border-radius:12px;padding:2rem}.summary-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem;text-align:center}.summary-details{display:flex;flex-direction:column;gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0000004d;border-radius:8px;border-left:4px solid #4ecdc4}.detail-item.highlight{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-left-color:gold}.detail-label{font-size:1.1rem;color:#b0b0b0;font-weight:600}.detail-value{font-size:1.1rem;color:#4caf50;font-weight:600}.detail-item.highlight .detail-value{color:gold}@media (max-width: 768px){.medal-enhancement{padding:1rem}.page-title{font-size:1.6rem}.section-title{font-size:1.5rem}.medal-intro-card{flex-direction:column;text-align:center}.medal-image-container{width:120px;height:120px}.acquisition-methods,.enhancement-rules,.bonus-levels{grid-template-columns:1fr}.detail-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.fishing-system{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.fishing-system-container{max-width:1200px;margin:0 auto}.fishing-system-title{font-size:2.5rem;color:#fff;margin:0 0 3rem;font-weight:700;text-align:center;border-bottom:3px solid #4ecdc4;padding-bottom:1.5rem}.fishing-basic-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.basic-items-table{margin-top:1.5rem;overflow-x:auto}.basic-items-table table{width:100%;border-collapse:collapse;background:#1a1a1a;border-radius:8px;overflow:hidden}.basic-items-table th{background:#4ecdc4;color:#fff;padding:1rem;text-align:left;font-weight:700;font-size:1.1rem}.basic-items-table td{padding:1rem;color:#e0e0e0;border-bottom:1px solid #404040}.basic-items-table tr:last-child td{border-bottom:none}.basic-items-table tr:hover{background:#252525}.fishing-output-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.output-content{color:#e0e0e0;line-height:1.8}.output-intro{font-size:1.1rem;margin:1rem 0 2rem;color:#e0e0e0}.output-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.output-item{background:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.output-item:hover{border-color:#4ecdc4;box-shadow:0 8px 24px #4ecdc433;transform:translateY(-5px)}.output-item.highlight-item{border-color:gold;background:linear-gradient(135deg,#1a1a1a,#2a2a1a)}.output-item.highlight-item:hover{border-color:#ffed4e;box-shadow:0 8px 24px #ffd7004d}.output-icon{font-size:2rem;display:inline-block}.output-name{color:#fff;font-size:1.1rem;font-weight:600}.fishing-rewards-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.rewards-content{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.reward-mechanism{background:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:1.5rem;border-left:4px solid #4ecdc4}.mechanism-title{color:#4ecdc4;font-size:1.4rem;font-weight:700;margin:0 0 1.5rem}.mechanism-details{display:flex;flex-direction:column;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{color:#b0b0b0;font-size:1rem;font-weight:600}.detail-value{color:#e0e0e0;font-size:1.1rem;line-height:1.6}.detail-value.highlight{color:#4ecdc4;font-weight:700}.detail-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.list-item{color:#e0e0e0;font-size:1.1rem;padding-left:1.5rem;position:relative}.list-item:before{content:"•";position:absolute;left:0;color:#4ecdc4;font-weight:700}.fishing-boss-rewards-section{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:2rem}.boss-rewards-content{color:#e0e0e0;line-height:1.8}.boss-rewards-intro{font-size:1.1rem;margin:1rem 0 2rem;color:#e0e0e0}.boss-rewards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.boss-reward-item{background:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.boss-reward-item:hover{border-color:#4ecdc4;box-shadow:0 8px 24px #4ecdc433;transform:translateY(-5px)}.boss-reward-item.highlight-reward{border-color:gold;background:linear-gradient(135deg,#1a1a1a,#2a2a1a)}.boss-reward-item.highlight-reward:hover{border-color:#ffed4e;box-shadow:0 8px 24px #ffd7004d}.reward-icon{font-size:2rem;display:inline-block}.reward-name{color:#fff;font-size:1.1rem;font-weight:600}@media (max-width: 768px){.fishing-system{padding:2rem 1rem}.fishing-system-title{font-size:2rem}.section-title{font-size:1.5rem}.basic-items-table{font-size:.9rem}.basic-items-table th,.basic-items-table td{padding:.75rem}.output-items,.boss-rewards-list{grid-template-columns:1fr;gap:1rem}.output-item,.boss-reward-item,.reward-mechanism{padding:1.25rem}.mechanism-title{font-size:1.2rem}}.active-system{min-height:calc(100vh - 80px);background:#1a1a1a;padding:3rem 2rem}.active-system-container{max-width:1200px;margin:0 auto}.active-system-title{font-size:2.5rem;color:#fff;margin:0 0 2rem;font-weight:700;text-align:center;border-bottom:3px solid #4ecdc4;padding-bottom:1.5rem}.intro-section{background:linear-gradient(135deg,#4040404d,#6060604d);border:1px solid #404040;border-radius:12px;padding:2rem;margin-bottom:3rem}.intro-text strong{color:#4caf50;font-weight:600}.section-title{font-size:1.8rem;color:#fff;margin:3rem 0 1.5rem;font-weight:700;border-left:4px solid #4ecdc4;padding-left:1rem}.section-subtitle{font-size:1.1rem;color:#b0b0b0;margin-bottom:1.5rem;line-height:1.6}.system-preview{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:1.5rem;text-align:center;margin-top:1.5rem}.system-preview-image{max-width:100%;height:auto;border-radius:8px;border:1px solid #404040}.clickable-image{cursor:pointer;transition:opacity .3s ease}.clickable-image:hover{opacity:.8}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.task-card{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.task-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000080;border-color:#4ecdc4}.task-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.task-icon{font-size:2rem;flex-shrink:0}.task-info{flex:1}.task-name{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 .5rem}.task-requirement{font-size:1rem;color:#b0b0b0;margin:0}.task-points{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #404040}.points-label{font-size:.9rem;color:#b0b0b0}.points-value{font-size:1.5rem;font-weight:700;color:#4caf50}.total-points-summary{margin-top:2rem;display:flex;justify-content:center}.summary-card{background:linear-gradient(135deg,#4ecdc433,#4ecdc41a);border:2px solid #4ecdc4;border-radius:12px;padding:1.5rem 3rem;display:flex;align-items:center;gap:1rem}.summary-label{font-size:1.2rem;color:#e0e0e0;font-weight:600}.summary-value{font-size:2rem;font-weight:700;color:#4caf50}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:1.5rem}.reward-card{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.reward-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000080;border-color:#4ecdc4}.reward-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.reward-points{font-size:1.5rem;font-weight:700;color:#4caf50}.reward-label{font-size:1rem;color:#b0b0b0}.reward-image-container{width:100%;padding-top:100%;position:relative;background:#0000004d;border-radius:8px;overflow:hidden}.reward-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:8px}.final-message{text-align:center;background:linear-gradient(135deg,#4040404d,#6060604d);border:1px solid #404040;border-radius:12px;padding:2.5rem;margin-top:3rem}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;animation:zoomIn .3s ease}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.image-modal-close{position:absolute;top:-40px;right:0;background:#fff3;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:40px;height:40px;color:#fff;font-size:2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001}.image-modal-close:hover{background:#ffffff4d;border-color:#fffc;transform:rotate(90deg)}.image-modal-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #00000080}@media (max-width: 768px){.active-system{padding:1rem}.active-system-title{font-size:1.8rem}.section-title{font-size:1.5rem}.tasks-grid,.rewards-grid{grid-template-columns:1fr}.summary-card{flex-direction:column;padding:1.5rem}.summary-value{font-size:1.5rem}}.newbie-gift{min-height:calc(100vh - 80px);background:#1a1a1a;padding:2rem;color:#fff}.newbie-gift-container{max-width:1200px;margin:0 auto;line-height:1.8}.page-title{font-size:2.2rem;font-weight:700;margin-bottom:2rem;color:#fff;text-align:center;line-height:1.4}.intro-section{background:linear-gradient(135deg,#4040404d,#6060604d);border:1px solid #404040;border-radius:8px;padding:2rem;margin-bottom:3rem}.intro-text{font-size:1.2rem;color:#e0e0e0;margin:0;line-height:1.8;text-align:center}.content-section{margin-bottom:3rem}.section-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #404040}.gift-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.gift-item-card{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.gift-item-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000080;border-color:#606060}.gift-item-image{width:80px;height:80px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px;padding:.5rem}.gift-item-image img{max-width:100%;max-height:100%;object-fit:contain}.gift-item-info{width:100%}.gift-item-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.gift-item-quantity{font-size:1rem;color:#4caf50;font-weight:600;margin-bottom:.5rem}.gift-item-description{font-size:.9rem;color:#b0b0b0;margin:.5rem 0 0;line-height:1.5}.claim-section{background:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:2rem;display:flex;gap:2rem;align-items:center;margin-top:1.5rem}.claim-info{flex:1}.claim-info p{color:#b0b0b0;font-size:1.05rem;margin-bottom:1rem;line-height:1.8}.claim-info p:last-child{margin-bottom:0}.claim-info strong{color:#fff;font-weight:600}.claim-npc-image{flex-shrink:0;width:200px;height:200px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px;padding:1rem}.claim-npc-image img{max-width:100%;max-height:100%;object-fit:contain}.final-message{text-align:center;background:linear-gradient(135deg,#4040404d,#6060604d);border:1px solid #404040;border-radius:8px;padding:2.5rem;margin-top:3rem}.final-message p{font-size:1.1rem;color:#e0e0e0;margin-bottom:1rem;line-height:1.8}.final-message p:last-child{margin-bottom:0}.call-to-action{font-size:1.3rem!important;font-weight:600!important;color:#fff!important;margin:1.5rem 0!important}@media (max-width: 768px){.newbie-gift{padding:1rem}.page-title{font-size:1.6rem}.section-title{font-size:1.5rem}.gift-items-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.gift-item-card{padding:1rem}.gift-item-image{width:60px;height:60px}.gift-item-name{font-size:1rem}.claim-section{flex-direction:column;padding:1.5rem}.claim-npc-image{width:150px;height:150px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}