:root { --apple-bg: #ffffff; --apple-text-main: #1d1d1f; --apple-text-secondary: #6e6e73; --apple-link: #0066cc; --apple-border: #d2d2d7; --apple-highlight-bg: #f5f5f7; --apple-font: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.dark { --apple-bg: #111111; --apple-text-main: #f5f5f7; --apple-text-secondary: #86868b; --apple-link: #2997ff; --apple-border: #424245; --apple-highlight-bg: #1a1c; }
body { font-family: var(--apple-font) !important; background-color: var(--apple-bg) !important; color: var(--apple-text-main) !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, h5, h6, .post-title { color: var(--apple-text-main) !important; font-weight: 600 !important; letter-spacing: -0.01em; }
a { color: var(--apple-link) !important; text-decoration: none !important; }
a:hover { text-decoration: underline !important; }
.header { position: sticky !important; top: 0; z-index: 100; background: rgba(255,255,255,0.8) !important; backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid var(--apple-border); box-shadow: none !important; }
.dark .header { background: rgba(20,20,20,0.75) !important; }
.home-info { text-align: center; }
.profile .profile_title { font-size: 2.5rem; letter-spacing: -0.02em; }
.profile .profile_subtitle { font-size: 1.2rem; color: var(--apple-text-secondary); }
.post-entry { background: none !important; border: 1px solid var(--apple-border) !important; border-radius: 12px; box-shadow: none !important; transition: transform 0.2s ease-in-out, border-color 0.2s ease-in-out; margin-bottom: 2rem !important; }
.post-entry:hover { transform: translateY(-5px); border-color: var(--apple-link) !important; }
.post-meta, .entry-content, .entry-more { color: var(--apple-text-secondary) !important; font-size: 14px; }
.post-content { color: var(--apple-text-main) !important; font-size: 17px; font-weight: 400; line-height: 1.65; letter-spacing: -0.022em; }
.content-container { max-width: 820px; margin: 0 auto; }
@media (min-width: 1366px) {
    .single .main { max-width: none !important; padding: 0 !important; }
    .page-container { display: flex; justify-content: center; align-items: flex-start; gap: 4rem; max-width: 1920px; margin: 0 auto; padding: 0 220px; }
    .sidebar-container { display: block; flex: 0 0 300px; position: sticky; top: 100px; max-height: calc(100vh - 140px); overflow-y: auto; }
    .main-content-container { flex: 1; max-width: 3000px; }
    .main-content-container .post-single { max-width: 820px; margin: 0 auto; }
    .custom-sidebar h3 { border-bottom: 1px solid var(--apple-border); padding-bottom: 1rem; }
    .custom-sidebar ul { list-style: none; padding: 0; margin: 0; }
    .custom-sidebar li a { color: var(--apple-text-secondary) !important; border-left: 3px solid transparent; }
    .custom-sidebar li.active a { color: var(--apple-link) !important; font-weight: 600; background-color: var(--apple-highlight-bg) !important; border-left: 3px solid var(--apple-link) !important; }
    .custom-sidebar li a:hover { background-color: var(--apple-highlight-bg) !important; color: var(--apple-link) !important; }
}

.post-share {
  margin: 1.5em 0;
  font-size: 0.9em;
}
.post-share a {
  color: var(--primary);
  text-decoration: none;
  margin: 0 0.3em;
}
.post-share a:hover {
  text-decoration: underline;
}