/* ============================================
   01_Android_Material 论坛模板
   安卓 Material Design 风格
   ============================================ */
:root{
  --am-primary:#6750A4;
  --am-on-primary:#FFFFFF;
  --am-primary-container:#EADDFF;
  --am-on-primary-container:#21005D;
  --am-bg:#FFFBFE;
  --am-surface:#F3EDF7;
  --am-surface-2:#F7F2FA;
  --am-on-surface:#1C1B1F;
  --am-on-surface-variant:#49454F;
  --am-accent:#625B71;
  --am-outline:#79747E;
  --am-error:#B3261E;
  --am-rd:12px;
  --am-rd-lg:16px;
  --am-rd-full:999px;
  --am-elev1:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15);
  --am-elev2:0 1px 2px rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15);
  --am-elev3:0 1px 3px rgba(0,0,0,.3),0 4px 8px 3px rgba(0,0,0,.15);
  --am-elev4:0 2px 3px rgba(0,0,0,.3),0 6px 10px 4px rgba(0,0,0,.15);
  --am-transition:.25s cubic-bezier(.2,0,0,1);
  --am-font:'Roboto','Noto Sans SC',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--am-font);background:var(--am-bg);color:var(--am-on-surface);line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased}
a{color:var(--am-primary);text-decoration:none;transition:color var(--am-transition)}
a:hover{color:var(--am-accent)}
img,svg{display:block;max-width:100%}
ul{list-style:none}
.am-container{max-width:1200px;margin:0 auto;padding:0 16px}

/* SVG 图标 */
.am-ico{width:24px;height:24px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.am-ico-fill{fill:currentColor;stroke:none}
.am-ico-sm{width:18px;height:18px}
.am-ico-lg{width:28px;height:28px}

/* 涟漪效果 */
.am-ripple{position:relative;overflow:hidden}
.am-ripple .am-rip{position:absolute;border-radius:50%;background:currentColor;opacity:.25;transform:scale(0);animation:amRip .6s ease-out;pointer-events:none}
@keyframes amRip{to{transform:scale(2.5);opacity:0}}

/* ===== 顶部应用栏 ===== */
.am-appbar{position:sticky;top:0;z-index:100;background:var(--am-surface-2);box-shadow:var(--am-elev1);transition:box-shadow var(--am-transition)}
.am-appbar-inner{display:flex;align-items:center;gap:8px;height:64px}
.am-appbar .am-logo{height:32px;flex:0 0 auto}
.am-appbar .am-logo img{height:32px}
.am-search-mini{display:flex;align-items:center;background:var(--am-surface);border-radius:var(--am-rd-full);padding:8px 16px;gap:8px;flex:1;max-width:360px;color:var(--am-on-surface-variant)}
.am-search-mini input{border:none;background:none;outline:none;font-family:inherit;font-size:14px;flex:1;color:var(--am-on-surface)}
.am-search-mini input::placeholder{color:var(--am-on-surface-variant)}
.am-nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.am-nav::-webkit-scrollbar{display:none}
.am-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--am-rd-full);font-size:13px;font-weight:500;color:var(--am-on-surface-variant);border:1px solid var(--am-outline);background:transparent;cursor:pointer;white-space:nowrap;transition:all var(--am-transition);font-family:inherit}
.am-chip:hover{background:var(--am-surface)}
.am-chip.am-active{background:var(--am-primary-container);color:var(--am-on-primary-container);border-color:transparent}
.am-chip .am-ico{width:16px;height:16px}
.am-user-area{display:flex;align-items:center;gap:6px}
.am-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--am-rd-full);border:none;background:transparent;color:var(--am-on-surface-variant);cursor:pointer;transition:background var(--am-transition);position:relative}
.am-icon-btn:hover{background:var(--am-surface)}
.am-badge{position:absolute;top:6px;right:8px;min-width:8px;height:8px;background:var(--am-error);border-radius:var(--am-rd-full);border:2px solid var(--am-surface-2)}
.am-avatar{width:36px;height:36px;border-radius:var(--am-rd-full);overflow:hidden;flex:0 0 auto;border:2px solid var(--am-primary-container)}
.am-avatar img{width:100%;height:100%;object-fit:cover}
.am-menu-btn{display:none}

/* ===== Banner ===== */
.am-banner{margin-top:16px;border-radius:var(--am-rd-lg);overflow:hidden;box-shadow:var(--am-elev2);position:relative}
.am-banner img{width:100%;height:auto;display:block}
.am-banner-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:24px}

