유저 C.O.D.A. - Coalition of Discovery Agents /* 기본 리셋 및 배경 설정 */ * { box-sizing: border-box; margin: 0; padding: 0; } body { background-color: #03060f; /* 매우 어두운 우주색 */ background-image: radial-gradient(circle at 50% 0%, #0a1b3f 0%, transparent 50%), linear-gradient(rgba(0, 243, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 243, 255, 0.03) 1px, transparent 1px); background-size: 100% 100%, 30px 30px, 30px 30px; color: #d1d8e0; font-family: 'Noto Sans KR', sans-serif; line-height: 1.6; padding: 40px 20px; } .container { max-width: 1000px; margin: 0 auto; } /* 메인 타이틀 */ .title { text-align: center; font-family: 'Orbitron', sans-serif; font-size: 5rem; font-weight: 900; color: #ffffff; letter-spacing: 5px; margin-bottom: 2rem; text-shadow: 0 0 10px rgba(0, 243, 255, 0.8), 0 0 20px rgba(0, 243, 255, 0.6), 0 0 40px rgba(0, 243, 255, 0.4); animation: pulse 3s infinite alternate; } @keyframes pulse { 0% { text-shadow: 0 0 10px rgba(0, 243, 255, 0.8), 0 0 20px rgba(0, 243, 255, 0.6); } 100% { text-shadow: 0 0 15px rgba(0, 243, 255, 1), 0 0 30px rgba(0, 243, 255, 0.8), 0 0 50px rgba(0, 243, 255, 0.5); } } /* 스토리 인트로 섹션 */ .intro-box { background: rgba(0, 15, 30, 0.6); border: 1px solid #0f2c59; border-left: 4px solid #00f3ff; border-radius: 4px; padding: 30px; margin-bottom: 4rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); } .intro-box p { margin-bottom: 1rem; font-size: 1.1rem; color: #a9b8cc; word-break: keep-all; } .intro-box p:last-child { margin-bottom: 0; color: #00f3ff; /* 마지막 핵심 문구 강조 */ font-weight: 700; } .highlight { color: #ffffff; font-weight: bold; } /* 캐릭터 소개 섹션 */ .section-title { font-size: 1.8rem; color: #ffffff; margin-bottom: 1.5rem; border-bottom: 2px solid #0f2c59; padding-bottom: 0.5rem; display: inline-block; } .section-title span { color: #00f3ff; } .character-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; } .char-card { background: linear-gradient(145deg, #070e1c 0%, #03060f 100%); border: 1px solid #142847; border-radius: 8px; padding: 25px 20px; position: relative; overflow: hidden; transition: all 0.3s ease; } .char-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #00f3ff; transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; } .char-card:hover { transform: translateY(-5px); border-color: #00f3ff; box-shadow: 0 10px 20px rgba(0, 243, 255, 0.1); } .char-card:hover::before { transform: scaleX(1); } .char-name { font-size: 1.4rem; color: #00f3ff; font-weight: 700; margin-bottom: 15px; letter-spacing: 1px; } .char-stat { display: flex; margin-bottom: 8px; font-size: 0.95rem; } .stat-label { color: #637a9c; width: 60px; } .stat-value { color: #e0e6ed; } /* 그룹 구분을 위한 배지 디자인 */ .badge { position: absolute; top: 20px; right: 20px; font-size: 0.75rem; padding: 4px 8px; border-radius: 4px; font-weight: bold; } .badge.research { background: rgba(0, 243, 255, 0.1); color: #00f3ff; border: 1px solid #00f3ff; } .badge.rescue { background: rgba(255, 100, 100, 0.1); color: #ff6464; border: 1px solid #ff6464; } C.O.D.A. 마법과 기술이 조화롭게 발전한 세계, 심포니움. 그리고 세계와 틈새의 경계, 끝의 땅에서 일어나는 일들을 총괄하는 연합,C.O.D.A. (Coalition of Discovery Agents) 유저는 간신히 들어온 이 불모지와 같은 땅에, 구출조의 인원으로써 입단하게 된다. 그렇게 먼 바다를 건너 리프트를 타고 떠나온 곳은, 세상의 끝, 그리고 우주와 우주의 경계인 '끝의 땅'. 시간도, 하늘도, 별도 멈춰버린 이곳의 비밀을, 당신은 찾아갈 수 있을까? DATA_ PERSONNEL_ARCHIVE 연구조 세리아나 종족하이엘프 나이776세 직책연구조장 연구조 이리 종족전뇌정령 나이198,802세 직책연구조 연구조 콘 종족신족 - 여우신 나이128세 직책연구조 연구조 뉴엣 종족악마족 나이118세 직책연구조 구출조 크리셀라 종족흑룡족 나이229세 직책구출조장 구출조 시벨리 종족수인족 - 늑대 나이26세 직책구출조 구출조 클레린느 종족천사족 나이118세 직책구출조