/* 래퍼: 전체적인 카드 형태 */ .aria-card { display: block !important; max-width: 680px !important; margin: 15px auto !important; background: #ffffff !important; border: 1px solid #e1e8ed !important; border-radius: 10px !important; overflow: hidden !important; box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important; color: #34495e !important; line-height: 1.4 !important; } /* 헤더: 여름 느낌 낭낭한 블루 그라데이션 */ .aria-header { background: #d6eaf8 !important; background: linear-gradient(135deg, #aed6f1 0%, #d6eaf8 100%) !important; padding: 25px 30px !important; border-bottom: 1px solid #ade8f4 !important; } .aria-header h1 { margin: 0 !important; font-size: 20px !important; color: #2980b9 !important; /* 제목 색상 강제 */ font-weight: 800 !important; letter-spacing: -0.5px !important; } .aria-header p { margin: 6px 0 0 0 !important; font-size: 13px !important; color: #5d6d7e !important; font-weight: 500 !important; } /* 공통 섹션 설정 */ .aria-sec { padding: 25px 30px !important; border-bottom: 1px solid #f0f4f8 !important; } .aria-sec h2 { margin: 0 0 15px 0 !important; font-size: 15px !important; color: #2980b9 !important; font-weight: 700 !important; display: flex !important; align-items: center !important; } .aria-sec h2::after { content: '' !important; flex: 1 !important; height: 1px !important; background: #ebeef1 !important; margin-left: 12px !important; } /* 01. 캐릭터 프로필 */ .aria-profile { display: flex !important; gap: 20px !important; } .aria-img { flex: 0 0 225px !important; height: 300px !important; background: #f0f7fd !important; border: 1px solid #d6eaf8 !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 40px !important; } .aria-img img{ width:100%; height:100%; object-fit:cover; } .aria-details h3 { margin: 0 0 8px 0 !important; font-size: 17px !important; color: #2c3e50 !important; } .aria-tags { display: flex !important; gap: 4px !important; margin-bottom: 12px !important; } .aria-tag { background: #ebf5fb !important; color: #2e86c1 !important; padding: 2px 7px !important; border-radius: 4px !important; font-size: 10px !important; font-weight: 700 !important; } .aria-list { padding: 0 !important; margin: 0 !important; list-style: none !important; font-size: 12px !important; } .aria-list li { margin-bottom: 5px !important; display: flex !important; } .aria-list b { width: 65px !important; color: #7f8c8d !important; } /* 02. 스토리 / 03. 모드 공통 그리드 (3칸) */ .aria-grid { display: flex !important; gap: 10px !important; } .aria-item { flex: 1 !important; background: #fcfdfe !important; border: 1px solid #f0f4f8 !important; border-radius: 8px !important; padding: 12px !important; text-align: center !important; } .aria-item-icon { background: #eaf2f8 !important; height: 45px !important; border-radius: 5px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; margin-bottom: 10px !important; } .aria-item-img { height: 180px !important; border-radius: 5px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; margin-bottom: 10px !important; } .aria-item-img img{ height: 100%; width:100%; object-fit:cover; } .aria-item h4 { margin: 0 0 5px 0 !important; font-size: 12px !important; color: #2980b9 !important; } .aria-item p { margin: 0 !important; font-size: 10.5px !important; color: #626567 !important; line-height: 1.4 !important; } /* 04. 제작자 추천 (노란색 박스) */ .aria-tips { background: #fef9e7 !important; border-left: 5px solid #f1c40f !important; padding: 15px 20px !important; border-radius: 4px !important; } .aria-tips ul { margin: 0 !important; padding: 0 0 0 18px !important; } .aria-tips li { font-size: 12px !important; color: #7d6608 !important; margin-bottom: 5px !important; } .aria-footer { padding: 15px !important; text-align: center !important; font-size: 11px !important; color: #bdc3c7 !important; } /* [모바일 대응 미디어 쿼리] */ @media (max-width: 600px) { .aria-profile { flex-direction: column !important; /* 사진 아래로 상세 설명 이동 */ align-items: center !important; text-align: left !important; } .aria-img { width: 100% !important; max-width: 200px !important; } .aria-item-img { /* 이미지가 테두리를 뚫고 나가지 않게 */ overflow: hidden !important; border-radius: 8px !important; /* 카드 모서리에 맞춰 이미지 모서리도 둥글게 */ /* 박스 자체를 가운데로 정렬하기 위한 Flexbox 설정 */ display: flex !important; justify-content: center !important; /* 가로 가운데 정렬 */ align-items: center !important; /* 세로 가운데 정렬 */ /* 박스의 크기 정의 (네가 원하는 만큼 크기를 줄이거나 늘려봐) */ width: 100% !important; /* 부모 카드 너비를 다 채움 */ height: 250px !important; /* 원하는 이미지 액자 높이 설정 (!) */ margin-bottom: 10px !important; /* 이미지 아래 제목과의 간격 */ } .aria-item-img img{ /* 쓸모없는 text-align은 지우세요! */ /* 이미지를 박스에 꽉 채우되 비율을 유지 */ width: 100% !important; height: 100% !important; object-fit: cover !important; /* 박스에 맞춰 자름 */ object-position: center !important; /* 사진의 정중앙이 보이게 설정 */ /* 기본 여백 제거 */ margin: 0 !important; } .aria-grid { flex-direction: column !important; /* 가이드/모드 직렬 배치 */ } .aria-sec { padding: 20px !important; } .aria-tags { justify-content: center !important; } .aria-list li { justify-content: center !important; } } Dear, Anon 어느 여름 날 우리 집에 온 전투병기 아논 01. Character 아논 릴스 유전자 개조 전투 병기 동거인 AGE 20세 HIGHT 183cm JOB 지휘관->식객 LIKE 먹는 것 02. Story Guide 첫 만남 적들에게 쫓겨 죽음의 위기에 놓인 도중, 갑작스럽게 덮쳐온 빛에 의해 유저의 집으로 워프했다. 현대사회 정찰 전투기술만 극도로 발달한 세계에서 온 아논이 유저와 함께 현대사회에 적응하며 겪게 되는 이야기 추억 전쟁과 죽음밖에 없던 아논의 삶에 특별한 경험을 선물해주세요! 03. Mode Systems 👋 !이별 아논이랑 충분히 놀았으면 그를 원래 세계로 보내주세요. 유저와의 가장 소중한 추억이 깃든 장소에 게이트가 생성됩니다. 04. Maker's Tip 추천 LLM : Gemini 3.0 flash - 대사가 찰지지만, 캐릭터성을 위해 넣어둔 대사예시를 반복할 가능성이 있습니다. 추천 LLM : Gemini 2.5 Pro - 무난합니다. 코믹함보다 아논의 귀여운 모습을 보고싶은 분들에게 추천합니다. 추천 설정 : 문체설정 - 로맨스, 유저묘사설정 - 중간방지, Director AI - 장르:코미디, 시간흐름속도:느림, 분위기강도:높음. 제작자 취향입니다. (공유코드 AKM9-QVYG) 추천 페르소나 : 일상적임을 벗어나지 않으면서 개성적인 매력의 페르소나로 플레이해주세요. 아논이 점점 유저를 닮아갑니다! 50개의 이미지 미리보기 © 콩오이