/* ===== 主体布局 ===== */
.am-main{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:20px;margin-bottom:80px}
.am-content{min-width:0}
.am-section-title{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600;margin:24px 0 12px;color:var(--am-on-surface)}
.am-section-title .am-ico{color:var(--am-primary)}

/* 板块卡片 */
.am-board{background:var(--am-surface);border-radius:var(--am-rd-lg);box-shadow:var(--am-elev1);overflow:hidden;margin-bottom:16px;transition:box-shadow var(--am-transition)}
.am-board:hover{box-shadow:var(--am-elev3)}
.am-board-head{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer}
.am-board-icon{width:48px;height:48px;border-radius:14px;background:var(--am-primary-container);display:flex;align-items:center;justify-content:center;color:var(--am-on-primary-container);flex:0 0 auto}
.am-board-icon .am-ico{width:26px;height:26px}
.am-board-meta{flex:1;min-width:0}
.am-board-name{font-size:17px;font-weight:600;color:var(--am-on-surface);display:flex;align-items:center;gap:8px}
.am-board-stat{font-size:12px;color:var(--am-on-surface-variant);margin-top:2px;display:flex;gap:14px}
.am-board-stat span{display:inline-flex;align-items:center;gap:4px}
.am-board-stat .am-ico{width:14px;height:14px}
.am-board-toggle{color:var(--am-on-surface-variant);transition:transform var(--am-transition)}
.am-board.am-open .am-board-toggle{transform:rotate(180deg)}
.am-board-body{display:none;padding:0 20px 16px;border-top:1px solid rgba(103,80,164,.12)}
.am-board.am-open .am-board-body{display:block}
.am-thread-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(103,80,164,.08)}
.am-thread-item:last-child{border-bottom:none}
.am-thread-tag{font-size:11px;padding:2px 8px;border-radius:var(--am-rd-full);background:var(--am-primary-container);color:var(--am-on-primary-container);font-weight:500;flex:0 0 auto}
.am-thread-title{flex:1;font-size:14px;color:var(--am-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.am-thread-title:hover{color:var(--am-primary)}
.am-thread-info{font-size:12px;color:var(--am-on-surface-variant);white-space:nowrap;display:flex;align-items:center;gap:10px}
.am-thread-info .am-ico{width:13px;height:13px}

/* ===== 侧边栏 ===== */
.am-aside{display:flex;flex-direction:column;gap:16px}
.am-card{background:var(--am-surface);border-radius:var(--am-rd-lg);box-shadow:var(--am-elev1);padding:16px}
.am-card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin-bottom:12px;color:var(--am-on-surface)}
.am-card-title .am-ico{color:var(--am-primary);width:20px;height:20px}
.am-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.am-stat-item{background:var(--am-surface-2);border-radius:var(--am-rd);padding:12px;text-align:center}
.am-stat-num{font-size:22px;font-weight:700;color:var(--am-primary)}
.am-stat-label{font-size:12px;color:var(--am-on-surface-variant);margin-top:2px}
.am-hot-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(103,80,164,.08)}
.am-hot-list li:last-child{border-bottom:none}
.am-hot-rank{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:0 0 auto;background:var(--am-surface-2);color:var(--am-on-surface-variant)}
.am-hot-list li:nth-child(1) .am-hot-rank{background:var(--am-error);color:#fff}
.am-hot-list li:nth-child(2) .am-hot-rank{background:#F9A825;color:#fff}
.am-hot-list li:nth-child(3) .am-hot-rank{background:#6750A4;color:#fff}
.am-hot-title{flex:1;font-size:13px;color:var(--am-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.am-hot-heat{font-size:11px;color:var(--am-on-surface-variant);display:flex;align-items:center;gap:3px}
.am-hot-heat .am-ico{width:12px;height:12px;color:#F9A825}

/* ===== FAB ===== */
.am-fab{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:18px;background:var(--am-primary);color:var(--am-on-primary);border:none;box-shadow:var(--am-elev3);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:90;transition:box-shadow var(--am-transition),transform var(--am-transition)}
.am-fab:hover{box-shadow:var(--am-elev4);transform:scale(1.05)}
.am-fab .am-ico{width:26px;height:26px}

/* ===== 移动端底部导航 ===== */
.am-bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;background:var(--am-surface-2);box-shadow:0 -1px 3px rgba(0,0,0,.2);z-index:95;padding-bottom:env(safe-area-inset-bottom)}
.am-bottom-nav-inner{display:flex;justify-content:space-around;height:64px}
.am-bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;background:none;border:none;color:var(--am-on-surface-variant);font-size:11px;cursor:pointer;font-family:inherit;transition:color var(--am-transition)}
.am-bottom-item.am-active{color:var(--am-primary)}
.am-bottom-item .am-ico{width:24px;height:24px}

/* ===== 页脚 ===== */
.am-footer{background:var(--am-surface-2);border-top:1px solid rgba(103,80,164,.1);padding:32px 0 16px;margin-top:40px}
.am-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}
.am-footer-col h4{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--am-on-surface)}
.am-footer-col li{margin-bottom:6px}
.am-footer-col a{color:var(--am-on-surface-variant);font-size:13px}
.am-footer-col a:hover{color:var(--am-primary)}
.am-footer-bottom{text-align:center;font-size:12px;color:var(--am-on-surface-variant);padding-top:16px;border-top:1px solid rgba(103,80,164,.1)}

/* ===== 面包屑 ===== */
.am-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--am-on-surface-variant);margin:16px 0}
.am-breadcrumb a{color:var(--am-on-surface-variant)}
.am-breadcrumb a:hover{color:var(--am-primary)}
.am-breadcrumb .am-ico{width:16px;height:16px}

