/* 鍓嶇鐢ㄦ埛鐣岄潰鏍峰紡 - Dark Amber Theme */

/* 搴旂敤瀹瑰櫒 */
.app {
    max-width: 414px;
    margin: 0 auto;
    min-height: 100vh;
    position: relative;
}

/* 鍥剧墖鍝嶅簲寮?*/
img {
    max-width: 100% !important;
    height: auto !important;
}

/* 鏂囩珷鍐呭鍥剧墖 */
.article-detail-content img,
.premium-content-text img,
.free-content img,
.premium-content-unlocked img,
div[v-html] img,
[v-html] img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 8px;
    margin: 10px 0;
    box-shadow: 0 2px 12px rgba(0,0,0,0.4);
    display: block !important;
}

/* 鏂囩珷鍐呭瀹瑰櫒 */
.article-detail-content,
.premium-content-text,
.free-content,
.premium-content-unlocked {
    overflow-x: hidden !important;
    word-wrap: break-word !important;
    max-width: 100% !important;
}

/* 鏍囩鍥剧墖鍥哄畾灏哄 */
img[alt="瀵?], img[alt="閿?], img[alt="璧?],
img[alt="2涓?"], img[alt="3涓?"], img[alt="4涓?"],
img[alt="琚粷鏉€"], img[alt="鍖呴€€"] {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
}

/* 鍔ㄧ敾 */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes loading {
    0% { background-position: -200px 0; }
    100% { background-position: calc(200px + 100%) 0; }
}

/* 宸ュ叿绫?*/
.pb-60 { padding-bottom: 60px; }
.text-center { text-align: center; }
.mt-20 { margin-top: 20px; }

/* 鍝嶅簲寮?*/
@media (max-width: 414px) {
    .app { max-width: 100%; }
}