맥북 에어 vs 맥북 프로 M3 칩 성능 차이와 사용자별 추천 가이드
맥북 에어 vs 맥북 프로 M3 칩 성능 차이와 사용자별 추천 가이드
e id="theme-css">
/* Forest Castle: Dark Mode Master Theme (CSS) */
/* 배경이 검은색(Dark Mode)일 때 눈이 편안하면서도 세련된 스타일 */
/* 1. 3줄 요약 박스 (Cyberpunk Style) */
.summary-box {
background-color: #1e1e1e; /* 짙은 다크 그레이 */
border-left: 5px solid #007bff; /* 네온 테크 블루 */
padding: 20px;
margin: 30px 0;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,0.5); /* 깊은 그림자 */
color: #e0e0e0; /* 밝은 회색 텍스트 */
}
.summary-title {
font-weight: 700;
font-size: 1.25em;
color: #4dabf7; /* 밝은 블루 (가독성 UP) */
margin-bottom: 15px;
display: flex; /* 아이콘 정렬 */
align-items: center;
}
.summary-title::before {
content: "🚀";
margin-right: 10px;
}
.summary-box ul {
margin: 0;
padding-left: 20px;
}
.summary-box li {
margin-bottom: 8px;
line-height: 1.6;
}
/* 2. 장단점 박스 (Dark Grid Style) */
.pros-cons-container {
display: flex;
gap: 15px;
margin: 30px 0;
flex-wrap: wrap;
}
.pros-box, .cons-box {
flex: 1;
min-width: 250px;
padding: 20px;
border-radius: 12px;
}
.pros-box {
background-color: #1b261b; /* 아주 짙은 녹색 배경 */
border: 1px solid #2e7d32; /* 어두운 녹색 테두리 */
}
.cons-box {
background-color: #261b1b; /* 아주 짙은 적색 배경 */
border: 1px solid #c62828; /* 어두운 적색 테두리 */
}
.pros-title {
color: #81c784; /* 밝은 녹색 텍스트 */
font-weight: 800;
font-size: 1.1em;
margin-bottom: 10px;
}
.cons-title {
color: #e57373; /* 밝은 적색 텍스트 */
font-weight: 800;
font-size: 1.1em;
margin-bottom: 10px;
}
.pros-box ul, .cons-box ul {
color: #333333; /* 다크 그레이 텍스트 (가독성 확보) */
}
/* 3. 에디터 노트 (Dark Gold) */
.editor-note {
background-color: #262010; /* 아주 짙은 옐로우 배경 */
padding: 15px 20px;
border-radius: 6px;
font-style: italic;
border-left: 4px solid #ffd54f; /* 밝은 노랑 */
margin: 25px 0;
color: #fff8e1; /* 밝은 크림색 텍스트 */
font-size: 0.95em;
}
/* 4. 본문 타이포그래피 (다크모드 전용) */
.post-body {
font-size: 17px;
line-height: 1.8;
color: #eceff1; /* 거의 흰색에 가까운 회색 (눈 피로 감소) */
letter-spacing: -0.02em;
}
h2 {
color: #ffffff;
border-bottom: 2px solid #333;
padding-bottom: 10px;
margin-top: 40px;
}
a {
color: #82b1ff; /* 링크 색상 (밝은 블루) */
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border-radius: 8px;
opacity: 0.95; /* 너무 쨍하지 않게 조절 */
}
/* 5. 다크모드 테이블 (Table) */
table {
width: 100%;
border-collapse: collapse;
background-color: transparent !important; /* 흰색 배경 강제 제거 */
margin: 20px 0;
color: #eceff1;
}
th {
background-color: #263238; /* 헤더: 어두운 청회색 */
color: #81d4fa; /* 텍스트: 밝은 하늘색 */
padding: 12px;
border-bottom: 2px solid #546e7a;
font-weight: 700;
}
td {
padding: 12px;
border-bottom: 1px solid #37474f; /* 셀 테두리 */
color: #cfd8dc;
}
tr:hover {
background-color: rgba(255, 255, 255, 0.05); /* 호버 효과 */
}
/* 6. 레이아웃 강제 확장 (Wide Width Ultimate Fix) */
/* 소호 테마의 모든 좁은 폭 제한 요소를 강력하게 해제 */
.centered-bottom, .post-wrapper, .post-body, .blog-posts, .post-outer, .post, .entry-content, .item-view {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 예외: 본문 가독성을 위한 내부 패딩만 허용 */
.post-body {
padding: 0 20px !important;
}
/* 사이드바가 있으면 본문 넓이를 조정 (반응형) */
@media (min-width: 900px) {
.blog-posts {
width: 100% !important;
}
}
맥북 에어 vs 맥북 프로 M3 칩 성능 차이와 사용자별 추천 가이드
Apple 공식 MacBook 비교 페이지 참조)>