/* ===== 列表页 ===== */
.am-board-header{background:var(--am-surface);border-radius:var(--am-rd-lg);box-shadow:var(--am-elev1);padding:20px;margin-bottom:16px;display:flex;align-items:center;gap:16px}
.am-board-header .am-board-icon{width:56px;height:56px;border-radius:16px}
.am-board-header .am-board-icon .am-ico{width:30px;height:30px}
.am-board-header-info{flex:1}
.am-board-header-info h1{font-size:24px;font-weight:700}
.am-board-header-info p{font-size:13px;color:var(--am-on-surface-variant);margin-top:4px}
.am-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--am-rd-full);background:var(--am-primary);color:var(--am-on-primary);border:none;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;box-shadow:var(--am-elev1);transition:box-shadow var(--am-transition)}
.am-btn:hover{box-shadow:var(--am-elev2)}
.am-btn .am-ico{width:18px;height:18px}
.am-btn.am-btn-tonal{background:var(--am-primary-container);color:var(--am-on-primary-container);box-shadow:none}
.am-btn.am-btn-outline{background:transparent;color:var(--am-primary);border:1px solid var(--am-outline);box-shadow:none}

/* 帖子列表 */
.am-list-head{display:grid;grid-template-columns:1fr 100px 80px 80px 140px;gap:12px;padding:10px 16px;font-size:12px;color:var(--am-on-surface-variant);font-weight:500;background:var(--am-surface);border-radius:var(--am-rd) var(--am-rd) 0 0}
.am-thread-row{display:grid;grid-template-columns:1fr 100px 80px 80px 140px;gap:12px;padding:12px 16px;background:var(--am-surface);align-items:center;border-bottom:1px solid rgba(103,80,164,.06);transition:background var(--am-transition)}
.am-thread-row:last-child{border-radius:0 0 var(--am-rd) var(--am-rd)}
.am-thread-row:hover{background:var(--am-surface-2)}
.am-thread-col-main{min-width:0}
.am-thread-col-main .am-thread-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.am-thread-author{font-size:12px;color:var(--am-on-surface-variant);display:flex;align-items:center;gap:6px;margin-top:4px}
.am-thread-author .am-avatar{width:20px;height:20px;border:none}
.am-thread-col{text-align:center;font-size:13px;color:var(--am-on-surface-variant)}
.am-thread-col-time{text-align:right;font-size:12px;color:var(--am-on-surface-variant)}
.am-list-wrap{border-radius:var(--am-rd);overflow:hidden;box-shadow:var(--am-elev1)}
.am-thread-row.am-sticky{background:var(--am-primary-container);color:var(--am-on-primary-container)}
.am-thread-row.am-sticky .am-thread-col,.am-thread-row.am-sticky .am-thread-author,.am-thread-row.am-sticky .am-thread-col-time{color:var(--am-on-primary-container)}

