:root{--primary-color:var(--ds-primary-500);--primary-dark:#4338ca;--secondary-color:var(--ds-info-500);--success-color:var(--ds-success-500);--warning-color:var(--ds-warning-500);--danger-color:var(--ds-danger-500);--dark-color:#1f2937;--gray-color:#6b7280;--light-gray:#f3f4f6;--border-color:#e5e7eb;--bg-color:var(--ds-neutral-50);--card-bg:var(--ds-neutral-0);--navbar-bg:var(--ds-neutral-0);--text-color:#1f2937;--text-secondary:#6b7280;--shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--radius:8px;--radius-lg:12px;--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--text-color);background-color:var(--bg-color);line-height:1.6}a{text-decoration:none;color:inherit;transition:var(--transition)}img{max-width:100%;height:auto}.navbar{background:var(--navbar-bg);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.navbar-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-brand{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.navbar-brand img{height:40px;width:auto;border-radius:6px}.navbar-nav{display:flex;align-items:center;gap:30px;list-style:none}.navbar-nav a{font-weight:500;color:var(--dark-color);padding:8px 0;position:relative}.navbar-nav a:hover,.navbar-nav a.active{color:var(--primary-color)}.navbar-nav a.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-color);border-radius:2px}.navbar-right{display:flex;align-items:center;gap:15px}.search-box{position:relative}.search-box input{padding:8px 35px 8px 15px;border:1px solid var(--border-color);border-radius:20px;width:220px;font-size:0.9rem;transition:var(--transition)}.search-box input:focus{outline:none;border-color:var(--primary-color);width:280px}.search-box button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-color);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius);font-weight:500;font-size:0.95rem;cursor:pointer;border:none;transition:var(--transition)}.btn-primary{background:var(--primary-color);color:white}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow)}.btn-secondary{background:var(--secondary-color);color:white}.btn-success{background:var(--success-color);color:white}.btn-warning{background:var(--warning-color);color:white}.btn-danger{background:var(--danger-color);color:white}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--dark-color)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-sm{padding:6px 12px;font-size:0.85rem}.btn-lg{padding:14px 28px;font-size:1.05rem}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-image{position:relative;padding-top:60%;overflow:hidden;background:#eef1f5}.card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition),opacity 0.3s ease;opacity:0}.card-image img.loaded{opacity:1}.card:hover .card-image img{transform:scale(1.05)}.card-body{padding:16px}.card-title{font-size:1rem;font-weight:600;margin-bottom:8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-meta{display:flex;align-items:center;justify-content:space-between;color:var(--gray-color);font-size:0.85rem}.card-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:20px;font-size:0.875rem;font-weight:600}.badge-hot{background:var(--danger-color);color:white}.badge-vip{background:var(--warning-color);color:white}.badge-free{background:var(--success-color);color:white}.container{max-width:1400px;margin:0 auto;padding:0 20px}.section{padding:40px 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px}.section-title::before{content:'';width:4px;height:24px;background:var(--primary-color);border-radius:2px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;padding:60px 0;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:16px}.hero p{font-size:1.1rem;opacity:0.9;margin-bottom:30px}.hero-stats{display:flex;justify-content:center;gap:60px;margin-top:40px}.hero-stat{text-align:center}.hero-stat .number{font-size:2rem;font-weight:700}.hero-stat .label{font-size:0.9rem;opacity:0.8}.banner-slider{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:30px}.banner-slider img{width:100%;height:300px;object-fit:cover}.category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.category-tab{padding:8px 20px;border-radius:20px;background:var(--card-bg);border:1px solid var(--border-color);font-size:0.9rem;cursor:pointer;transition:var(--transition)}.category-tab:hover,.category-tab.active{background:var(--primary-color);color:white;border-color:var(--primary-color)}.table-container{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:var(--light-gray);font-weight:600;font-size:0.9rem}.table tr:hover{background:#f9fafb}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:6px;font-weight:500;font-size:0.9rem}.form-control{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:0.95rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}textarea.form-control{resize:vertical;min-height:100px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}.pagination a,.pagination span{padding:8px 14px;border-radius:var(--radius);background:var(--card-bg);border:1px solid var(--border-color);font-size:0.9rem}.pagination a:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.pagination .current{background:var(--primary-color);color:white;border-color:var(--primary-color)}.flash-messages{position:fixed;top:80px;right:20px;z-index:9999;max-width:400px}.flash-message{padding:14px 20px;border-radius:var(--radius);margin-bottom:10px;box-shadow:var(--shadow-lg);animation:slideIn 0.3s ease}.flash-success{background:var(--ds-success-100);color:var(--ds-success-100);border-left:4px solid var(--success-color)}.flash-error{background:var(--ds-danger-100);color:var(--ds-danger-800);border-left:4px solid var(--danger-color)}.flash-info{background:var(--ds-primary-100);color:var(--ds-primary-700);border-left:4px solid var(--ds-primary-500)}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:var(--dark-color);color:white;position:fixed;height:100vh;overflow-y:auto}.admin-sidebar-brand{padding:20px;font-size:1.3rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,0.1)}.admin-sidebar-nav{list-style:none;padding:10px 0}.admin-sidebar-nav li a{display:flex;align-items:center;gap:12px;padding:12px 20px;color:rgba(255,255,255,0.7);font-size:0.95rem}.admin-sidebar-nav li a:hover,.admin-sidebar-nav li a.active{background:rgba(255,255,255,0.1);color:white}.admin-main{flex:1;margin-left:260px;padding:20px;background:var(--ds-neutral-100);min-height:100vh}.admin-header{background:white;padding:16px 24px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background:white;padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.stat-card .stat-value{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.stat-card .stat-label{color:var(--gray-color);font-size:0.9rem;margin-top:4px}.member-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:0.8rem;font-weight:600}.badge-free-member{background:#e5e7eb;color:var(--gray-color)}.badge-vip-member{background:var(--ds-warning-100);color:var(--ds-warning-700)}.badge-svip-member{background:var(--ds-primary-100);color:var(--ds-primary-700)}.badge-partner-member{background:var(--ds-success-100);color:var(--ds-success-100)}.ad-container{background:white;border-radius:var(--radius-lg);padding:30px;text-align:center;box-shadow:var(--shadow)}.ad-timer{font-size:3rem;font-weight:700;color:var(--primary-color);margin:20px 0}.footer{background:var(--dark-color);color:rgba(255,255,255,0.7);padding:40px 0 20px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:30px}.footer-section h4{color:white;margin-bottom:16px;font-size:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;text-align:center;font-size:0.85rem}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:2rem}.hero-stats{gap:30px}.admin-sidebar{width:200px}.admin-main{margin-left:200px}}@media (max-width:768px){.navbar-nav,.search-box{display:none}.hero{padding:30px 0}.hero h1{font-size:1.4rem}.hero-stats{flex-wrap:wrap;justify-content:space-around;gap:16px}.section{padding:16px 0}.footer-grid{grid-template-columns:1fr;gap:20px}.stats-grid{grid-template-columns:1fr}.admin-sidebar{transform:translateX(-100%);z-index:999}.admin-main{margin-left:0}}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--dark-color)}.post-item{background:white;border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--shadow);transition:var(--transition)}.post-item:hover{box-shadow:var(--shadow-lg)}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.post-meta{flex:1}.post-author{font-weight:600;font-size:0.95rem}.post-time{font-size:0.8rem;color:var(--gray-color)}.post-title{font-size:1.1rem;font-weight:600;margin-bottom:8px}.post-content{color:var(--gray-color);line-height:1.6;margin-bottom:12px}.post-stats{display:flex;gap:20px;font-size:0.85rem;color:var(--gray-color)}.reply-item{padding:16px;border-bottom:1px solid var(--border-color)}.reply-item:last-child{border-bottom:none}.detail-header{background:white;border-radius:var(--radius-lg);padding:30px;margin-bottom:24px;box-shadow:var(--shadow)}.detail-body{background:white;border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow)}.detail-cover{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius);margin-bottom:20px}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-gray{color:var(--gray-color)}.text-center{text-align:center}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.p-2{padding:16px}.p-3{padding:24px}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:16px}.w-100{width:100%}.ext-link-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.92);z-index:99999;display:flex;flex-direction:column;animation:extLinkFadeIn 0.25s ease}@keyframes extLinkFadeIn{from{opacity:0}to{opacity:1}}.ext-link-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;background:linear-gradient(135deg,#1a56db,var(--ds-primary-600));color:var(--ds-neutral-0);flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.ext-link-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.ext-link-info>i{font-size:1.1rem;flex-shrink:0}.ext-link-title{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.ext-link-url{font-size:0.8rem;opacity:0.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}.ext-link-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.ext-link-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:6px;font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.2s;border:none;text-decoration:none;white-space:nowrap}.ext-link-btn-open{background:rgba(255,255,255,0.2);color:var(--ds-neutral-0)}.ext-link-btn-open:hover{background:rgba(255,255,255,0.35)}.ext-link-btn-close{background:var(--ds-neutral-0);color:#1a56db}.ext-link-btn-close:hover{background:#f0f4ff}.ext-link-frame-container{flex:1;position:relative;background:var(--ds-neutral-0);overflow:hidden}#extLinkFrame{width:100%;height:100%;border:none;display:block}.ext-link-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ds-neutral-50);color:var(--ds-neutral-500);z-index:2}.ext-link-spinner{width:40px;height:40px;border:3px solid var(--ds-neutral-200);border-top-color:var(--ds-primary-600);border-radius:50%;animation:extLinkSpin 0.8s linear infinite;margin-bottom:16px}@keyframes extLinkSpin{to{transform:rotate(360deg)}}.ext-link-loading p{margin:4px 0;font-size:0.9rem}.ext-link-blocked{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ds-neutral-50);text-align:center;padding:40px 20px;z-index:3}.ext-link-blocked i{font-size:3.5rem;color:var(--ds-warning-500);margin-bottom:20px}.ext-link-blocked h3{font-size:1.3rem;color:var(--ds-neutral-900);margin-bottom:12px}.ext-link-blocked p{color:var(--ds-neutral-500);margin:6px 0;font-size:0.95rem}.ext-link-blocked-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:linear-gradient(135deg,var(--ds-primary-600),var(--ds-primary-500));color:var(--ds-neutral-0) !important;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;margin-top:20px;transition:all 0.2s}.ext-link-blocked-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,0.4)}.ext-link-hint{position:absolute;bottom:0;left:0;right:0;padding:8px 20px;background:rgba(0,0,0,0.7);color:var(--ds-neutral-0);font-size:0.8rem;text-align:center;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px}.ext-link-hint a{color:var(--ds-primary-300);text-decoration:underline;cursor:pointer}:root{--m-tab-height:50px;--m-tab-safe-bottom:env(safe-area-inset-bottom,0px);--m-topbar-height:44px;--m-primary:var(--ds-primary-500);--m-primary-light:var(--ds-primary-500);--m-bg:#f5f5f7;--m-text:#1d1d1f;--m-text-secondary:#86868b;--m-border:#e5e5ea;--m-card-bg:var(--ds-neutral-0);--m-card-radius:12px;--m-touch-min:38px;--m-topbar-bg:rgba(255,255,255,0.92);--m-tabbar-bg:rgba(255,255,255,0.95);--m-gap-xs:4px;--m-gap-sm:6px;--m-gap-md:8px;--m-gap-lg:12px}@media (max-width:768px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%;font-size:15px;overflow-x:clip;-webkit-overflow-scrolling:touch;touch-action:pan-y}body{background:var(--m-bg);padding-top:var(--m-topbar-height) !important;padding-bottom:calc(var(--m-tab-height)+var(--m-tab-safe-bottom)) !important;overscroll-behavior-y:contain;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','PingFang SC','Helvetica Neue',sans-serif;line-height:1.5;overflow-x:clip;-webkit-overflow-scrolling:touch;touch-action:pan-y;width:100% !important}.card:hover,.post-item:hover,.btn-primary:hover,.btn-outline:hover,.category-tab:hover{transform:none !important;box-shadow:var(--shadow) !important}.card:hover .card-image img{transform:none !important}.navbar,.footer,.navbar-right,.mobile-menu-toggle{display:none !important}.m-topbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;width:100%;height:var(--m-topbar-height);height:calc(var(--m-topbar-height)+env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:var(--m-topbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;border-bottom:0.5px solid var(--m-border);overflow:hidden}.m-topbar-brand{display:flex;align-items:center;gap:4px;padding-left:12px;font-size:1.05rem;font-weight:700;color:var(--m-primary);letter-spacing:-0.5px}.m-topbar-brand img{height:24px;width:auto}.m-topbar-actions{display:flex;align-items:center;gap:2px;padding-right:6px}.m-topbar-btn{display:flex;align-items:center;justify-content:center;width:var(--m-touch-min);height:var(--m-touch-min);border:none;background:transparent;font-size:1rem;color:var(--m-text);cursor:pointer;border-radius:50%;transition:background 0.2s}.m-topbar-btn:active{background:rgba(0,0,0,0.06)}.m-topbar-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--m-border)}.m-topbar-login{padding:5px 14px;font-size:0.8rem;font-weight:600;color:white;background:var(--m-primary);border-radius:16px;border:none;height:28px;line-height:18px}.m-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;width:100%;height:var(--m-tab-height);height:calc(var(--m-tab-height)+var(--m-tab-safe-bottom));padding-bottom:var(--m-tab-safe-bottom);background:var(--m-tabbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:0.5px solid var(--m-border);z-index:1001;user-select:none;pointer-events:auto !important;overflow:hidden}.ext-link-overlay[style*="display:none"],.ext-link-overlay:not([style*="display:flex"]){display:none !important;pointer-events:none !important}.m-search-overlay:not(.show){display:none !important;pointer-events:none !important}.m-tabbar::before{content:'';position:absolute;top:0;left:0;right:0;height:0.5px;background:var(--m-border)}.m-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 0;text-decoration:none;color:var(--m-text-secondary);font-size:0.6rem;font-weight:500;transition:color 0.2s ease;-webkit-tap-highlight-color:transparent;position:relative;touch-action:manipulation;pointer-events:auto !important}.m-tab i{font-size:1.05rem;height:20px;display:flex;align-items:center;transition:transform 0.2s ease}.m-tab.active{color:var(--m-primary)}.m-tab.active i{transform:translateY(-1px) scale(1.08)}.m-tab:active i{transform:scale(0.92)}.m-tab-logout{color:#9ca3af}.m-tab-logout:active{color:var(--ds-danger-500)}.m-tabbar .m-tab:nth-last-child(1):nth-child(6)~.m-tab,.m-tabbar:has(.m-tab:nth-child(6)) .m-tab{font-size:0.55rem}.m-tabbar:has(.m-tab:nth-child(6)) .m-tab i{font-size:1rem}.m-tab-center{position:relative}.m-tab-center .m-tab-icon-wrapper{width:40px;height:40px;background:linear-gradient(135deg,var(--m-primary),var(--m-primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-16px;box-shadow:0 3px 10px rgba(59,130,246,0.35);color:white;font-size:1.15rem}.m-tab-center.active .m-tab-icon-wrapper{background:linear-gradient(135deg,var(--m-primary),var(--m-primary-light))}.m-search-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:2000;opacity:0;transition:opacity 0.25s ease}.m-search-overlay.show{display:block;opacity:1}.m-search-panel{background:var(--m-card-bg,white);padding:env(safe-area-inset-top,0px) 12px 16px;transform:translateY(-100%);transition:transform 0.3s cubic-bezier(0.32,0.72,0,1);border-radius:0 0 16px 16px;box-shadow:0 8px 32px rgba(0,0,0,0.12)}.m-search-overlay.show .m-search-panel{transform:translateY(0)}.m-search-bar{display:flex;align-items:center;gap:8px;padding-top:8px}.m-search-input-wrap{flex:1;position:relative;display:flex;align-items:center;background:var(--m-bg);border-radius:10px;padding:0 12px;height:36px}.m-search-input-wrap i{color:var(--m-text-secondary);font-size:0.85rem;margin-right:6px}.m-search-input{flex:1;border:none;background:transparent;font-size:0.9rem;outline:none;height:100%}.m-search-input::placeholder{color:var(--m-text-secondary)}.m-search-cancel{border:none;background:transparent;font-size:0.9rem;color:var(--m-primary);font-weight:500;padding:6px 4px;min-height:36px}.m-search-hot{padding:12px 0 0}.m-search-hot-title{font-size:0.875rem;color:var(--m-text-secondary);margin-bottom:8px}.m-search-tags{display:flex;flex-wrap:wrap;gap:6px}.m-search-tag{padding:4px 12px;background:var(--m-bg);border-radius:14px;font-size:0.78rem;color:var(--m-text);border:none;cursor:pointer;min-height:28px;display:inline-flex;align-items:center}.m-search-tag:active{background:#e8e8ed}main{padding:0 !important;overflow-x:clip;max-width:100% !important}.container{padding:0 12px;max-width:100% !important;overflow-x:clip;position:relative}.section{padding:10px 0}.section-header{margin-bottom:10px;padding:0 2px}.section-title{font-size:1.05rem}.section-title::before{height:16px;width:3px}.hero{padding:20px 12px;border-radius:0 0 20px 20px;margin-bottom:10px}.hero h1{font-size:1.2rem;margin-bottom:6px;line-height:1.35}.hero p{font-size:0.8rem;margin-bottom:14px;line-height:1.5}.hero .btn{padding:8px 16px;font-size:0.8rem;margin-bottom:4px}.hero-stats{gap:12px;margin-top:16px;flex-wrap:wrap;justify-content:space-around}.hero-stat .number{font-size:1.1rem}.hero-stat .label{font-size:0.68rem}.grid-2,.grid-3,.grid-4,.grid-6{grid-template-columns:repeat(2,1fr) !important;gap:8px !important}.card{border-radius:var(--m-card-radius);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.card-image{padding-top:70%}.card-body{padding:6px 8px 8px}.card-title{font-size:0.78rem;line-height:1.3;-webkit-line-clamp:2;margin-bottom:3px}.card-meta{font-size:0.65rem;gap:6px}.card-badge{font-size:0.58rem;padding:1px 6px;top:5px}.category-tabs{overflow-x:auto;flex-wrap:nowrap !important;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -12px 8px;padding:0 12px;gap:6px;width:calc(100%+24px);max-width:calc(100%+24px)}.category-tabs::-webkit-scrollbar{display:none}.category-tab{white-space:nowrap;padding:5px 14px;font-size:0.8rem;border-radius:16px;flex-shrink:0;min-width:0}.post-item{padding:10px;margin-bottom:8px;border-radius:var(--m-card-radius)}.post-avatar{width:32px;height:32px}.post-title{font-size:0.92rem;line-height:1.35}.post-content{font-size:0.8rem;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.post-stats{gap:12px;font-size:0.72rem}.pagination{gap:3px;margin-top:16px;flex-wrap:wrap;justify-content:center}.pagination a,.pagination span{padding:6px 10px;font-size:0.8rem;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.btn{min-height:38px;padding:8px 14px;font-size:0.85rem}.btn-sm{min-height:32px;padding:4px 10px;font-size:0.78rem}.form-control{padding:9px 12px;font-size:16px;border-radius:8px}.form-label{font-size:0.82rem;margin-bottom:4px}.form-group{margin-bottom:12px}.detail-header,.detail-body{padding:12px;border-radius:var(--m-card-radius)}.detail-cover{max-height:200px;border-radius:8px}.detail-header>div[style*="display:flex"]{flex-direction:column !important;gap:12px !important}.detail-header img[style*="width:280px"]{width:100% !important;height:180px !important}.detail-header div[style*="flex:1"]{min-width:0 !important}.detail-header h1{font-size:1.15rem !important;margin-bottom:8px !important}.detail-header p{font-size:0.85rem !important;margin-bottom:10px !important}.detail-header div[style*="display:flex;gap:20px"]{gap:10px !important;font-size:0.875rem !important;margin-bottom:10px !important}.detail-header div[style*="margin-bottom:16px;"]:last-child{margin-bottom:8px !important}.detail-body[style*="margin-top:24px"]{margin-top:12px !important}.detail-body h3{font-size:1rem !important;margin-bottom:10px !important}.chapter-accordion-item{border-radius:8px !important}.chapter-accordion-header{padding:10px 12px !important;gap:10px !important}.chapter-accordion-header div[style*="width:36px;height:36px"]{width:28px !important;height:28px !important;font-size:14px !important}.chapter-accordion-header div[style*="flex:1"] div[style*="font-weight:600"]{font-size:0.85rem !important}.chapter-accordion-header div[style*="flex:1"] div[style*="font-size:14px"]{font-size:0.68rem !important}.chapter-accordion-item div[style*="padding:24px 32px"]{padding:12px 14px !important}.course-content-display{font-size:0.88rem !important;line-height:1.7 !important}.course-content-display h1{font-size:1.3rem !important}.course-content-display h2{font-size:1.15rem !important}.course-content-display h3{font-size:1rem !important}.course-content-display h4{font-size:0.9rem !important}.course-content-display pre{padding:10px 12px !important;font-size:14px !important}.course-content-display blockquote{padding:6px 12px !important;margin:8px 0 !important}.course-content-display img{border-radius:6px !important;margin:8px 0 !important}.course-content-display ul,.course-content-display ol{padding-left:1.4em !important}.detail-body iframe{height:220px !important}.detail-header .post-header{margin-bottom:12px !important}.detail-header h1{font-size:1.1rem !important;margin-bottom:10px !important}.detail-header div[style*="line-height:1.8"]{font-size:0.88rem !important;line-height:1.7 !important}.reply-item{padding:10px 0 !important;border-bottom:1px solid var(--m-border)}.reply-item div[style*="margin-left:52px"]{margin-left:42px !important;font-size:0.85rem !important}.card[style*="padding:30px"]{padding:14px !important}.card[style*="padding:24px"]{padding:12px !important}.card div[style*="display:flex;align-items:center;gap:12px;margin-bottom:20px"]{gap:8px !important;margin-bottom:12px !important}.card img[style*="width:44px;height:44px"]{width:36px !important;height:36px !important}.card h1{font-size:1.15rem !important;line-height:1.4 !important;margin-bottom:10px !important}.card div[style*="line-height:1.9"]{font-size:0.88rem !important;line-height:1.7 !important}.card div[style*="padding:40px 20px"]{padding:24px 14px !important}.card div[style*="padding:20px;border-radius"]{padding:12px !important}.card div[style*="display:flex;justify-content:space-around"]{gap:4px !important;padding-top:12px !important;margin-top:12px !important}.card div[style*="display:flex;justify-content:space-around"] .btn{padding:6px 8px !important;font-size:0.875rem !important}.card div[style*="display:flex;gap:8px;justify-content:center;flex-wrap:wrap"] .btn{padding:5px 10px !important;font-size:0.8rem !important}div[style*="position:fixed"][style*="z-index:9999"]>div{padding:20px 16px !important;max-width:92% !important}.card div[style*="height:200px"]{height:130px !important}.card div[style*="padding:24px 30px"]{padding:10px 14px !important}.card div[style*="padding:16px 30px"]{padding:10px 14px !important;gap:8px !important}.card img[style*="width:40px;height:40px"]{width:32px !important;height:32px !important}.card[style*="padding:0;overflow:hidden"] div[style*="padding:20px 24px"]{padding:10px 12px !important}.card[style*="padding:0;overflow:hidden"] h3{font-size:0.92rem !important}.card[style*="padding:0;overflow:hidden"] p{font-size:0.78rem !important;line-height:1.5 !important;margin-bottom:8px !important}.card[style*="padding:0;overflow:hidden"] div[style*="height:180px"]{height:120px !important}div[style*="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px"]{gap:6px !important;margin-bottom:10px !important;overflow-x:auto;flex-wrap:nowrap !important;-webkit-overflow-scrolling:touch}div[style*="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px"] .btn{white-space:nowrap;flex-shrink:0}div[style*="flex-direction:column;gap:16px"]{gap:8px !important}.mc-wrap{padding:var(--m-gap-lg) !important}.mc-hero{padding:20px 16px !important;flex-direction:column !important;text-align:center !important;gap:12px !important}.mc-hero-meta{justify-content:center !important;font-size:0.72rem !important}.mc-hero-actions{flex-direction:row !important;flex-wrap:wrap !important;justify-content:center !important}.mc-hero-actions .btn{flex:1 !important;min-width:100px !important}.mc-avatar{width:64px !important;height:64px !important}.mc-hero-name{justify-content:center !important;font-size:1.1rem !important}.mc-stats-row{grid-template-columns:repeat(3,1fr) !important;gap:var(--m-gap-md) !important}.mc-stat-card{padding:12px 6px !important}.mc-stat-value{font-size:1.1rem !important}.mc-stat-label{font-size:0.7rem !important}.mc-grid{grid-template-columns:1fr !important}.mc-card{padding:14px !important;margin-bottom:12px !important;border-radius:var(--m-card-radius) !important}.mc-card-title{font-size:0.9rem !important}.mc-income-grid{grid-template-columns:repeat(2,1fr) !important;gap:var(--m-gap-md) !important}.mc-income-value{font-size:1rem !important}.mc-income-label{font-size:0.68rem !important}.mc-quick-btn{min-width:60px !important;font-size:0.875rem !important;padding:12px 4px !important;min-height:var(--m-touch-min) !important}.mc-list-title{font-size:0.8rem !important}.mc-list-meta{font-size:0.68rem !important}.mc-list-icon{width:32px !important;height:32px !important}.mc-more-link{padding:10px !important;font-size:0.78rem !important;min-height:var(--m-touch-min) !important;display:flex !important;align-items:center !important;justify-content:center !important}.m-page-wrap{padding:var(--m-gap-lg);max-width:100%}.m-card{background:var(--m-card-bg);border-radius:var(--m-card-radius);padding:14px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.m-section-title{font-size:0.9rem;font-weight:700;display:flex;align-items:center;gap:var(--m-gap-sm)}.m-section-title i{font-size:1rem}.m-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--m-gap-md)}.m-stat-grid-2{grid-template-columns:repeat(2,1fr)}.m-stat-grid-4{grid-template-columns:repeat(2,1fr)}.m-stat-item{text-align:center;padding:12px 6px;border-radius:10px;background:var(--m-bg)}.m-stat-value{font-size:1rem;font-weight:700}.m-stat-label{font-size:0.68rem;color:var(--m-text-secondary);margin-top:2px}.m-btn-row{display:flex;gap:var(--m-gap-sm);flex-wrap:wrap}.m-btn-row>*{flex:1;min-width:60px}.m-list-item{display:flex;align-items:center;gap:var(--m-gap-md);padding:10px 12px;background:var(--m-bg);border-radius:8px;text-decoration:none;color:inherit}.m-list-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.m-list-body{flex:1;min-width:0}.m-list-title{font-size:0.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-list-meta{font-size:0.68rem;color:var(--m-text-secondary);margin-top:2px}.m-empty{text-align:center;padding:24px 12px;color:var(--m-text-secondary);font-size:0.85rem}.m-empty i{font-size:2rem;opacity:0.3;margin-bottom:8px;display:block}.m-more-link{display:flex;align-items:center;justify-content:center;margin-top:12px;padding:10px;font-size:0.78rem;color:var(--m-primary);text-decoration:none;border-radius:6px;min-height:var(--m-touch-min)}.m-hero-section{padding:20px 16px;border-radius:0 0 16px 16px;margin-bottom:10px;text-align:center}.m-hero-section h1{font-size:1.15rem;margin-bottom:6px}.m-hero-section p{font-size:0.8rem;margin-bottom:12px}.m-hide-topbar{display:none !important}.container[style*="max-width:680px"]{padding:12px !important}.container div[style*="border-radius:16px;padding:24px"]{padding:14px !important;border-radius:var(--m-card-radius) !important}.container div[style*="border-radius:16px;padding:32px"]{padding:16px !important;border-radius:var(--m-card-radius) !important}.container div[style*="width:64px;height:64px"]{width:48px !important;height:48px !important}.container div[style*="width:64px;height:64px"] i{font-size:20px !important}.container h2{font-size:1.1rem !important}.container div[style*="font-size:1.3rem"]{font-size:1rem !important}.container[style*="max-width:800px"],.container[style*="max-width:680px"],.container[style*="max-width:600px"]{max-width:100% !important;padding:12px !important}.container[style*="max-width:800px"] .card,.container[style*="max-width:680px"] .card,.container[style*="max-width:600px"] .card{padding:14px !important}.container[style*="max-width:800px"] h2,.container[style*="max-width:680px"] h2,.container[style*="max-width:600px"] h2{font-size:1.1rem !important;margin-bottom:12px !important}.container[style*="max-width"] textarea.form-control{font-size:15px !important}.container[style*="max-width"] form div[style*="display:flex;gap:12px"]{gap:8px !important}.community-hero{padding:24px 0 !important}.community-hero h1{font-size:1.2rem !important;margin-bottom:6px !important}.community-hero p{font-size:0.82rem !important;margin-bottom:12px !important}.hot-columns-grid{grid-template-columns:1fr 1fr !important;gap:8px !important}.hot-column-card{padding:10px !important;gap:8px !important}.hot-column-card img[style*="width:48px"]{width:36px !important;height:36px !important}.hot-column-card .fa-chevron-right{display:none !important}.community-card[style*="padding:20px"]{padding:10px !important}.community-card div[style*="gap:16px"]{gap:8px !important}.community-card div[style*="width:120px;height:90px"]{width:80px !important;height:60px !important}.community-card div[style*="width:120px;height:90px"] i{font-size:1.2rem !important}.community-card h3{font-size:0.88rem !important;margin-bottom:4px !important}.community-card p{font-size:0.875rem !important;margin-bottom:6px !important}.community-card img[style*="width:28px"]{width:22px !important;height:22px !important}.community-tab{padding:5px 10px !important;font-size:0.78rem !important}.member-levels-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}.member-level-card{padding:12px 8px !important}.member-level-card h3{font-size:0.88rem !important}.member-level-card div[style*="font-size:1.5rem"]{font-size:1.2rem !important}.hero div a{display:inline-flex !important;margin-bottom:6px;margin-right:6px !important}.hero .btn-lg{padding:8px 16px;font-size:0.8rem}.grid-2 .post-item{margin-bottom:8px}.post-header{gap:6px}.post-avatar{margin-right:2px}.flash-messages{top:calc(var(--m-topbar-height)+env(safe-area-inset-top,0px)+6px);left:50%;right:auto;transform:translateX(-50%);max-width:90%;width:360px}.flash-message{padding:8px 14px;font-size:0.82rem;border-radius:10px}.ad-container{padding:16px;border-radius:var(--m-card-radius)}.ad-timer{font-size:2rem}.m-overlay-mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:999}@media (max-width:360px){:root{--m-topbar-height:42px;--m-tab-height:48px}.m-topbar-brand{font-size:0.95rem;padding-left:10px}.m-topbar-btn{width:34px;height:34px;font-size:0.9rem}.m-topbar-avatar{width:26px;height:26px}.m-topbar-login{padding:4px 12px;font-size:0.875rem;height:26px;line-height:16px}.m-tab{font-size:0.55rem;padding:3px 0}.m-tab i{font-size:0.95rem;height:18px}.m-tab-center .m-tab-icon-wrapper{width:36px;height:36px;margin-top:-14px;font-size:1rem}.container{padding:0 10px}.grid-2,.grid-3,.grid-4,.grid-6{gap:6px !important}.card-body{padding:5px 6px 6px}.card-title{font-size:0.72rem}.card-meta{font-size:0.6rem}.hero h1{font-size:1.05rem}.hero p{font-size:0.875rem}.section-title{font-size:0.95rem}.post-item{padding:8px}.post-avatar{width:28px;height:28px}.post-title{font-size:0.85rem}.btn{min-height:34px;padding:6px 12px;font-size:0.8rem}.form-control{padding:8px 10px;font-size:15px}.pagination a,.pagination span{padding:5px 8px;font-size:0.875rem;min-width:32px;min-height:32px}.category-tab{padding:4px 12px;font-size:0.875rem}.mc-hero-meta{font-size:0.65rem !important}.mc-stat-card{padding:10px 4px !important}.mc-stat-value{font-size:0.95rem !important}.mc-stat-label{font-size:0.62rem !important}.mc-hero-actions .btn{min-width:80px !important;font-size:0.72rem !important}.m-stat-value{font-size:0.9rem}.m-stat-label{font-size:0.6rem}.m-card{padding:12px}.m-list-icon{width:28px;height:28px}}@media (min-width:481px) and (max-width:768px){.grid-2,.grid-3,.grid-4,.grid-6{grid-template-columns:repeat(3,1fr) !important;gap:10px !important}.card-title{font-size:0.82rem}.hero h1{font-size:1.4rem}.container{padding:0 16px}}@media (max-width:768px) and (orientation:landscape){:root{--m-tab-height:40px}.m-tabbar{height:40px}.m-tab i{font-size:0.95rem;height:18px}.m-tab span{display:none}body{padding-bottom:40px !important}}}@media (min-width:769px){.m-topbar,.m-tabbar,.m-search-overlay{display:none !important}}@media (max-width:768px){.ext-link-overlay{bottom:calc(50px+env(safe-area-inset-bottom,0px))}.ext-link-toolbar{height:42px;padding:0 8px}.ext-link-title{font-size:0.875rem;max-width:90px}.ext-link-actions{gap:4px}.ext-link-btn{padding:4px 8px;font-size:0.68rem}.ext-link-btn i{font-size:0.875rem}.ext-link-blocked i{font-size:2rem}.ext-link-blocked h3{font-size:1rem}.ext-link-blocked p{font-size:0.8rem}.ext-link-blocked-btn{padding:8px 20px;font-size:0.85rem}.ext-link-hint{font-size:0.65rem;padding:5px 8px}}
.card-price{display:flex;align-items:baseline;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.price-tag{font-size:1.1rem;font-weight:700;line-height:1}.price-tag.free,.price-tag.member-free{color:var(--success-color);font-size:.9rem}.price-tag.paid{color:var(--danger-color)}.price-original{font-size:.8rem;color:var(--gray-color);text-decoration:line-through}@media(max-width:768px){.card-price{margin-top:6px;padding-top:6px}.price-tag{font-size:.85rem}.price-tag.free,.price-tag.member-free{font-size:.7rem}.price-original{font-size:.6rem}}