/* 李好 — Clean Dark Theme
   Simple and readable. Let WP handle most styling. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ===== HEADER ===== */
header {
    background: rgba(12,12,20,0.95) !important;
    backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
}
.wp-block-site-title a::after {
    content: '_';
    color: #00d4ff;
    animation: blink 1.2s step-end infinite;
}
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }

/* ===== MAIN ===== */
main { max-width: 760px !important; margin: 0 auto !important; }

/* ===== INDEX — V2EX-style clean list ===== */
.wp-block-post-template { border-top: 1px solid rgba(255,255,255,0.06) !important; }
.wp-block-post-template > li { border-bottom: 1px solid rgba(255,255,255,0.06) !important; padding: 0.7em 1em !important; }
.wp-block-post-template > li:hover { background: rgba(255,255,255,0.03) !important; border-radius: 6px !important; }
.wp-block-post-template .entry-content,
.wp-block-post-template .wp-block-post-content { display: none !important; }
.wp-block-post-title { margin: 0 !important; }
.wp-block-post-title a { font-size: 0.95rem !important; font-weight: 500 !important; }

/* ===== SINGLE POST ===== */
.single .entry-content,
.single .wp-block-post-content,
article .entry-content { max-height: none !important; overflow: visible !important; }

/* ===== COMMENT FORM ===== */
#respond {
    background: #16161f !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 8px !important;
    padding: 1.5em !important;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    background: #0c0c14 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #e2e2e8 !important;
    border-radius: 5px !important;
    padding: 0.6em 0.8em !important;
    font-size: 0.9em !important;
    width: 100% !important;
}
.comment-form input:focus,
.comment-form textarea:focus {
    border-color: rgba(0,212,255,0.3) !important;
    outline: none !important;
}
.comment-form .submit,
.form-submit input[type="submit"] {
    background: #00d4ff !important;
    color: #0c0c14 !important;
    border: none !important;
    padding: 0.5em 1.5em !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}
.comment-form .submit:hover,
.form-submit input[type="submit"]:hover {
    background: #8b5cf6 !important;
    color: #fff !important;
}

/* ===== FOOTER ===== */
footer {
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    background: #111119 !important;
}
footer .wp-block-site-title { display: none !important; }

/* ===== SCANLINE ===== */
body::after {
    content: '';
    position: fixed;
    inset: 0;
    background: repeating-linear-gradient(0deg, transparent 0px, transparent 3px, rgba(0,212,255,0.003) 3px, rgba(0,212,255,0.003) 4px);
    pointer-events: none;
    z-index: 99999;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #0c0c14; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::selection { background: rgba(0,212,255,0.2) !important; }

/* ===== MOBILE ===== */
@media (max-width: 600px) {
    body { font-size: 16px !important; }
    
    main { padding: 0 !important; }
    
    /* Header */
    header { padding: 0.8em 1em !important; }
    .wp-block-navigation { gap: 0.8em !important; }
    .wp-block-navigation-item__label { font-size: 0.75em !important; }
    
    /* Post list */
    .wp-block-post-template > li { padding: 1em !important; }
    .wp-block-post-template > li > .wp-block-group { padding: 0 !important; }
    .wp-block-post-title a { font-size: 1rem !important; line-height: 1.5 !important; }
    .wp-block-post-date, .wp-block-post-date a, .wp-block-post-date time { font-size: 0.8em !important; }
    .wp-block-post-terms a { font-size: 0.7em !important; }
    
    /* Single post */
    main p { font-size: 1rem !important; line-height: 1.8 !important; margin-bottom: 1.2em !important; }
    main h1 { font-size: 1.5rem !important; }
    main h2 { font-size: 1.2rem !important; }
    main h3 { font-size: 1rem !important; }
    main blockquote { padding: 0.8em 1em !important; margin: 1.2em 0 !important; }
    main pre { padding: 1em !important; font-size: 0.85em !important; overflow-x: auto !important; }
    main code { font-size: 0.85em !important; }
    
    /* Comment form */
    #respond { padding: 1.2em !important; }
    .comment-form input[type="text"],
    .comment-form input[type="email"],
    .comment-form input[type="url"],
    .comment-form textarea {
        padding: 0.7em 0.8em !important;
        font-size: 16px !important; /* prevent iOS zoom */
    }
    .comment-form .submit,
    .form-submit input[type="submit"] {
        width: 100% !important;
        padding: 0.7em !important;
    }
    
    /* Footer */
    footer { padding: 2em 1em !important; }
    footer .wp-block-navigation-item__label { font-size: 0.72em !important; }
}