/* 分页 */
.am-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:24px}
.am-page-btn{min-width:40px;height:40px;border-radius:var(--am-rd-full);border:1px solid var(--am-outline);background:transparent;color:var(--am-on-surface-variant);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:14px;transition:all var(--am-transition)}
.am-page-btn:hover{background:var(--am-surface)}
.am-page-btn.am-active{background:var(--am-primary);color:var(--am-on-primary);border-color:transparent}

/* ===== 详情页 ===== */
.am-detail-title{font-size:26px;font-weight:700;margin:16px 0;word-break:break-word}
.am-post{background:var(--am-surface);border-radius:var(--am-rd-lg);box-shadow:var(--am-elev1);padding:20px;margin-bottom:16px}
.am-post-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(103,80,164,.1)}
.am-post-head .am-avatar{width:48px;height:48px;border:none}
.am-post-author{flex:1}
.am-post-author .am-name{font-size:15px;font-weight:600;color:var(--am-primary)}
.am-post-author .am-time{font-size:12px;color:var(--am-on-surface-variant);display:flex;align-items:center;gap:4px;margin-top:2px}
.am-post-author .am-time .am-ico{width:13px;height:13px}
.am-floor{background:var(--am-primary-container);color:var(--am-on-primary-container);padding:2px 10px;border-radius:var(--am-rd-full);font-size:11px;font-weight:600}
.am-post-body{font-size:15px;line-height:1.8;color:var(--am-on-surface)}
.am-post-body p{margin-bottom:12px}
.am-post-img{margin:16px 0;border-radius:var(--am-rd);overflow:hidden;box-shadow:var(--am-elev1)}
.am-post-img img{width:100%}
.am-post-foot{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(103,80,164,.1)}
.am-post-action{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--am-rd-full);background:var(--am-surface-2);color:var(--am-on-surface-variant);font-size:13px;border:none;cursor:pointer;font-family:inherit;transition:background var(--am-transition)}
.am-post-action:hover{background:var(--am-primary-container);color:var(--am-on-primary-container)}
.am-post-action .am-ico{width:16px;height:16px}
.am-post-action.am-liked{color:var(--am-error)}
.am-reply-box{background:var(--am-surface);border-radius:var(--am-rd-lg);box-shadow:var(--am-elev1);padding:20px;margin-top:16px}
.am-reply-box h3{font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.am-reply-box h3 .am-ico{color:var(--am-primary)}
.am-textarea{width:100%;min-height:100px;border:1px solid var(--am-outline);border-radius:var(--am-rd);padding:12px;font-family:inherit;font-size:14px;resize:vertical;background:var(--am-bg);color:var(--am-on-surface);transition:border-color var(--am-transition)}
.am-textarea:focus{outline:none;border-color:var(--am-primary);border-width:2px}
.am-reply-tools{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.am-reply-tools-left{display:flex;gap:6px}
.am-tool-btn{width:40px;height:40px;border-radius:var(--am-rd-full);background:var(--am-surface-2);border:none;color:var(--am-on-surface-variant);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.am-tool-btn:hover{background:var(--am-primary-container);color:var(--am-on-primary-container)}

/* 楼主信息侧卡 */
.am-profile-card{text-align:center}
.am-profile-card .am-avatar{width:80px;height:80px;margin:0 auto 12px;border:none}
.am-profile-card .am-name{font-size:17px;font-weight:600;color:var(--am-primary)}
.am-profile-card .am-bio{font-size:12px;color:var(--am-on-surface-variant);margin:6px 0}
.am-profile-stats{display:flex;justify-content:space-around;margin-top:12px;padding-top:12px;border-top:1px solid rgba(103,80,164,.1)}
.am-profile-stat .am-num{font-size:16px;font-weight:700;color:var(--am-on-surface)}
.am-profile-stat .am-label{font-size:11px;color:var(--am-on-surface-variant)}

/* ===== 搜索页 ===== */
.am-search-hero{background:var(--am-surface);border-radius:var(--am-rd-lg);box-shadow:var(--am-elev2);padding:32px;margin-bottom:20px;text-align:center}
.am-search-big{display:flex;align-items:center;max-width:640px;margin:0 auto;background:var(--am-bg);border:1px solid var(--am-outline);border-radius:var(--am-rd-full);padding:6px 6px 6px 20px;gap:8px;transition:border-color var(--am-transition)}
.am-search-big:focus-within{border-color:var(--am-primary);border-width:2px;padding:5px 5px 5px 19px}
.am-search-big input{flex:1;border:none;background:none;outline:none;font-family:inherit;font-size:16px;padding:10px 0;color:var(--am-on-surface)}
.am-search-big .am-btn{border-radius:var(--am-rd-full);padding:10px 24px}
.am-search-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:center}
.am-search-filters .am-label{font-size:13px;color:var(--am-on-surface-variant);font-weight:500;display:flex;align-items:center;gap:6px}
.am-search-filters .am-label .am-ico{width:16px;height:16px}
select.am-select{padding:8px 14px;border-radius:var(--am-rd-full);border:1px solid var(--am-outline);background:var(--am-surface);color:var(--am-on-surface);font-family:inherit;font-size:13px;cursor:pointer}
.am-result-count{font-size:13px;color:var(--am-on-surface-variant);margin-bottom:12px}
.am-result-item{background:var(--am-surface);border-radius:var(--am-rd);box-shadow:var(--am-elev1);padding:16px 20px;margin-bottom:12px;transition:box-shadow var(--am-transition)}
.am-result-item:hover{box-shadow:var(--am-elev2)}
.am-result-title{font-size:16px;font-weight:600;color:var(--am-primary);margin-bottom:6px}
.am-result-snippet{font-size:14px;color:var(--am-on-surface-variant);line-height:1.6;margin-bottom:8px}
.am-result-meta{font-size:12px;color:var(--am-on-surface-variant);display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.am-result-meta .am-ico{width:14px;height:14px}
.am-hot-search{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.am-hot-search .am-chip{font-size:12px}

/* 移动端抽屉 */
.am-drawer{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;opacity:0;visibility:hidden;transition:opacity var(--am-transition)}
.am-drawer.am-open{opacity:1;visibility:visible}
.am-drawer-panel{position:absolute;left:0;top:0;bottom:0;width:280px;background:var(--am-surface-2);padding:16px;transform:translateX(-100%);transition:transform var(--am-transition);overflow-y:auto}
.am-drawer.am-open .am-drawer-panel{transform:translateX(0)}
.am-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.am-drawer-nav{display:flex;flex-direction:column;gap:4px}
.am-drawer-nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--am-rd-full);color:var(--am-on-surface);font-size:14px;font-weight:500}
.am-drawer-nav a:hover{background:var(--am-surface)}
.am-drawer-nav a .am-ico{width:20px;height:20px;color:var(--am-primary)}

/* 响应式 */
@media(max-width:992px){
  .am-main{grid-template-columns:1fr}
  .am-aside{order:2}
  .am-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .am-nav{display:none}
  .am-menu-btn{display:inline-flex}
  .am-search-mini{display:none}
  .am-list-head,.am-thread-row{grid-template-columns:1fr 60px 80px;gap:8px}
  .am-list-head .am-col-replies,.am-list-head .am-col-views,.am-thread-row .am-thread-col-replies,.am-thread-row .am-thread-col-views{display:none}
  .am-thread-col-time{text-align:left}
  .am-bottom-nav{display:block}
  .am-fab{bottom:80px}
  .am-banner{border-radius:var(--am-rd)}
  .am-board-header{flex-wrap:wrap}
  .am-detail-title{font-size:20px}
  .am-post-body{font-size:14px}
}
@media(max-width:480px){
  .am-container{padding:0 12px}
  .am-post-foot{flex-wrap:wrap}
  .am-footer-grid{grid-template-columns:1fr}
}

/* ============================================================
   CMS Extension Styles - Android Material Design
   ============================================================ */

/* ---------- Pagination (CMS) ---------- */
.jv-pagination{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  padding:24px 0;justify-content:center;
}
.jv-page-info{
  font-size:13px;color:var(--am-on-surface-variant);margin-right:12px;
}
.jv-pagination a{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 10px;
  font-size:14px;font-weight:500;cursor:pointer;
  background:var(--am-bg);border:1px solid var(--am-outline);
  border-radius:var(--am-rd-full);color:var(--am-on-surface-variant);
  transition:all var(--am-transition);text-decoration:none;
}
.jv-pagination a:hover{
  border-color:var(--am-primary);color:var(--am-primary);background:var(--am-surface);
}
.jv-pagination a.active{
  background:var(--am-primary);border-color:var(--am-primary);
  color:var(--am-on-primary);font-weight:600;
}
.jv-pagination a.disabled{
  color:var(--am-on-surface-variant);border-color:var(--am-outline);
  cursor:not-allowed;pointer-events:none;opacity:.5;
}
.jv-page-dots{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;color:var(--am-on-surface-variant);font-size:14px;
}

/* ---------- Comment System ---------- */
.comment-section{margin-top:0}
.comment-form-area{margin-bottom:20px}
.comment-login-notice{
  background:var(--am-surface);border:1px solid var(--am-outline);
  border-radius:var(--am-rd);padding:20px;text-align:center;
}
.comment-list{display:flex;flex-direction:column}
.comment-item{
  display:flex;gap:12px;padding:16px 0;
  border-bottom:1px solid rgba(103,80,164,.08);
}
.comment-item:last-child{border-bottom:none}
.comment-avatar{
  flex-shrink:0;width:40px;height:40px;border-radius:var(--am-rd-full);
  background:var(--am-primary);color:var(--am-on-primary);
  font-size:16px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.comment-main{flex:1;min-width:0}
.comment-head{
  display:flex;align-items:center;gap:8px;
  margin-bottom:6px;flex-wrap:wrap;
}
.comment-author{font-size:14px;font-weight:600;color:var(--am-on-surface)}
.comment-reply-to{font-size:12px;color:var(--am-on-surface-variant)}
.comment-reply-to::before{content:'\2192';margin-right:3px}
.comment-time{font-size:12px;color:var(--am-on-surface-variant);margin-left:auto}
.comment-content{font-size:14px;color:var(--am-on-surface);line-height:1.7;word-break:break-word}
.comment-actions{margin-top:8px}
.comment-reply-btn{
  display:inline-flex;align-items:center;
  height:26px;padding:0 12px;
  border:none;background:transparent;
  color:var(--am-on-surface-variant);font-size:12px;cursor:pointer;
  transition:all var(--am-transition);
}
.comment-reply-btn:hover{color:var(--am-primary)}
.comment-reply-form{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.comment-reply-input{
  width:100%;border:1px solid var(--am-outline);
  border-radius:var(--am-rd);padding:10px 14px;
  font-size:13px;line-height:1.5;resize:vertical;min-height:60px;
  font-family:inherit;background:var(--am-bg);color:var(--am-on-surface);
  transition:border-color var(--am-transition);outline:none;
}
.comment-reply-input:focus{border-color:var(--am-primary)}
.comment-reply-submit{
  align-self:flex-end;display:inline-flex;align-items:center;
  height:32px;padding:0 16px;
  border:none;background:var(--am-primary);color:var(--am-on-primary);
  font-size:12px;font-weight:600;cursor:pointer;
  border-radius:var(--am-rd-full);transition:all var(--am-transition);
}
.comment-reply-submit:hover{box-shadow:var(--am-elev1)}
.comment-reply-submit:disabled{opacity:.6;cursor:not-allowed}
.comment-replies{
  margin-left:52px;padding-left:16px;
  border-left:2px solid rgba(103,80,164,.12);
  display:flex;flex-direction:column;
}
.comment-reply-item{
  display:flex;gap:10px;padding:12px 0;
  border-bottom:1px solid rgba(103,80,164,.06);
}
.comment-reply-item:last-child{border-bottom:none}
.comment-reply-item .comment-avatar{width:32px;height:32px;font-size:13px}
.comment-reply-item .comment-author{font-size:13px}
.comment-reply-item .comment-content{font-size:13px}
.comment-empty{text-align:center;padding:32px 16px;color:var(--am-on-surface-variant);font-size:14px}
.comment-empty p{margin:0}
.comment-load-more{display:flex;justify-content:center;padding:16px 0}
.comment-load-more-btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:36px;padding:0 28px;
  border:1px solid var(--am-outline);border-radius:var(--am-rd-full);
  background:var(--am-bg);color:var(--am-on-surface-variant);
  font-size:13px;font-weight:600;cursor:pointer;
  transition:all var(--am-transition);
}
.comment-load-more-btn:hover{border-color:var(--am-primary);color:var(--am-primary)}
.comment-submit-btn:disabled{opacity:.6;cursor:not-allowed}
.comment-char-count{font-size:13px;color:var(--am-on-surface-variant)}

/* ---------- Article Content Images ---------- */
.am-post-body img{max-width:100%;height:auto;border-radius:var(--am-rd)}