*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color:#f0f0f3;--bg-gradient:linear-gradient(145deg,#f5f5f8,#e6e6e9);--shadow-light:rgba(255,255,255,.8);--shadow-dark:rgba(163,177,198,.5);--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--accent-color:#7d56c9;--accent-color-light:#8a63d6;--accent-color-dark:#7049bc;--accent-gradient:linear-gradient(145deg,var(--accent-color-light),var(--accent-color-dark));--accent-secondary:#ff6b6b;--card-radius:8px;--button-radius:8px;--transition:all .3s ease;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.25rem;--font-size-2xl:1.25rem;--font-size-3xl:1.25rem;--font-size-4xl:1.25rem;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--container-width:1200px}.forum-container{max-width:var(--container-width);margin:0 auto;padding:var(--spacing-lg)}.forum-post-list{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.forum-post-item{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e1e5e9;border-radius:var(--card-radius);padding:var(--spacing-lg);transition:var(--transition);position:relative;box-shadow:2px 2px 4px rgba(163,177,198,.2),-2px -2px 4px rgba(255,255,255,.8)}.forum-post-item:hover{border-color:var(--accent-color);box-shadow:4px 4px 8px rgba(163,177,198,.3),-4px -4px 8px rgba(255,255,255,.9),0 0 0 1px var(--accent-color);transform:translateY(-2px)}.forum-post-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.forum-post-title a{text-decoration:none;color:inherit;transition:var(--transition)}.forum-post-title a:hover{color:var(--accent-color)}.forum-post-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.forum-post-author{font-weight:500;color:var(--text-primary)}.forum-post-date{opacity:.8}.forum-post-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.forum-post-stats{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.forum-post-replies,.forum-post-views{display:flex;align-items:center;gap:var(--spacing-xs)}.forum-post-replies i,.forum-post-views i{color:var(--accent-color)}.forum-form{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:var(--card-radius);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:3px 3px 6px rgba(163,177,198,.25),-3px -3px 6px rgba(255,255,255,.8)}.forum-form h2{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg)}.forum-form-group{margin-bottom:var(--spacing-lg)}.forum-form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.forum-form-group input,.forum-form-group textarea,.forum-form-group select{width:100%;padding:var(--spacing-md);border:1px solid #e1e5e9;border-radius:var(--card-radius);font-size:var(--font-size-md);transition:var(--transition);background:#fff}.forum-form-group input:focus,.forum-form-group textarea:focus,.forum-form-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(125,86,201,.1)}.forum-form-group textarea{min-height:120px;resize:vertical}.forum-submit-btn{background:var(--accent-gradient);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--button-radius);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:2px 2px 4px rgba(163,177,198,.3),-1px -1px 2px rgba(255,255,255,.5)}.forum-submit-btn:hover{background:var(--accent-gradient);transform:translateY(-1px);box-shadow:3px 3px 6px rgba(163,177,198,.4),-2px -2px 4px rgba(255,255,255,.6)}.forum-submit-btn:active{transform:translateY(0);box-shadow:1px 1px 2px rgba(163,177,198,.4),inset 1px 1px 2px rgba(125,86,201,.2)}.forum-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:#fff;border:1px solid #e1e5e9;border-radius:var(--card-radius)}.forum-nav-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.forum-nav-actions{display:flex;gap:var(--spacing-sm)}.forum-btn{padding:var(--spacing-xs) var(--spacing-sm);border:2px solid #ced4da;border-radius:6px;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.forum-btn-primary{background:#667eea;color:#fff;border-color:#667eea}.forum-btn-secondary{background:#fff;color:var(--text-secondary);border-color:#ced4da}.forum-btn:hover{transform:none;box-shadow:none}.forum-btn-primary:hover{background:#5a6fd8;border-color:#5a6fd8}.forum-btn-secondary:hover{background:#f8f9fa;border-color:#adb5bd}.single-forum-post{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:var(--card-radius);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:3px 3px 6px rgba(163,177,198,.25),-3px -3px 6px rgba(255,255,255,.8)}.forum-post-header{border-bottom:1px solid #e9ecef;padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.forum-post-content{font-size:var(--font-size-md);line-height:1.7;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.forum-post-content h1,.forum-post-content h2,.forum-post-content h3,.forum-post-content h4,.forum-post-content h5,.forum-post-content h6{color:var(--text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.forum-post-content h1{font-size:var(--font-size-lg)}.forum-post-content h2{font-size:var(--font-size-lg)}.forum-post-content h3{font-size:var(--font-size-lg)}.forum-post-content h4{font-size:var(--font-size-md)}.forum-post-content h5{font-size:var(--font-size-sm)}.forum-post-content h6{font-size:var(--font-size-xs)}.forum-post-content p{margin-bottom:var(--spacing-md)}.forum-post-content ul,.forum-post-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.forum-post-content blockquote{border-left:4px solid var(--accent-color);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;font-style:italic;color:var(--text-secondary)}.forum-post-content code{background:#f8f9fa;padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--button-radius);font-family:'Courier New',monospace;font-size:var(--font-size-sm)}.forum-post-content pre{background:#f8f9fa;padding:var(--spacing-md);border-radius:var(--card-radius);overflow-x:auto;margin:var(--spacing-lg) 0}.forum-post-content pre code{background:0 0;padding:0}.forum-message{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--button-radius);margin-bottom:var(--spacing-lg);font-weight:500;border-left:4px solid}.forum-message-success{background:#d4edda;color:#155724;border-left-color:#28a745}.forum-message-error{background:#f8d7da;color:#721c24;border-left-color:#dc3545}@media (max-width:768px){.forum-container{padding:var(--spacing-md)}.forum-post-item,.single-forum-post,.forum-form,.forum-stats{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.forum-post-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.forum-stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.forum-post-title{font-size:var(--font-size-lg)}.forum-form h2{font-size:var(--font-size-lg)}.forum-navigation{flex-direction:column;gap:var(--spacing-md)}.forum-nav-actions{justify-content:center}}@media (max-width:480px){.forum-container{padding:var(--spacing-sm)}.forum-post-item,.single-forum-post,.forum-form,.forum-stats{padding:var(--spacing-md)}.forum-submit-btn{width:100%;padding:var(--spacing-md)}}.forum-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl);color:var(--text-tertiary)}.forum-loading:after{content:'';width:var(--spacing-lg);height:var(--spacing-lg);border:2px solid #e1e5e9;border-top:2px solid #667eea;border-radius:50%;animation:forum-spin 1s linear infinite;margin-left:var(--spacing-xs)}@keyframes forum-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.forum-btn:focus,.forum-form-input:focus,.forum-form-select:focus,.forum-form-textarea:focus{outline:2px solid #667eea;outline-offset:2px}.forum-stats{background:#fff;border-radius:var(--card-radius);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:0 1px 3px rgba(0,0,0,.1)}.forum-stats h3{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg)}.forum-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.forum-stat-item{text-align:center;padding:var(--spacing-lg);background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:var(--card-radius);transition:var(--transition);box-shadow:2px 2px 4px rgba(163,177,198,.2),-2px -2px 4px rgba(255,255,255,.8)}.forum-stat-item:hover{background:linear-gradient(145deg,#e9ecef,#dee2e6);transform:translateY(-2px);box-shadow:3px 3px 6px rgba(163,177,198,.3),-3px -3px 6px rgba(255,255,255,.9)}.forum-stat-number{font-size:var(--font-size-lg);font-weight:700;color:var(--accent-color);display:block;margin-bottom:var(--spacing-xs)}.forum-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.forum-reply-item{background:#fff;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:16px;padding:20px;transition:all .2s ease}.forum-reply-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.08)}.reply-content{display:flex;flex-direction:column;gap:16px}.reply-header{display:flex;align-items:flex-start;gap:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.reply-author{display:flex;align-items:center;gap:12px;flex:1}.reply-author .avatar{border-radius:50%;border:2px solid #f3f4f6;transition:all .2s ease}.reply-author .avatar:hover{border-color:#7d56c9}.author-info{display:flex;flex-direction:column;gap:4px}.author-name{font-weight:600;color:#1f2937;font-size:16px}.reply-date{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:14px}.reply-date i{font-size:12px}.reply-body{color:#374151;line-height:1.6;font-size:16px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;hyphens:auto}.reply-body p{margin-bottom:16px}.reply-body p:last-child{margin-bottom:0}.reply-body a{color:#7d56c9;text-decoration:none;word-break:break-all;transition:color .2s ease}.reply-body a:hover{color:#6d28d9;text-decoration:underline}.reply-actions{display:flex;align-items:center;gap:16px;padding-top:12px;border-top:1px solid #f3f4f6}.comment-reply-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f8fafc;color:#7d56c9;text-decoration:none;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease}.comment-reply-link:hover{background:#7d56c9;color:#fff;border-color:#7d56c9}.comment-reply-link i{font-size:12px}@media (max-width:768px){.forum-reply-item{padding:16px;margin-bottom:12px}.reply-header{flex-direction:column;align-items:flex-start;gap:12px}.reply-author{width:100%}.author-info{flex:1}.reply-body{font-size:15px}.comment-reply-link{padding:10px 18px;font-size:14px}}@media (max-width:480px){.reply-author .avatar{width:32px;height:32px}.author-name{font-size:15px}.reply-date{font-size:13px}}@media print{.forum-navigation,.forum-form-submit,.forum-btn{display:none}.forum-post-item,.single-forum-post{border:1px solid #ccc;box-shadow:none}}