/* ============================================
   Huidong CMS - 移动端 APP 风格样式 v3.0
   覆盖：首页 / 头条 / 最新 / 推荐 / 热门 / 专题 / 文章详情 / 评论
   ============================================ */

@media (max-width: 768px) {

/* ============ 1. CSS Variables & Reset ============ */
:root {
    --app-primary: #e02424;
    --app-primary-dark: #c01d1d;
    --app-accent: #ff6b35;
    --app-bg: #f5f5f5;
    --app-card: #ffffff;
    --app-text: #1a1a1a;
    --app-text-secondary: #888888;
    --app-text-muted: #b0b0b0;
    --app-border: #eeeeee;
    --app-red: #e02424;
    --app-blue: #3b5998;
    --app-radius: 12px;
    --app-radius-sm: 8px;
    --app-shadow: 0 1px 2px rgba(0,0,0,0.04);
    --app-shadow-card: 0 1px 3px rgba(0,0,0,0.06);
    --bottom-nav-height: 56px;
}

body {
    background: var(--app-bg) !important;
    padding: 48px 0 calc(var(--bottom-nav-height) + 20px) 0 !important;
    margin: 0 !important;
    font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif !important;
    font-size: 15px;
    color: var(--app-text);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

/* ============ 2. Hide Desktop Elements ============ */
.navbar, nav.navbar, .site-header,
.tt-topbar, .tt-hero, .tt-navbar,
.tt-article-left, .tt-article-right,
.tt-desktop-only, .tt-toolbar,
footer:not(.footer-fixed-bar),
.swiper-button-next, .swiper-button-prev { display: none !important; }

/* ============ 3. Status Bar ============ */
.app-status-bar {
    display: flex !important;
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    height: 48px; padding: 8px 16px 0;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    align-items: center; justify-content: space-between;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.app-status-bar .app-logo {
    font-size: 18px; font-weight: 800;
    color: var(--app-red); letter-spacing: -0.5px;
}
.app-status-bar .app-actions { display: flex; gap: 4px; align-items: center; }
.app-status-bar .app-actions a,
.app-status-bar .app-actions button {
    width: 36px; height: 36px; border-radius: 50%;
    background: transparent; border: none;
    display: flex; align-items: center; justify-content: center;
    color: #666; text-decoration: none; font-size: 18px;
    transition: all 0.15s;
}
.app-status-bar .app-actions a:active,
.app-status-bar .app-actions button:active { transform: scale(0.9); background: #f0f0f0; }

/* ============ 4. Bottom Tab Bar ============ */
.app-tab-bar {
    display: flex !important;
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000;
    height: var(--bottom-nav-height);
    background: rgba(255,255,255,0.94);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid rgba(0,0,0,0.06);
    justify-content: space-around; align-items: center;
    padding-bottom: env(safe-area-inset-bottom, 0);
}
.app-tab-item {
    display: flex; flex-direction: column; align-items: center;
    gap: 3px; padding: 4px 8px; min-width: 50px;
    color: #999; text-decoration: none; font-size: 10px; font-weight: 500;
    transition: all 0.15s; position: relative;
}
.app-tab-item .tab-icon { font-size: 22px; line-height: 1; }
.app-tab-item.active { color: var(--app-red); font-weight: 600; }

/* ============ 5. Homepage Layout ============ */
.tt-main {
    display: flex !important; flex-direction: column !important;
    gap: 10px !important; padding: 0 !important;
    max-width: 100% !important; margin: 0 !important;
}
.tt-left { max-width: 100% !important; flex: 1 !important; min-width: 0 !important; }
.tt-right { display: none !important; }

.container { padding: 0 12px !important; max-width: 100% !important; }
.row { margin: 0 !important; }

/* ============ 6. Headlines / 头条模块 ============ */
.tt-date-module {
    background: var(--app-card); border-radius: var(--app-radius);
    padding: 0; margin: 0 12px; box-shadow: var(--app-shadow-card);
    display: flex; flex-direction: column !important;
    overflow: hidden;
}
.tt-date-module .date-label {
    font-size: 15px; font-weight: 800; color: var(--app-red);
    padding: 12px 16px 8px 16px; display: flex; align-items: center; gap: 6px;
}
.tt-date-module .date-label::before {
    content: '🔥'; font-size: 16px;
}
.tt-date-module .date-label::after { display: none; }
.tt-date-module .date-item {
    font-size: 14px; font-weight: 500; color: #333;
    padding: 10px 16px; border: none;
    text-decoration: none; line-height: 1.4;
    display: flex; align-items: flex-start; gap: 10px;
    border-top: 1px solid var(--app-border);
    transition: background 0.15s;
}
.tt-date-module .date-item:active { background: #fafafa; }
.tt-date-module .date-item::before {
    content: attr(data-index);
    min-width: 18px; height: 18px; border-radius: 4px;
    background: #f0f0f0; color: #999;
    font-size: 10px; font-weight: 800;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; margin-top: 1px;
}
.tt-date-module .date-item:nth-child(2)::before { background: var(--app-red); color: #fff; }
.tt-date-module .date-item:nth-child(3)::before { background: #ff6b35; color: #fff; }
.tt-date-module .date-item:nth-child(4)::before { background: #ff9800; color: #fff; }

/* ============ 7. Section Headers (最新/推荐/热门/专题) ============ */
.tt-feed-header {
    background: transparent !important;
    padding: 14px 12px 10px 12px !important;
    margin: 0 !important; border: none !important;
    font-size: 17px !important; font-weight: 800 !important;
    color: var(--app-text) !important; letter-spacing: 0.3px;
    border-radius: 0 !important;
}
.tt-feed-header::before {
    content: '' !important;
    display: inline-block; width: 4px; height: 18px;
    background: var(--app-red); border-radius: 2px;
    margin-right: 8px; vertical-align: middle; margin-top: -2px;
}

/* ============ 8. Feed Items (最新/推荐/热门文章卡片) ============ */
.tt-feed-item {
    display: flex !important; gap: 14px !important;
    background: var(--app-card) !important;
    margin: 0 12px 0 12px !important;
    padding: 14px !important;
    border: none !important;
    border-radius: 0 !important;
    text-decoration: none !important; color: inherit !important;
    position: relative;
    transition: background 0.15s;
}
.tt-feed-item:first-of-type { border-radius: var(--app-radius) var(--app-radius) 0 0 !important; }
.tt-feed-item:last-of-type {
    border-radius: 0 0 var(--app-radius) var(--app-radius) !important;
    margin-bottom: 0 !important;
}
.tt-feed-item:only-of-type { border-radius: var(--app-radius) !important; }
.tt-feed-item::after {
    content: ''; position: absolute; bottom: 0; left: 14px; right: 14px;
    height: 1px; background: var(--app-border);
}
.tt-feed-item:last-of-type::after { display: none; }
.tt-feed-item:active { background: #fafafa !important; }

.tt-feed-item .feed-left { flex: 1; min-width: 0; }
.tt-feed-item .feed-title {
    font-size: 16px !important; font-weight: 600 !important;
    line-height: 1.5 !important; color: #1a1a1a !important;
    margin-bottom: 8px !important;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; letter-spacing: 0.2px;
}
.tt-feed-item .feed-desc {
    font-size: 13px !important; color: #999 !important;
    line-height: 1.5 !important; margin-bottom: 8px !important;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
}
.tt-feed-item .feed-meta {
    font-size: 12px !important; color: #bbb !important;
    display: flex; align-items: center; gap: 10px !important;
    flex-wrap: wrap;
}
.tt-feed-item .feed-meta .source { color: var(--app-red) !important; font-weight: 500; }
.tt-feed-item .feed-img {
    width: 112px !important; height: 78px !important;
    border-radius: 6px !important; object-fit: cover; flex-shrink: 0;
    background: #f0f0f0;
}

/* ============ 9. Special / 专题卡片 ============ */
.tt-main div[style*="display:flex;gap:12px"],
.tt-left > div[style*="display:flex"] {
    display: grid !important; grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important; padding: 4px 12px 4px 12px !important;
    background: transparent !important; border-radius: 0 !important;
    margin: 0 !important;
    flex-wrap: wrap !important;
}
.tt-main div[style*="display:flex;gap:12px"] > a,
.tt-left > div[style*="display:flex"] > a {
    flex: none !important; width: 100% !important;
    background: var(--app-card); border-radius: var(--app-radius) !important;
    overflow: hidden; text-decoration: none; display: block;
    box-shadow: var(--app-shadow-card);
}
.tt-main > div[style*="display:flex;gap:12px"] > a > div:first-child {
    height: 120px !important; border-radius: 0 !important;
    overflow: hidden;
}
.tt-main > div[style*="display:flex;gap:12px"] > a > div:first-child img {
    width: 100%; height: 100%; object-fit: cover;
}
.tt-main > div[style*="display:flex;gap:12px"] > a > div:last-child {
    padding: 10px 12px 12px 12px !important;
    font-size: 13px !important; font-weight: 600 !important;
    color: #333 !important; line-height: 1.4 !important;
}

/* ============ 10. Special Detail Page / 专题详情 ============ */
.tt-main .tt-left > div[style*="background:#fff"] {
    background: var(--app-card) !important;
    border-radius: var(--app-radius) !important;
    padding: 20px 16px !important;
    margin: 0 12px 12px 12px !important;
    box-shadow: var(--app-shadow-card);
}
.tt-main .tt-left > div[style*="background:#fff"] h1 {
    font-size: 20px !important; font-weight: 800 !important;
    margin-bottom: 6px !important; color: #1a1a1a !important;
}
.tt-main .tt-left > div[style*="background:#fff"] p {
    font-size: 13px !important; color: #888 !important; margin: 0 !important;
}

/* ============ 11. Article Detail / 文章详情 ============ */
/* Force show article page elements (override cached rules) */
.tt-article-wrap {
    display: flex !important; flex-direction: column !important;
    gap: 0 !important; padding: 0 !important;
    max-width: 100% !important; margin: 0 !important;
}
.tt-article-left { display: none !important; }
.tt-article-right { display: none !important; }
.tt-article-main {
    flex: 1 !important; max-width: 100% !important;
    background: var(--app-card) !important;
    border-radius: 0 !important; padding: 18px 16px 24px 16px !important;
    margin: 0 !important; box-shadow: none !important;
}
.tt-article-main h1 {
    font-size: 22px !important; font-weight: 800 !important;
    line-height: 1.45 !important; color: #1a1a1a !important;
    margin-bottom: 12px !important; letter-spacing: 0.3px;
}
.tt-article-main .meta {
    display: flex !important; flex-wrap: wrap !important;
    gap: 10px !important; align-items: center !important;
    font-size: 12px !important; color: #bbb !important;
    margin-bottom: 18px !important; padding-bottom: 14px !important;
    border-bottom: 1px solid var(--app-border) !important;
}
.tt-article-main .meta span:first-child {
    color: var(--app-red) !important; font-weight: 600;
}
.tt-article-main .meta .follow-btn {
    margin-left: auto !important;
    padding: 6px 18px !important; background: var(--app-red) !important;
    color: #fff !important; border-radius: 16px !important;
    font-size: 12px !important; font-weight: 600 !important;
    text-decoration: none !important; border: none;
}

/* Article body */
.tt-article-main .body {
    font-size: 16px !important; line-height: 1.85 !important;
    color: #333 !important; word-break: break-word;
    letter-spacing: 0.2px;
}
.tt-article-main .body p { margin-bottom: 16px !important; }
.tt-article-main .body h2,
.tt-article-main .body h3 {
    font-size: 18px !important; font-weight: 700 !important;
    margin: 20px 0 10px 0 !important; color: #1a1a1a !important;
}
.tt-article-main .body img {
    width: 100% !important; max-width: 100% !important;
    height: auto !important; border-radius: 8px !important;
    margin: 14px 0 !important; display: block;
}
.tt-article-main .body video { width: 100% !important; border-radius: 8px; margin: 14px 0; }
.tt-article-main .body ul, .tt-article-main .body ol {
    padding-left: 20px !important; margin-bottom: 16px !important;
}
.tt-article-main .body li { margin-bottom: 6px !important; }
.tt-article-main .body pre {
    font-size: 13px !important; overflow-x: auto;
    padding: 12px !important; border-radius: 8px !important;
    background: #f8f8f8 !important; margin-bottom: 16px !important;
}
.tt-article-main .body blockquote {
    border-left: 3px solid var(--app-red) !important;
    padding: 8px 14px !important; margin: 14px 0 !important;
    background: #fafafa !important; border-radius: 0 6px 6px 0 !important;
    color: #666 !important; font-size: 14px !important;
}

/* Article body tables */
.tt-article-main .body table {
    width: 100% !important; border-collapse: collapse !important;
    margin: 14px 0 !important; font-size: 13px !important;
    display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.tt-article-main .body th, .tt-article-main .body td {
    padding: 8px 10px !important; border: 1px solid var(--app-border) !important;
    text-align: left; min-width: 80px;
}
.tt-article-main .body th {
    background: #f8f8f8 !important; font-weight: 600 !important;
}

/* Article body inline code */
.tt-article-main .body code {
    background: #f5f5f5 !important; padding: 2px 6px !important;
    border-radius: 3px !important; font-size: 0.9em !important;
    color: #e02424 !important;
}

/* Article cover image */
.tt-article-main > img[style*="width:100%"] {
    border-radius: 8px !important; margin-bottom: 16px !important;
}

/* ============ 12. Comment Section / 评论区 ============ */
.tt-comments {
    background: var(--app-card) !important;
    border-radius: var(--app-radius) !important;
    margin: 12px !important; padding: 16px !important;
    box-shadow: var(--app-shadow-card);
}
/* Inside article detail: no extra card */
.tt-article-main .tt-comments {
    background: transparent !important; border-radius: 0 !important;
    margin: 0 !important; padding: 20px 0 0 0 !important;
    box-shadow: none !important;
}
.tt-comments .cmt-hd {
    font-size: 17px !important; font-weight: 800 !important;
    color: #1a1a1a !important; margin-bottom: 14px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--app-border) !important;
}

.tt-comment-item {
    display: flex !important; gap: 12px !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid #f8f8f8 !important;
}
.tt-comment-item:last-child { border-bottom: none !important; }
.tt-comment-item .cmt-av {
    width: 36px !important; height: 36px !important; min-width: 36px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f87171, #dc2626) !important;
    color: #fff !important; display: flex !important;
    align-items: center !important; justify-content: center !important;
    font-weight: 700 !important; font-size: 13px !important;
    flex-shrink: 0;
}
.tt-comment-item .cmt-body { flex: 1; min-width: 0; }
.tt-comment-item .cmt-name {
    font-size: 13px !important; font-weight: 700 !important;
    color: #333 !important; margin-bottom: 4px !important;
}
.tt-comment-item .cmt-text {
    font-size: 15px !important; color: #555 !important;
    line-height: 1.6 !important;
}
.tt-comment-item .cmt-meta {
    font-size: 12px !important; color: #ccc !important;
    margin-top: 6px !important; display: flex; gap: 14px;
    align-items: center;
}

/* Comment form (standalone on other pages) */
.tt-article-main > div[style*="margin-top:16px;display:flex"] {
    background: var(--app-card) !important;
    padding: 14px !important; margin: 12px !important;
    border-radius: var(--app-radius) !important;
    box-shadow: var(--app-shadow-card);
}
/* Inside article detail: seamless with content */
.tt-article-main div[style*="margin-top:16px;display:flex"] {
    background: transparent !important; padding: 14px 0 !important;
    margin: 0 !important; border-radius: 0 !important;
    box-shadow: none !important; border-top: 1px solid var(--app-border) !important;
}
.tt-article-main > div[style*="margin-top:16px;display:flex"] textarea {
    font-size: 14px !important; border-radius: 20px !important;
    border: 1px solid #e8e8e8 !important; background: #f8f8f8 !important;
    padding: 10px 16px !important; resize: none !important;
    min-height: 40px !important; outline: none !important;
}
.tt-article-main > div[style*="margin-top:16px;display:flex"] button {
    padding: 0 22px !important; background: var(--app-red) !important;
    color: #fff !important; border: none !important;
    border-radius: 20px !important; font-size: 14px !important;
    font-weight: 600 !important; cursor: pointer;
    white-space: nowrap;
}

/* ============ 13. Sidebar Widgets on Mobile ============ */
.tt-sb-login {
    background: var(--app-card) !important;
    border-radius: var(--app-radius) !important;
    padding: 18px !important; margin: 0 12px 10px 12px !important;
    text-align: center !important; box-shadow: var(--app-shadow-card);
}
.tt-sb-login .msg { font-size: 14px !important; color: #666 !important; margin-bottom: 10px !important; }
.tt-sb-login .btn {
    display: inline-block !important; padding: 8px 32px !important;
    background: var(--app-red) !important; color: #fff !important;
    border-radius: 20px !important; font-size: 14px !important;
    font-weight: 600 !important; text-decoration: none !important;
}

.tt-sb-hot {
    background: var(--app-card) !important;
    border-radius: var(--app-radius) !important;
    margin: 0 12px !important; padding: 0 !important;
    box-shadow: var(--app-shadow-card); overflow: hidden;
}
.tt-sb-hot .hot-hd {
    padding: 14px 16px 10px 16px !important;
    border-bottom: 1px solid var(--app-border) !important;
}
.tt-sb-hot .hot-hd .title { font-size: 16px !important; font-weight: 800 !important; }
.tt-sb-hot .hot-hd .refresh { font-size: 12px !important; color: #bbb !important; }
.tt-sb-hot ol { padding: 0 !important; margin: 0 !important; list-style: none !important; }
.tt-sb-hot li {
    display: flex !important; align-items: flex-start !important;
    gap: 10px !important; padding: 12px 16px !important;
    border-bottom: 1px solid #f8f8f8 !important;
}
.tt-sb-hot li:last-child { border-bottom: none !important; }
.tt-sb-hot .rank {
    width: 20px !important; height: 20px !important; min-width: 20px !important;
    border-radius: 4px !important; background: #eee !important;
    color: #999 !important; font-size: 11px !important; font-weight: 800 !important;
    display: flex !important; align-items: center !important;
    justify-content: center !important; margin-top: 2px;
}
.tt-sb-hot li:nth-child(1) .rank,
.tt-sb-hot li:nth-child(2) .rank,
.tt-sb-hot li:nth-child(3) .rank { background: var(--app-red) !important; color: #fff !important; }
.tt-sb-hot .link {
    font-size: 14px !important; line-height: 1.5 !important;
    color: #333 !important; text-decoration: none !important;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ============ 14. Tags / 标签 ============ */
.tt-right > div[style*="background:#fff"] {
    background: var(--app-card) !important;
    border-radius: var(--app-radius) !important;
    padding: 14px 16px !important; margin: 0 12px 10px 12px !important;
    box-shadow: var(--app-shadow-card);
}
.tt-right > div[style*="background:#fff"] a {
    padding: 5px 12px !important; border-radius: 14px !important;
    background: #f8f8f8 !important; color: #666 !important;
    font-size: 12px !important; text-decoration: none !important;
    transition: all 0.15s;
}
.tt-right > div[style*="background:#fff"] a:active {
    background: var(--app-red) !important; color: #fff !important;
}

/* ============ 15. Article Meta / Social Actions ============ */
/* Sticky bottom bar for article detail */
.tt-article-wrap::after {
    content: '';
    display: block; height: 60px;
}

/* ============ 16. Error Page ============ */
.error-container { padding: 40px 20px !important; }
.error-code { font-size: 5rem !important; }
.error-title { font-size: 1.3rem !important; }

/* ============ 17. Footer Bar (hidden on mobile) ============ */
.footer-fixed-bar { display: none !important; }

/* ============ 18. Download / QR (hidden on mobile) ============ */
.tt-sb-download { display: none !important; }

/* ============ 19. Card Layout Overrides ============ */
.card { border-radius: var(--app-radius) !important; border: none !important; box-shadow: var(--app-shadow-card) !important; margin: 0 12px 10px 12px !important; }
.card-body { padding: 16px !important; }

/* ============ 20. Buttons & Forms ============ */
.btn:not(.btn-sm):not(.btn-link) {
    display: block !important; width: calc(100% - 24px) !important;
    margin: 0 12px 8px 12px !important;
    padding: 12px !important; font-size: 15px !important;
    border-radius: 24px !important;
}
input.form-control, textarea.form-control, select.form-control {
    font-size: 16px !important; padding: 12px 16px !important;
    border-radius: 12px !important; border: 1px solid #e8e8e8 !important;
}

/* ============ 21. Company Info / ICP (hidden on mobile) ============ */
.tt-right > div[style*="color:#999"] { display: none !important; }

/* ============ 22. Empty State ============ */
.tt-main .tt-left > div[style*="text-align:center;padding:60px"] {
    background: var(--app-card) !important;
    border-radius: var(--app-radius) !important;
    padding: 50px 20px !important;
    margin: 0 12px !important; box-shadow: var(--app-shadow-card);
}

/* ============ 23. Bootstrap Neutralization ============ */
/* Neutralize Bootstrap 5 global defaults that leak into mobile */
a { color: inherit; text-decoration: none; }
a:hover { color: var(--app-red); }
img { max-width: 100%; height: auto; vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; line-height: 1.35; }
p { margin-top: 0; }
ul, ol { padding-left: 20px; }
small, .small { font-size: inherit; }
code, kbd, pre, samp { font-family: inherit; font-size: inherit; }
label { display: inline-block; }

/* Prevent Bootstrap grid gutters */
.row { --bs-gutter-x: 0 !important; --bs-gutter-y: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
.row > * { padding-left: 0 !important; padding-right: 0 !important; }
.col, [class*="col-"] { padding: 0 !important; }

/* Prevent horizontal overflow */
img, video, iframe, pre, table { max-width: 100% !important; }

/* ============ 24. Feed Item Polish ============ */
/* Ensure feed items connect visually to section headers */
.tt-feed-header + .tt-feed-item { border-radius: 0 !important; }

/* ============ 25. Special Detail Page Polish ============ */
.tt-main .tt-left > div[style*="padding:24px"] {
    padding: 16px !important; margin: 12px !important;
    border-radius: var(--app-radius) !important;
}
.tt-main .tt-left > div[style*="padding:24px"] h1 {
    font-size: 20px !important; line-height: 1.35 !important;
}

/* ============ 26. Article Detail Refinements ============ */
.tt-article-main .body > *:first-child { margin-top: 0 !important; }
.tt-article-main .body > *:last-child { margin-bottom: 0 !important; }
.tt-article-main .body a {
    color: var(--app-red) !important;
    text-decoration: underline !important;
}

/* Action bar below article */
.tt-article-main + div[style*="display:flex;gap:12px"] {
    margin: 16px 0 0 0 !important;
    background: transparent !important;
    padding: 0 !important;
    border-top: 1px solid var(--app-border) !important;
    padding-top: 16px !important;
}

/* ============ 27. Page-Level Spacing ============ */
/* Compact sidebar sections */
.tt-sb-login { margin-bottom: 8px !important; }
.tt-sb-hot { margin-bottom: 8px !important; }
.tt-sb-download { margin-bottom: 8px !important; }

/* Tags section compact */
.tt-right > div[style*="background:#fff"] { margin-bottom: 8px !important; }

/* ============ 28. Animation ============ */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
.tt-feed-item, .tt-article-main, .tt-comments, .tt-sb-hot, .tt-sb-login {
    animation: fadeIn 0.35s ease both;
}
.tt-feed-item:nth-child(2) { animation-delay: 0.05s; }
.tt-feed-item:nth-child(3) { animation-delay: 0.10s; }
.tt-feed-item:nth-child(4) { animation-delay: 0.15s; }
.tt-feed-item:nth-child(5) { animation-delay: 0.20s; }
.tt-feed-item:nth-child(6) { animation-delay: 0.25s; }
.tt-feed-item:nth-child(7) { animation-delay: 0.30s; }
.tt-feed-item:nth-child(8) { animation-delay: 0.35s; }
.tt-feed-item:nth-child(9) { animation-delay: 0.40s; }
.tt-feed-item:nth-child(10) { animation-delay: 0.45s; }

} /* end @media (max-width: 768px) */

/* ============ Desktop Reset ============ */
@media (min-width: 769px) {
    .app-tab-bar, .app-status-bar, .app-mobile-only, .m-top { display: none !important; }
    .footer-fixed-bar { display: none !important; }
}