:root{--bg-primary:#f5f7fa;--bg-card:#fff;--bg-input:#fff;--bg-code:#f8f9fa;--text-primary:#333;--text-secondary:#555;--text-muted:#888;--text-light:#999;--border-color:#e0e0e0;--border-light:#eee;--border-lighter:#f0f0f0;--border-faint:#f5f5f5;--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 2px 12px rgba(0,0,0,0.06);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-hover:0 8px 24px rgba(0,0,0,0.12);--accent:#667eea;--accent-hover:#5a6fd6;--accent-bg:#f0f0ff;--success:#28a745;--danger:#dc3545;--header-bg:#fff;--footer-bg:#fff;--modal-overlay:rgba(0,0,0,0.5);--placeholder-bg:#e8eaed;--switch-bg:#ccc;--badge-success-bg:#d4edda;--badge-success-text:#155724;--badge-warning-bg:#fff3cd;--badge-warning-text:#856404;--stat-card-bg:#fff;--stat-card-border:#eee;--trend-border:#eee;--ad-label:#bbb;--sort-tab-bg:#fff;--sort-tab-text:#666;--faq-bg:#f8f9fc}img[data-src]{opacity:0;transition:opacity .3s ease-in-out}img[data-src].lazy-load{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}img[data-src]:not(.lazy-load){opacity:1}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-card:#16213e;--bg-input:#1a1a2e;--bg-code:#0f3460;--text-primary:#e0e0e0;--text-secondary:#b0b0c0;--text-muted:#8888aa;--text-light:#7777aa;--border-color:#2a2a4a;--border-light:#2a2a4a;--border-lighter:#222244;--border-faint:#1e1e3a;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 2px 12px rgba(0,0,0,0.3);--shadow-lg:0 8px 24px rgba(0,0,0,0.4);--shadow-hover:0 8px 24px rgba(0,0,0,0.5);--accent:#7c8cf8;--accent-hover:#6a7ae6;--accent-bg:#1e1e4a;--header-bg:#16213e;--footer-bg:#16213e;--modal-overlay:rgba(0,0,0,0.7);--placeholder-bg:#0f3460;--switch-bg:#444;--badge-success-bg:#1a3a2a;--badge-success-text:#66cc88;--badge-warning-bg:#3a3a1a;--badge-warning-text:#ccaa44;--stat-card-bg:#16213e;--stat-card-border:#2a2a4a;--trend-border:#2a2a4a;--ad-label:#555;--sort-tab-bg:#16213e;--sort-tab-text:#b0b0c0;--faq-bg:#1a1a3e}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei','Helvetica Neue',sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:-webkit-fill-available;transition:background .3s,color .3s;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}iframe,img,svg,video{max-width:100%;height:auto}.icon-svg{display:inline-block;vertical-align:middle;flex-shrink:0}.icon-svg+span,span+.icon-svg{margin-left:4px}button,input,select,textarea{font-family:inherit;font-size:inherit}.action-btn,.btn,.cat-link,.sort-tab,a,button{-webkit-tap-highlight-color:transparent}input,select,textarea{-webkit-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{-webkit-appearance:auto;appearance:auto}@supports not (object-fit:cover){img[style*=object-fit]{object-fit:fill}}.container{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}@media (max-width:768px){body,html{overflow-x:hidden!important}}.site-header{background:var(--header-bg);box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:1000;transition:background .3s}.site-header .container{display:flex;align-items:center;height:60px;gap:12px;min-width:0}.logo{font-size:20px;font-weight:700;color:var(--text-primary);white-space:nowrap;flex-shrink:0;letter-spacing:.5px;max-width:40%;overflow:hidden;text-overflow:ellipsis}.logo:hover{color:var(--accent)}.main-nav{display:flex;gap:4px;flex-wrap:nowrap;flex:1;justify-content:flex-start;min-width:0;overflow:visible;align-items:center}.main-nav a{color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:14px;transition:all .2s;flex-shrink:0;white-space:nowrap}.main-nav a:hover{background:var(--accent-bg);color:var(--accent)}.main-nav a.active{background:var(--accent);color:#fff;font-weight:500}.nav-more{position:relative;flex-shrink:0}.nav-more-btn{color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:14px;transition:all .2s;cursor:pointer;background:0 0;border:none;white-space:nowrap;display:flex;align-items:center;gap:4px;font-family:inherit;line-height:1.5}.nav-more-btn:hover{background:var(--accent-bg);color:var(--accent)}.nav-more-arrow{font-size:10px;transition:transform .2s}.nav-more.open .nav-more-arrow{transform:rotate(180deg)}.nav-more-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);min-width:140px;z-index:1001;padding:4px 0}.nav-more.open .nav-more-dropdown{display:block}.nav-more-dropdown a{display:block;padding:8px 16px;color:var(--text-secondary);font-size:14px;border-radius:0;white-space:nowrap;transition:background .15s}.nav-more-dropdown a:hover{background:var(--accent-bg);color:var(--accent)}.nav-more-dropdown a.active{background:var(--accent);color:#fff;font-weight:500}.header-actions{display:flex;align-items:center;gap:12px;white-space:nowrap;flex-shrink:0}@supports not (gap:1px){.site-header .container>*+*{margin-left:12px}.header-actions>*+*{margin-left:12px}.main-nav>*+*{margin-left:4px}.user-menu>*+*{margin-left:10px}.dropdown-toggle>*+*{margin-left:8px}.mobile-search-form form>*+*{margin-left:8px}.mobile-search-bar .container>*+*{margin-left:10px}.mobile-user-info>*+*{margin-left:10px}.sort-tabs>*+*{margin-left:4px}.category-filter>*+*{margin-left:4px}.card-meta>*+*{margin-left:10px}.card-actions>*+*{margin-left:6px}.pagination ul>*+*{margin-left:4px}.captcha-group .captcha-row>*+*{margin-left:10px}.checkbox-label>*+*{margin-left:8px}.form-actions>*+*{margin-left:10px}.url-form-row>*+*{margin-left:10px}.url-list>*+*{margin-left:10px}.url-item>*+*{margin-left:6px}.url-item-actions>*+*{margin-left:4px}.fullscreen-toggle>*+*{margin-left:4px}.fullscreen-header>*+*{margin-left:12px}.fullscreen-close>*+*{margin-left:6px}.gallery-thumbs>*+*{margin-left:8px}.image-gallery{margin:-6px}.image-gallery>*{margin:6px}.image-preview-grid{margin:-5px}.image-preview-grid>*{margin:5px}.prompt-meta>*+*{margin-left:10px}.meta-left>*+*,.meta-right>*+*{margin-left:14px}.meta-author>*+*{margin-left:6px}.prompt-taxonomy>*+*{margin-left:8px}.prompt-actions>*+*{margin-left:12px}.related-card-meta>*+*{margin-left:8px}.avatar-upload>*+*{margin-left:16px}.error-actions>*+*{margin-left:12px}.ad-slot-toggle>*+*{margin-left:10px}.user-card>*+*{margin-left:16px;margin-top:4px}.stats-grid>*+*{margin-left:16px;margin-top:16px}.page-header>*+*{margin-left:12px}.related-grid>*+*{margin-left:12px;margin-top:12px}.form-row{display:block}.form-row::after{content:'';display:table;clear:both}.form-row>*{float:left;width:calc(50% - 8px);margin-right:16px;margin-bottom:16px}.form-row>:nth-child(2n){margin-right:0}.admin-page,.user-profile-page{display:block}.user-profile-page>*{margin-bottom:16px}.admin-page>*{margin-bottom:16px}.related-grid{display:block}.related-grid::after{content:'';display:table;clear:both}.related-grid>*{float:left;width:calc(25% - 9px);margin-right:12px;margin-bottom:12px}.related-grid>:nth-child(4n){margin-right:0}.stats-grid{display:block}.stats-grid::after{content:'';display:table;clear:both}.stats-grid>*{float:left;width:calc(25% - 12px);margin-right:16px;margin-bottom:16px}.stats-grid>:nth-child(4n){margin-right:0}@media (max-width:768px){.related-grid>*{width:calc(50% - 6px)}.related-grid>:nth-child(4n){margin-right:12px}.related-grid>:nth-child(2n){margin-right:0}}}.desktop-search{display:none}@media (min-width:1024px){.desktop-search{display:block}.header-actions .login-btn{display:inline-flex}}.header-search-form{display:flex;align-items:center;margin:0}.desktop-search .header-search-form input{width:180px;padding:6px 12px;border:2px solid var(--border-color);border-radius:8px 0 0 8px;font-size:13px;background:var(--bg-primary);color:var(--text-primary);outline:0;transition:border-color .2s}.desktop-search .header-search-form input:focus{border-color:var(--accent);width:220px}.desktop-search .header-search-form button{padding:6px 12px;border:2px solid var(--border-color);border-left:none;border-radius:0 8px 8px 0;background:var(--bg-primary);cursor:pointer;color:var(--text-muted);display:flex;align-items:center;transition:color .2s}.desktop-search .header-search-form button:hover{color:var(--accent)}.mobile-search-btn{display:none;background:0 0;border:none;cursor:pointer;color:var(--text-muted);padding:13px;border-radius:6px;min-width:44px;min-height:44px}.mobile-search-btn:hover{background:var(--accent-bg);color:var(--accent)}.mobile-search-bar{display:none;background:var(--bg-card);border-bottom:1px solid var(--border-light);padding:10px 0;box-shadow:var(--shadow-sm);z-index:999}.mobile-search-bar.active{display:block}.mobile-search-bar .container{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mobile-search-inner{flex:1;display:flex;align-items:center}.mobile-search-inner input{flex:1;padding:10px 14px;border:2px solid var(--border-color);border-radius:8px 0 0 8px;font-size:15px;background:var(--bg-input);color:var(--text-primary);outline:0}.mobile-search-inner input:focus{border-color:var(--accent)}.mobile-search-inner button{padding:10px 14px;border:2px solid var(--border-color);border-left:none;border-radius:0 8px 8px 0;background:var(--bg-input);cursor:pointer;color:var(--text-muted);display:flex;align-items:center}.mobile-search-inner button:hover{color:var(--accent)}.mobile-search-close{background:0 0;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:4px 8px;line-height:1;flex-shrink:0}.mobile-search-close:hover{color:var(--text-primary)}.hamburger-icon{display:flex;flex-direction:column;width:22px;height:18px;justify-content:center}.hamburger-line{display:block;width:100%;height:2px;background:var(--text-secondary);border-radius:2px;transition:all .3s}.hamburger-line+.hamburger-line{margin-top:4px}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1999}.mobile-nav-overlay.active{display:block}.mobile-nav{display:block;position:fixed;top:0;right:0;width:85%;max-width:340px;height:100%;bottom:0;background:var(--bg-card);box-shadow:var(--shadow-lg);z-index:2000;overflow-y:auto;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease,visibility .3s ease;transition:transform .3s ease,visibility .3s ease;padding-bottom:20px;-webkit-overflow-scrolling:touch;will-change:transform;visibility:hidden}.mobile-nav.active{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light);font-size:16px;font-weight:600;color:var(--text-primary);position:-webkit-sticky;position:sticky;top:0;background:var(--bg-card);z-index:1}.mobile-nav-close{background:0 0;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:4px;line-height:1}.mobile-nav-close:hover{color:var(--text-primary)}.mobile-search-form{padding:12px 20px;border-bottom:1px solid var(--border-light)}.mobile-search-form form{display:flex;gap:8px}.mobile-search-form input{flex:1;padding:10px 14px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-input);color:var(--text-primary);outline:0}.mobile-search-form input:focus{border-color:var(--accent)}.mobile-search-form button{padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;white-space:nowrap}.mobile-user-info{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border-light);font-size:14px;color:var(--text-primary);font-weight:500}.mobile-nav-btn{display:block;margin:12px 20px;padding:12px;text-align:center;background:var(--accent);color:#fff;border-radius:8px;font-size:14px;font-weight:500;transition:background .2s}.mobile-nav-btn:hover{background:var(--accent-hover);color:#fff}.mobile-nav-section{padding:8px 0;border-bottom:1px solid var(--border-faint)}.mobile-nav-section:last-child{border-bottom:none}.mobile-nav-section-title{padding:8px 20px 4px;font-size:15px;color:var(--text-light);text-transform:uppercase;letter-spacing:1px}.mobile-nav-section a{display:block;padding:12px 20px;color:var(--text-secondary);font-size:14px;transition:background .2s}.mobile-nav-section a:active,.mobile-nav-section a:hover{background:var(--accent-bg);color:var(--accent)}.mobile-nav-logout{color:var(--danger)!important}.desktop-only{display:inline}.mobile-only{display:none}.dark-toggle{background:0 0;border:none;cursor:pointer;font-size:18px;color:var(--text-muted);padding:8px;border-radius:6px;transition:all .2s;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.dark-toggle:hover{background:var(--accent-bg);color:var(--accent)}.dark-toggle .icon-sun{display:none}.dark-toggle .icon-moon{display:block}[data-theme=dark] .dark-toggle .icon-sun{display:block}[data-theme=dark] .dark-toggle .icon-moon{display:none}.user-menu{display:flex;align-items:center;gap:10px}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:8px;background:0 0;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;font-size:14px;color:var(--text-primary)}.dropdown-toggle:hover{background:var(--bg-primary)}.dropdown-menu{display:none;position:absolute;right:0;top:100%;background:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-lg);min-width:160px;padding:8px 0;z-index:1001;border:1px solid var(--border-light)}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:8px 16px;color:var(--text-secondary);font-size:14px;transition:background .2s}.dropdown-menu a:hover{background:var(--accent-bg);color:var(--accent)}.mobile-menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:13px;border-radius:8px;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px}.mobile-menu-toggle:active{background:var(--accent-bg)}.btn{display:inline-block;padding:10px 20px;border-radius:8px;border:none;font-size:14px;cursor:pointer;transition:all .2s;text-align:center;font-weight:500;line-height:1.4}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-outline{background:var(--bg-card);color:var(--accent);border:2px solid var(--accent)}.btn-outline:hover{background:var(--accent);color:#fff}.btn-danger{background:var(--bg-card);color:var(--danger);border:2px solid var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#218838;color:#fff}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-block{display:block;width:100%}.avatar-xs{width:22px;height:22px;border-radius:50%;object-fit:cover;vertical-align:middle}.avatar-sm{width:32px;height:32px;border-radius:50%;object-fit:cover}.avatar-preview{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--border-light)}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;display:flex;justify-content:space-between;align-items:center}.alert-success{background:#f0fff4;color:var(--success);border:1px solid #c3e6cb}.alert-error{background:#fff3f3;color:var(--danger);border:1px solid #ffc9c9}[data-theme=dark] .alert-success{background:#1a3a2a;border-color:#2a5a3a}[data-theme=dark] .alert-error{background:#3a1a1a;border-color:#5a2a2a}.alert-close{background:0 0;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:.6}.alert-close:hover{opacity:1}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.badge-success{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge-primary{background:var(--accent-bg);color:var(--accent)}.badge-default{background:var(--border-light);color:var(--text-muted)}.toolbar{margin-bottom:20px}.sort-tabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}.sort-tab{padding:8px 16px;border-radius:20px;font-size:13px;color:var(--sort-tab-text);background:var(--sort-tab-bg);transition:all .2s;border:1px solid var(--border-color)}.sort-tab:hover{color:var(--accent);border-color:var(--accent)}.sort-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.category-filter{display:flex;gap:4px;flex-wrap:wrap}.cat-link{padding:6px 14px;border-radius:16px;font-size:13px;color:var(--sort-tab-text);background:var(--sort-tab-bg);border:1px solid var(--border-color);transition:all .2s}.cat-link.active,.cat-link:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.masonry-grid{-webkit-columns:5;columns:5;-webkit-column-gap:16px;column-gap:16px;margin-bottom:24px}.user-content .masonry-grid{-webkit-columns:4;columns:4}.related-prompts .masonry-grid{-webkit-columns:4;columns:4}.masonry-item{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;margin-bottom:16px}.card{background:var(--bg-card);border-radius:12px;overflow:hidden;display:block;box-shadow:var(--shadow-sm);-webkit-transition:-webkit-transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s}.card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card:active{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card-image{position:relative;width:100%;overflow:hidden;background:var(--placeholder-bg)}.card-image img{width:100%;display:block;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.card:hover .card-image img{-webkit-transform:scale(1.05);transform:scale(1.05)}.card-image-placeholder{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card-image-placeholder span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:18px;font-weight:600;line-height:1.4;word-break:break-word;overflow-wrap:break-word}.private-badge{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;padding:2px 8px;border-radius:4px;font-size:12px}.card-body{padding:14px}.card-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.card-meta{display:flex;gap:10px;font-size:12px;color:var(--text-light);flex-wrap:wrap;align-items:center}.card-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.pagination{margin:24px 0;text-align:center}.pagination ul{display:inline-flex;list-style:none;gap:4px}.pagination li a,.pagination li span{display:block;padding:8px 14px;border-radius:6px;font-size:14px;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);transition:all .2s}.pagination li a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.pagination li.active a{background:var(--accent);color:#fff;border-color:var(--accent)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light)}.empty-state p{font-size:16px;margin-bottom:16px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);padding:40px 20px}.auth-container{background:var(--bg-card);border-radius:16px;padding:40px;max-width:440px;width:100%;box-shadow:var(--shadow-lg)}.auth-container h2{text-align:center;margin-bottom:24px;color:var(--text-primary)}.auth-form .form-group{margin-bottom:16px}.auth-links{text-align:center;margin-top:20px;font-size:14px;color:var(--text-light)}.auth-links a{color:var(--accent);text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-links span{margin:0 8px;color:var(--border-color)}.captcha-group .captcha-row{display:flex;gap:10px;align-items:center}.captcha-img{height:42px;border-radius:6px;cursor:pointer;border:1px solid var(--border-color)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-secondary)}.form-group small{display:block;margin-top:4px;font-size:12px;color:var(--text-light)}.form-group input[type=email],.form-group input[type=file],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;background:var(--bg-input);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400!important}.checkbox-label input[type=checkbox]{width:auto}.prompt-detail{max-width:800px;margin:0 auto;padding:30px 0}.prompt-main{background:var(--bg-card);border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:var(--shadow-md)}.prompt-featured-image{margin:-30px -30px 20px -30px;border-radius:16px 16px 0 0;overflow:hidden}.prompt-featured-image img{width:100%;display:block}.prompt-gallery{margin:-30px -30px 20px -30px}.gallery-main{width:100%;overflow:hidden;background:var(--placeholder-bg);border-radius:16px 16px 0 0}.gallery-main img{width:100%;display:block}.gallery-thumbs{display:flex;gap:8px;padding:12px;background:var(--bg-card);overflow-x:auto;border-bottom:1px solid var(--border-lighter)}.gallery-thumb{flex-shrink:0;width:90px;height:70px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.gallery-thumb:hover{border-color:var(--accent)}.gallery-thumb.active{border-color:var(--accent)}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-gallery{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.image-gallery-item{position:relative;width:120px;min-height:120px;border-radius:8px;overflow:hidden;background:var(--placeholder-bg);border:2px solid transparent;cursor:grab;-webkit-transition:border-color .2s,opacity .2s,-webkit-transform .15s;transition:border-color .2s,opacity .2s,transform .15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-action:none;touch-action:none}.image-gallery-item:hover{border-color:var(--accent)}.image-gallery-item img{width:100%;height:auto;display:block;pointer-events:none}.image-gallery-item.dragging{opacity:.7;border-style:dashed;pointer-events:none}.image-gallery-item.drag-over{border-color:var(--accent);border-style:dashed;-webkit-transform:scale(1.05);transform:scale(1.05)}.image-gallery-item .drag-handle{position:absolute;bottom:4px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:24px;height:4px;border-radius:2px;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s}.image-gallery-item:hover .drag-handle{opacity:1}.image-delete-form{position:absolute;top:4px;right:4px}.image-delete-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:5}.image-delete-btn:hover{background:var(--danger)}.image-preview-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;touch-action:pan-y}.image-preview-item{position:relative;width:110px;min-height:110px;border-radius:8px;overflow:hidden;background:var(--placeholder-bg);border:2px solid var(--border-light);cursor:grab;-webkit-transition:border-color .2s,opacity .2s,-webkit-transform .15s;transition:border-color .2s,opacity .2s,transform .15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-action:none;touch-action:none;-webkit-user-drag:element}.image-preview-item:hover{border-color:var(--accent)}.image-preview-item img{width:100%;height:auto;display:block;pointer-events:none}.image-preview-item.dragging{opacity:.7;border-style:dashed;pointer-events:none}.image-preview-item .preview-delete-btn{position:absolute;top:2px;right:2px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.image-preview-item .preview-delete-btn:hover{background:var(--danger)}.image-preview-item .drag-handle{position:absolute;bottom:4px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:24px;height:4px;border-radius:2px;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s}.image-preview-item:hover .drag-handle{opacity:1}.prompt-intro{margin-bottom:20px}.prompt-intro h3{font-size:16px;color:var(--text-primary);margin-bottom:10px}.card-style{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);margin-bottom:20px}.card-style h3{font-size:16px;color:var(--text-primary);margin-bottom:12px;font-weight:600}.prompt-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px;line-height:1.4}.prompt-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-lighter)}.meta-left,.meta-right{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--text-muted)}.meta-author{display:flex;align-items:center;gap:6px}.prompt-taxonomy{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.taxonomy-item{font-size:13px;padding:4px 12px;border-radius:16px}.category-badge{background:var(--accent-bg);color:var(--accent)}.tag-badge{background:var(--border-light);color:var(--text-muted)}.prompt-content,.prompt-usage{margin-bottom:24px;background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.prompt-content h3,.prompt-usage h3{font-size:16px;color:var(--text-primary);margin-bottom:10px}.content-box{background:var(--bg-code);border-radius:8px;padding:16px;font-size:14px;line-height:1.8;word-break:break-word;border:1px solid var(--border-light)}.prompt-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border-lighter);flex-wrap:wrap}.action-btn{padding:10px 20px;border-radius:8px;border:2px solid var(--border-color);background:var(--bg-card);cursor:pointer;font-size:14px;transition:all .2s;color:var(--text-muted)}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.action-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.action-btn.active:hover{background:var(--accent-hover)}.related-prompts{background:var(--bg-card);border-radius:16px;padding:24px;box-shadow:var(--shadow-md)}.related-prompts h3{font-size:18px;margin-bottom:16px;color:var(--text-primary)}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-card{border-radius:12px;overflow:hidden;background:var(--bg-card);display:block;box-shadow:var(--shadow-sm);-webkit-transition:-webkit-transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s;border:1px solid var(--border-light)}.related-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.related-card-image{width:100%;overflow:hidden;background:var(--placeholder-bg);line-height:0}.related-card-image img{width:100%;height:auto;display:block;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.related-card-image .card-image-placeholder{padding-top:56.25%}.related-card-image .card-image-placeholder span{font-size:14px;padding:10px}.related-card:hover .related-card-image img{-webkit-transform:scale(1.05);transform:scale(1.05)}.related-card-body{padding:10px 12px}.anti-scraping img{-webkit-user-drag:none;-moz-user-select:none}.anti-scraping .image-gallery-item img,.anti-scraping .image-preview-item img{pointer-events:auto;-webkit-user-drag:element}.anti-scraping .fullscreen-body textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.related-card-title{font-size:13px;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.related-card-meta{display:flex;gap:8px;font-size:11px;color:var(--text-light);margin-top:6px;flex-wrap:wrap}.action-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.action-btn:active{transform:scale(.98)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay);z-index:2000;display:flex;align-items:center;justify-content:center}.modal-box{background:var(--bg-card);border-radius:16px;position:relative;z-index:2001;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-content{background:var(--bg-card);border-radius:12px;padding:24px;max-width:350px;width:90%;position:relative;z-index:2001}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h3{font-size:18px}.modal-close{background:0 0;border:none;font-size:24px;cursor:pointer;color:var(--text-light);position:absolute;top:12px;right:16px;z-index:2}.modal-close:hover{color:var(--text-primary)}.modal-box>.modal-close{top:16px;right:20px}.user-profile-page{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:30px 0}.user-sidebar{position:sticky;top:80px}.user-content{min-width:0}.user-card{background:var(--bg-card);border-radius:12px;padding:24px;text-align:center;margin-bottom:16px;box-shadow:var(--shadow-sm)}.user-avatar-large{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:3px solid var(--border-light)}.user-avatar-large img{width:100%;height:100%;object-fit:cover}.user-card h3{font-size:18px;margin-bottom:4px;color:var(--text-primary)}.user-username{font-size:13px;color:var(--text-light);margin-bottom:8px}.user-email-status{font-size:12px;color:var(--text-muted);margin-bottom:4px;word-break:break-all}.user-role{font-size:12px;color:var(--accent);font-weight:500}.user-nav{background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.user-nav a{display:block;padding:12px 20px;color:var(--text-secondary);font-size:14px;border-bottom:1px solid var(--border-faint);transition:all .2s;border-left:3px solid transparent}.user-nav a:last-child{border-bottom:none}.user-nav a.active,.user-nav a:hover{background:var(--accent-bg);color:var(--accent);border-left-color:var(--accent)}.user-content{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.user-content h2{margin-bottom:20px;font-size:20px;color:var(--text-primary)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h2{margin-bottom:0}.section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--border-lighter)}.section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section h3{font-size:16px;margin-bottom:16px;color:var(--text-primary)}.avatar-upload{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.avatar-clickable{position:relative;cursor:pointer;border-radius:50%;overflow:hidden;display:inline-block}.avatar-clickable:hover .avatar-overlay{opacity:1}.avatar-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;border-radius:50%}.admin-page{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:30px 0}.admin-sidebar{position:sticky;top:80px}.admin-content{min-width:0}.admin-sidebar h3{font-size:16px;margin-bottom:12px;color:var(--text-primary)}.admin-nav{background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.admin-nav a{display:block;padding:12px 20px;color:var(--text-secondary);font-size:14px;border-bottom:1px solid var(--border-faint);transition:all .2s;border-left:3px solid transparent}.admin-nav a:last-child{border-bottom:none}.admin-nav a.active,.admin-nav a:hover{background:var(--accent-bg);color:var(--accent);border-left-color:var(--accent)}.admin-content{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.admin-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--border-lighter)}.admin-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.admin-section h3{font-size:16px;margin-bottom:16px;color:var(--text-primary)}.admin-section h4{font-size:14px;margin-bottom:12px;color:var(--text-secondary)}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px}.admin-table td,.admin-table th{padding:12px;text-align:left;border-bottom:1px solid var(--border-lighter);color:var(--text-primary);white-space:nowrap}.admin-table th{font-weight:600;color:var(--text-secondary);background:var(--bg-code);white-space:nowrap;position:sticky;top:0}.admin-table tr:hover td{background:var(--accent-bg)}.admin-table .btn{padding:4px 10px;font-size:12px;min-height:auto}.site-footer{background:var(--footer-bg);padding:20px;text-align:center;color:var(--text-light);font-size:13px;border-top:1px solid var(--border-light);margin-top:40px}.footer-links{margin-bottom:10px}.footer-links a{color:var(--text-muted);font-size:13px;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-divider{color:var(--border-color);margin:0 8px}.static-page{background:var(--bg-card);border-radius:12px;padding:40px;max-width:860px;margin:20px auto;box-shadow:var(--shadow-md)}.static-page h1{font-size:28px;color:var(--text-primary);margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--accent)}.static-content{line-height:1.8;color:var(--text-secondary)}.static-content h2{font-size:20px;color:var(--text-primary);margin:28px 0 14px;padding-left:12px;border-left:3px solid var(--accent)}.static-content h3{font-size:17px;color:var(--text-primary);margin:20px 0 10px}.static-content h4{font-size:15px;color:var(--text-primary);margin:12px 0 6px}.static-content p{margin-bottom:12px}.static-content ol,.static-content ul{margin:8px 0 16px 20px}.static-content ol li,.static-content ul li{margin-bottom:6px}.static-content strong{color:var(--text-primary)}.faq-item{background:var(--faq-bg);border-radius:8px;padding:14px 18px;margin-bottom:12px}.faq-item h4{margin:0 0 6px;color:var(--accent)}.faq-item p{margin:0;color:var(--text-muted)}.page-header{padding:20px 0}.page-header h1{font-size:24px;color:var(--text-primary)}.category-desc{font-size:14px;color:var(--text-muted);margin-top:6px}.profile-form,.prompt-form{max-width:600px}.prompt-form{max-width:700px}.form-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.fullscreen-toggle{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid var(--border-color);border-radius:4px;padding:6px 10px;margin-left:8px;transition:all .2s;vertical-align:middle;line-height:1.2;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:32px}.fullscreen-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.fullscreen-toggle svg{width:14px;height:14px;flex-shrink:0}.fullscreen-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:9999;flex-direction:column}.fullscreen-overlay.active{display:flex;height:100vh;height:-webkit-fill-available}.fullscreen-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-card);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);flex-shrink:0}.fullscreen-header .fullscreen-label{font-size:15px;font-weight:600;color:var(--text-primary)}.fullscreen-header .fullscreen-close{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:0 0;border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .2s}.fullscreen-header .fullscreen-close:hover{color:var(--danger);border-color:var(--danger);background:#fff5f5}.fullscreen-header .fullscreen-close svg{width:16px;height:16px}.fullscreen-body{flex:1;padding:20px;display:flex;flex-direction:column;overflow:hidden}.fullscreen-body textarea{flex:1;width:100%;padding:16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;line-height:1.8;resize:none;background:var(--bg-input);color:var(--text-primary);outline:0;transition:border-color .2s;font-family:inherit}.fullscreen-body textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.url-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.url-item{display:flex;align-items:center;gap:6px;background:var(--bg-code);border:1px solid var(--border-light);border-radius:8px;padding:8px 12px;font-size:13px;transition:all .2s}.url-item:hover{border-color:var(--accent)}.url-item a{color:var(--accent);font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-item-actions{display:flex;gap:4px}.url-item-actions button{background:0 0;border:none;cursor:pointer;font-size:14px;color:var(--text-light);padding:2px;border-radius:4px;transition:color .2s}.url-item-actions button:hover{color:var(--danger)}.url-item-actions .btn-down:hover,.url-item-actions .btn-up:hover{color:var(--accent)}.url-form-row{display:flex;gap:10px;margin-bottom:12px;align-items:flex-end}.url-form-row .form-group{margin-bottom:0;flex:1}.url-count{font-size:12px;color:var(--text-light);margin-bottom:12px}@media (min-width:1200px){.container{max-width:1200px}}@media (max-width:1199px) and (min-width:1024px){.container{max-width:1000px;padding:0 16px}.masonry-grid{columns:5;column-gap:14px}.masonry-item{margin-bottom:14px}.related-grid{grid-template-columns:repeat(4,1fr)}.admin-page,.user-profile-page{grid-template-columns:200px 1fr;gap:20px}.admin-sidebar,.user-sidebar{top:70px}.admin-nav a,.user-nav a{padding:10px 16px;font-size:13px}.admin-content,.user-content{padding:20px;overflow-x:auto}.form-row{grid-template-columns:1fr;gap:12px}.admin-table{min-width:600px}}@media (max-width:1023px) and (min-width:768px){.container{padding:0 20px}.site-header .container{justify-content:space-between}.main-nav{display:none}.desktop-only{display:none}.mobile-only{display:inline}.mobile-search-btn{display:inline-flex}.header-actions .login-btn{display:inline-flex}.mobile-menu-toggle{display:block}.masonry-grid{columns:4;column-gap:14px}.masonry-item{margin-bottom:14px}.card-body{padding:12px}.card-title{font-size:14px}.related-grid{grid-template-columns:repeat(3,1fr)}.admin-page,.user-profile-page{grid-template-columns:1fr;gap:16px;padding:20px 0}.admin-sidebar,.user-sidebar{position:static}.user-card{padding:20px;margin-bottom:16px;text-align:left;display:flex;align-items:center;gap:16px}.user-avatar-large{width:72px;height:72px;margin:0}.user-card h3{font-size:16px}.admin-nav,.user-nav{display:flex;flex-wrap:wrap;border-radius:10px}.admin-nav a,.user-nav a{flex:1 1 calc(33.33% - 1px);padding:10px 12px;font-size:13px;border-bottom:1px solid var(--border-faint);border-right:1px solid var(--border-faint);border-left:3px solid transparent;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-nav a:nth-child(3n),.user-nav a:nth-child(3n){border-right:none}.admin-nav a:nth-last-child(-n+3),.user-nav a:nth-last-child(-n+3){border-bottom:none}.admin-nav a.active,.admin-nav a:hover,.user-nav a.active,.user-nav a:hover{border-left-color:var(--accent)}.admin-content,.user-content{padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.form-row{grid-template-columns:1fr;gap:12px}.prompt-detail{padding:20px 0}.prompt-main{padding:24px}.prompt-featured-image{margin:-24px -24px 16px -24px}.prompt-gallery{margin:-24px -24px 16px -24px}.prompt-title{font-size:22px}.gallery-thumb{width:72px;height:56px}.auth-page{min-height:calc(100vh - 60px);padding:30px 20px}.auth-container{padding:32px;max-width:420px}.static-page{padding:30px;margin:16px auto}.static-page h1{font-size:24px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:24px}.trend-chart{grid-template-columns:1fr;gap:20px}.url-list{flex-direction:column;gap:10px}.url-item{width:100%;padding:10px 14px}.url-item a{max-width:none;font-size:14px}.url-form-row{flex-direction:column;gap:12px;align-items:stretch}.url-form-row .form-group{width:100%}.url-form-row .btn{width:100%}}@media (max-width:767px) and (min-width:481px){.container{padding:0 16px}.site-header .container{height:56px;gap:8px;justify-content:space-between}.logo{font-size:18px}.main-nav{display:none}.desktop-only{display:none}.mobile-only{display:inline}.mobile-search-btn{display:inline-flex}.login-btn{display:inline-flex}.mobile-menu-toggle{display:block;font-size:20px;padding:6px}.header-actions{gap:8px}.dropdown-toggle span{display:none}.dropdown-menu{min-width:140px}.dropdown-menu a{padding:8px 12px;font-size:13px}.mobile-nav-section-title{padding-left:12px;padding-right:12px}.mobile-nav-section a{padding:10px 12px;font-size:14px}.toolbar{margin-bottom:16px}.sort-tabs{margin-bottom:10px;gap:4px}.sort-tab{padding:7px 14px;font-size:13px}.cat-link{padding:5px 12px;font-size:12px}.masonry-grid{columns:2;column-gap:12px;margin-bottom:20px}.user-content .masonry-grid{columns:2}.related-prompts .masonry-grid{columns:2}.masonry-item{margin-bottom:12px}.card{border-radius:10px}.card-body{padding:10px 12px}.card-title{font-size:13px;margin-bottom:6px}.card-meta{gap:8px;font-size:11px}.card-image-placeholder span{font-size:14px;padding:10px}.pagination{margin:20px 0}.pagination li a,.pagination li span{padding:7px 12px;font-size:13px}.admin-page,.user-profile-page{grid-template-columns:1fr;gap:16px;padding:16px 0}.admin-sidebar,.user-sidebar{position:static}.user-card{padding:16px;margin-bottom:12px}.user-avatar-large{width:64px;height:64px}.user-card h3{font-size:16px}.admin-nav,.user-nav{display:flex;flex-wrap:wrap;border-radius:10px}.admin-nav a,.user-nav a{flex:1 1 calc(33.33% - 1px);padding:10px 12px;font-size:13px;border-bottom:1px solid var(--border-faint);border-right:1px solid var(--border-faint);border-left:3px solid transparent;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-nav a:nth-child(3n),.user-nav a:nth-child(3n){border-right:none}.admin-nav a:nth-last-child(-n+3),.user-nav a:nth-last-child(-n+3){border-bottom:none}.admin-nav a.active,.admin-nav a:hover,.user-nav a.active,.user-nav a:hover{border-left-color:var(--accent)}.admin-content,.user-content{padding:16px;border-radius:10px}.admin-content h2,.user-content h2{font-size:18px;margin-bottom:16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-section,.section{margin-bottom:24px;padding-bottom:24px}.admin-section h3,.section h3{font-size:15px;margin-bottom:12px}.form-group{margin-bottom:14px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:15px}.form-row{grid-template-columns:1fr;gap:12px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.btn{padding:10px 18px;font-size:14px;min-height:44px}.btn-sm{padding:6px 12px;font-size:12px;min-height:auto}.prompt-detail{padding:16px 0}.prompt-main{padding:16px;border-radius:12px}.prompt-featured-image{margin:-16px -16px 14px -16px;border-radius:12px 12px 0 0}.prompt-gallery{margin:-16px -16px 14px -16px}.gallery-thumbs{padding:10px;gap:6px}.gallery-thumb{width:64px;height:50px;border-radius:5px}.prompt-title{font-size:20px;margin-bottom:12px}.prompt-meta{gap:10px;margin-bottom:14px;padding-bottom:14px}.meta-left,.meta-right{gap:10px;font-size:12px}.prompt-taxonomy{margin-bottom:16px;gap:6px}.taxonomy-item{font-size:12px;padding:3px 10px}.prompt-content,.prompt-usage{margin-bottom:20px}.prompt-content h3,.prompt-usage h3{font-size:15px;margin-bottom:8px}.content-box{padding:12px;font-size:13px;line-height:1.7}.prompt-actions{padding-top:14px;gap:10px;flex-wrap:wrap}.action-btn{padding:10px 16px;font-size:13px;min-height:42px;flex:1 1 calc(50% - 5px)}.related-prompts{padding:16px;border-radius:12px}.related-prompts h3{font-size:16px;margin-bottom:12px}.related-grid{grid-template-columns:repeat(2,1fr);gap:10px}.auth-page{min-height:calc(100vh - 56px);padding:24px 16px}.auth-container{padding:24px;max-width:100%;border-radius:12px}.auth-container h2{font-size:20px;margin-bottom:20px}.auth-form .form-group{margin-bottom:14px}.captcha-img{height:40px}.auth-links{font-size:13px}.modal-content{padding:20px;max-width:92%;width:92%;border-radius:12px}.modal-header h3{font-size:16px}.static-page{padding:20px;margin:12px auto;border-radius:10px}.static-page h1{font-size:22px;padding-bottom:12px}.static-content h2{font-size:18px;margin:24px 0 12px}.static-content h3{font-size:16px;margin:18px 0 10px}.site-footer{padding:16px;font-size:12px;margin-top:24px}.footer-links{margin-bottom:8px;font-size:12px}.footer-divider{margin:0 6px}.page-header{padding:16px 0}.page-header h1{font-size:20px}.empty-state{padding:40px 16px}.empty-state p{font-size:15px}.breadcrumb-nav{padding:10px 0}.breadcrumb-list{font-size:13px;gap:6px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{padding:14px;border-radius:8px}.stat-value{font-size:20px}.stat-label{font-size:12px}.trend-chart{grid-template-columns:1fr;gap:16px}.trend-section h4{font-size:13px;margin-bottom:10px}.trend-bars{height:100px;gap:6px}.trend-bar-label{font-size:10px}.trend-bar-val{font-size:10px;top:-14px}.url-list{flex-direction:column;gap:8px}.url-item{width:100%;padding:10px 12px}.url-item a{max-width:none;font-size:13px}.url-form-row{flex-direction:column;gap:10px;align-items:stretch}.url-form-row .form-group{width:100%}.url-form-row .btn{width:100%}.ad-slot{margin:12px auto}}@media (max-width:480px){.container{padding:0 12px}.site-header .container{height:52px;gap:6px;justify-content:space-between}.logo{font-size:16px}.main-nav{display:none}.desktop-only{display:none}.mobile-only{display:inline}.mobile-search-btn{display:inline-flex}.header-actions .login-btn{display:inline-flex}.mobile-menu-toggle{display:block;font-size:18px;padding:6px}.avatar-sm{width:28px;height:28px}.dark-toggle{font-size:16px;padding:4px 6px}button.dark-toggle{display:none}.lang-switcher{display:none}.form-group input,.form-group select,.form-group textarea,input,select,textarea{font-size:16px}.form-group label{font-size:15px}.mobile-nav-section-title{padding-left:10px;padding-right:10px}.mobile-nav-section a{padding:9px 10px;font-size:14px}.toolbar{margin-bottom:12px}.sort-tabs{gap:4px;margin-bottom:8px}.sort-tab{padding:6px 10px;font-size:12px;border-radius:16px}.category-filter{gap:4px}.cat-link{padding:5px 10px;font-size:12px}.masonry-grid{columns:2;column-gap:12px;margin-bottom:16px}.user-content .masonry-grid{columns:2}.related-prompts .masonry-grid{columns:2}.masonry-item{margin-bottom:12px}.card{border-radius:10px}.card-body{padding:12px 14px}.card-title{font-size:15px;line-height:1.4}.card-meta{font-size:12px;gap:10px}.pagination{margin:16px 0}.pagination ul{gap:2px}.pagination li a,.pagination li span{padding:8px 12px;font-size:13px}.admin-page,.user-profile-page{grid-template-columns:1fr;padding:12px 0;gap:12px}.admin-sidebar,.user-sidebar{position:static}.user-card{padding:14px}.user-avatar-large{width:56px;height:56px}.user-card h3{font-size:15px}.user-username{font-size:12px}.admin-nav,.user-nav{display:flex;flex-wrap:wrap;border-radius:8px}.admin-nav a,.user-nav a{flex:1 1 calc(50% - 1px);padding:10px 12px;font-size:13px;border-bottom:1px solid var(--border-faint);border-right:1px solid var(--border-faint);border-left:3px solid transparent;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-nav a:nth-child(2n),.user-nav a:nth-child(2n){border-right:none}.admin-nav a:nth-last-child(-n+2),.user-nav a:nth-last-child(-n+2){border-bottom:none}.admin-nav a.active,.admin-nav a:hover,.user-nav a.active,.user-nav a:hover{border-left-color:var(--accent)}.admin-content,.user-content{padding:14px}.admin-content h2,.user-content h2{font-size:17px;margin-bottom:14px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.admin-section,.section{margin-bottom:20px;padding-bottom:20px}.admin-section h3,.section h3{font-size:14px;margin-bottom:10px}.admin-table{min-width:500px;font-size:13px}.admin-table td,.admin-table th{padding:10px 8px}.form-group{margin-bottom:12px}.form-group label{font-size:13px;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:16px;border-radius:8px}.form-group textarea{min-height:100px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.btn{padding:12px 20px;font-size:15px;min-height:46px;border-radius:8px}.btn-block{width:100%}.btn-sm{padding:6px 10px;font-size:12px;min-height:auto}.avatar-upload{flex-direction:column;align-items:flex-start;gap:12px}.prompt-detail{padding:12px 0}.prompt-main{padding:14px;border-radius:10px}.prompt-featured-image{margin:-14px -14px 12px -14px}.prompt-gallery{margin:-14px -14px 12px -14px}.gallery-thumbs{padding:8px;gap:6px}.gallery-thumb{width:56px;height:44px}.prompt-title{font-size:18px;margin-bottom:10px;line-height:1.4}.prompt-meta{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;padding-bottom:12px}.meta-left,.meta-right{width:100%;gap:12px;font-size:12px;flex-wrap:wrap}.prompt-taxonomy{margin-bottom:14px;gap:6px}.taxonomy-item{font-size:12px;padding:4px 10px}.prompt-intro{margin-bottom:16px}.prompt-intro h3{font-size:14px;margin-bottom:8px}.prompt-content,.prompt-usage{margin-bottom:18px}.prompt-content h3,.prompt-usage h3{font-size:14px;margin-bottom:8px}.content-box{padding:12px;font-size:14px;line-height:1.7}.prompt-actions{flex-direction:column;padding-top:12px;gap:8px}.action-btn{width:100%;text-align:center;padding:12px 16px;font-size:14px;min-height:46px;border-radius:8px}.related-prompts{padding:14px;border-radius:10px}.related-prompts h3{font-size:15px;margin-bottom:10px}.related-grid{grid-template-columns:repeat(2,1fr);gap:8px}.auth-page{min-height:calc(100vh - 52px);padding:20px 12px}.auth-container{padding:20px;border-radius:12px}.auth-container h2{font-size:18px;margin-bottom:16px}.captcha-group .captcha-row{flex-direction:column;align-items:stretch;gap:10px}.captcha-img{height:44px;align-self:flex-start}.auth-links{margin-top:16px;font-size:12px}.auth-links span{margin:0 6px}.modal-content{padding:16px;max-width:95%;width:95%;border-radius:10px}.modal-header{margin-bottom:12px}.modal-header h3{font-size:16px}.modal-close{font-size:20px}.static-page{padding:16px;margin:10px auto;border-radius:10px}.static-page h1{font-size:20px;padding-bottom:10px}.static-content{font-size:14px;line-height:1.7}.static-content h2{font-size:17px;margin:20px 0 10px}.static-content h3{font-size:15px;margin:16px 0 8px}.static-content p{margin-bottom:10px}.static-content ol,.static-content ul{margin:6px 0 14px 18px}.faq-item{padding:12px 14px}.site-footer{padding:14px 12px;font-size:12px;margin-top:20px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;margin-bottom:8px}.footer-divider{display:none}.footer-links a{padding:4px 6px;font-size:12px}.friend-links{margin-top:10px;padding-top:10px}.page-header{padding:12px 0}.page-header h1{font-size:18px}.empty-state{padding:32px 16px}.empty-state p{font-size:14px;margin-bottom:12px}.empty-state .btn{padding:10px 20px}.error-page{padding:40px 16px}.error-code{font-size:80px}.error-title{font-size:22px}.error-desc{font-size:14px}.error-actions{flex-direction:column}.error-actions .btn{width:100%}.breadcrumb-nav{padding:8px 0}.breadcrumb-list{font-size:12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px;border-radius:8px}.stat-value{font-size:20px}.stat-label{font-size:12px}.trend-chart{grid-template-columns:1fr;gap:14px}.trend-bars{height:90px;gap:4px}.trend-bar{max-width:36px}.trend-bar-label{font-size:10px}.url-list{flex-direction:column;gap:8px}.url-item{width:100%;padding:10px 12px}.url-item a{max-width:none;font-size:13px}.url-form-row{flex-direction:column;gap:10px;align-items:stretch}.url-form-row .form-group{width:100%}.url-form-row .btn{width:100%}.ad-slot{margin:10px auto}.ad-slot--header_banner .ad-content{padding:0 10px}.image-gallery{gap:8px}.image-gallery-item{width:100px;min-height:100px}.fullscreen-toggle{min-height:44px;padding:8px 12px}.image-gallery-item .drag-handle,.image-gallery-item .image-delete-btn,.image-preview-item .drag-handle,.image-preview-item .preview-delete-btn{opacity:1}.image-preview-item .preview-delete-btn{width:44px;height:44px;font-size:16px;top:4px;right:4px}.image-gallery-item .image-delete-btn{width:36px;height:36px;font-size:14px}}@media (max-width:360px){.container{padding:0 10px}.logo{font-size:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.stat-card{padding:10px}.stat-value{font-size:18px}.stat-label{font-size:11px}.related-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mobile-nav a{font-size:12px;padding:8px 8px}.sort-tab{padding:5px 8px;font-size:11px}.cat-link{padding:4px 8px;font-size:11px}}.fullscreen-trigger{cursor:zoom-in}.image-fullscreen-modal{display:none;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.95);justify-content:center;align-items:center;padding:20px;cursor:zoom-out}.image-fullscreen-modal img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.fullscreen-close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer;line-height:1}.prompt-content{position:relative}.content-wrapper{position:relative;display:flex;flex-direction:column}.content-masked .content-box-inner{overflow:hidden}.content-lock-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,transparent 0,var(--bg-card) 45%);padding:28px 20px 16px;text-align:center;border-radius:0 0 12px 12px}.lock-content{display:flex;flex-direction:column;align-items:center;gap:12px}.lock-content p{margin:0;font-weight:600;color:var(--text-primary)}.lock-hint{color:var(--text-muted);font-size:14px;text-align:center;margin:8px 0 0}.prompt-reactions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;padding-top:16px;border-top:1px solid var(--border-color)}.reaction-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.reaction-btn:hover{border-color:var(--accent);color:var(--accent)}.reaction-btn.reacted{background:#e53935;color:#fff;border-color:#e53935}.reaction-btn.reacted:hover{background:#c62828;border-color:#c62828}.reaction-emoji{font-weight:600}.reaction-count{color:var(--text-muted)}.reaction-btn.reacted .reaction-count{color:#fff}.share-social-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:10px 0 6px}.share-social-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .2s,filter .2s;white-space:nowrap;line-height:1;-webkit-tap-highlight-color:transparent}.share-social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);filter:brightness(1.1)}.share-social-btn:active{transform:translateY(0) scale(.97)}.share-social-btn svg{flex-shrink:0}.share-twitter{background:#000}.share-facebook{background:#1877f2}.share-telegram{background:#229ed9}.share-weibo{background:#e6162d}.share-copy{background:#6c757d}.leaderboard-page{padding:20px 0}.leaderboard-tabs{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.leaderboard-tab{padding:10px 20px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .2s}.leaderboard-tab.active,.leaderboard-tab:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.leaderboard-info{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--text-muted);font-size:14px;margin-bottom:16px}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px}.leaderboard-rank{width:40px;text-align:center;flex-shrink:0}.rank-medal{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;font-weight:700}.rank-1 .rank-medal{background:linear-gradient(135deg,gold,#ffb700)}.rank-2 .rank-medal{background:linear-gradient(135deg,silver,#a0a0a0)}.rank-3 .rank-medal{background:linear-gradient(135deg,#cd7f32,#b87333)}.rank-number{font-weight:700;color:var(--text-muted)}.leaderboard-user{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.leaderboard-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}.leaderboard-user-info{min-width:0}.leaderboard-name{display:block;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-username{font-size:13px;color:var(--text-muted)}.leaderboard-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;font-size:14px;color:var(--text-muted)}.stat-likes{color:#e74c3c}.stat-bookmarks{color:#f39c12}.stat-score{font-weight:600;color:var(--accent)}@media (max-width:768px){.leaderboard-item{flex-wrap:wrap;gap:10px;padding:12px}.leaderboard-stats{width:100%;justify-content:flex-start}.share-social-row{gap:8px}.share-social-btn{padding:8px 14px;font-size:13px}}@media print{.ad-slot,.dark-toggle,.mobile-nav,.pagination,.prompt-actions,.related-prompts,.site-footer,.site-header,.toolbar{display:none}.prompt-main{box-shadow:none;border:1px solid #ddd}.container{max-width:100%;padding:0}body{background:#fff;color:#000}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.masonry-item{animation:fadeIn .3s ease}@keyframes spin{to{transform:rotate(360deg)}}.loading::after{content:'';display:inline-block;width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin-left:8px;vertical-align:middle}@supports (padding:max(0px)){.site-header{padding-top:max(0px,env(safe-area-inset-top))}.site-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.mobile-nav{padding-bottom:max(12px,env(safe-area-inset-bottom))}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.masonry-item{animation:fadeIn .3s ease}@keyframes spin{to{transform:rotate(360deg)}}.loading::after{content:'';display:inline-block;width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin-left:8px;vertical-align:middle}.ad-slot{margin:16px auto;overflow:hidden;text-align:center}.ad-label{font-size:11px;color:var(--ad-label);margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.ad-content{display:flex;justify-content:center}.ad-content img{max-width:100%;height:auto}.ad-content ins{display:block}.ad-slot--header_banner{max-width:100%;margin:0 auto 16px}.ad-slot--header_banner .ad-content{max-width:1200px;margin:0 auto;padding:0 20px}.ad-slot--footer_banner{max-width:100%;margin:16px auto 0}.ad-slot--list_top{margin:0 0 20px}.ad-slot--list_middle{margin:20px 0}.ad-slot--list_bottom{margin:20px 0 0}.ad-slot--detail_top{margin:0 0 20px}.ad-slot--detail_content{margin:20px 0}.ad-slot--detail_related{margin:20px 0 0}.ad-slot--detail_bottom{margin:20px 0 0}.ad-slot--sidebar_top{margin:0 0 16px}.ad-slot--sidebar_top .ad-content{justify-content:center}.ad-slot--sidebar_bottom{margin:16px 0 0}.ad-slot--sidebar_bottom .ad-content{justify-content:center}.sidebar-tip{margin-top:16px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm)}.ad-slot-card{background:var(--bg-code);border-radius:10px;padding:20px;margin-bottom:16px;border:1px solid var(--border-light)}.ad-slot-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.ad-slot-info h4{font-size:15px;color:var(--text-primary);margin-bottom:4px}.ad-slot-info code{font-size:12px;color:var(--text-light);background:var(--border-light);padding:1px 6px;border-radius:3px}.ad-slot-desc{font-size:12px;color:var(--text-muted);margin-top:4px}.ad-slot-toggle{display:flex;align-items:center;gap:10px;white-space:nowrap}.switch-label{font-size:13px;color:var(--text-muted)}.switch{position:relative;display:inline-block;width:48px;height:26px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--switch-bg);border-radius:26px;transition:.3s}.switch-slider::before{content:'';position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.switch input:checked+.switch-slider{background:var(--accent)}.switch input:checked+.switch-slider::before{transform:translateX(22px)}@media (max-width:768px){.ad-slot--header_banner .ad-content{padding:0 10px}.ad-slot--sidebar_bottom,.ad-slot--sidebar_top{margin:0 0 12px}}.breadcrumb-nav{padding:12px 0;border-bottom:1px solid var(--border-light);background:var(--bg-card)}.breadcrumb-nav .breadcrumb-list{list-style:none!important;list-style-type:none!important;padding:0!important;margin:0!important;display:flex;flex-wrap:wrap;align-items:center;gap:0;font-size:14px}.breadcrumb-nav .breadcrumb-item{display:flex;align-items:center;color:var(--text-muted);list-style:none!important}.breadcrumb-nav .breadcrumb-item:not(:last-child)::after{content:'>';margin:0 6px;color:var(--text-muted);font-size:13px}.breadcrumb-nav .breadcrumb-item::before,.breadcrumb-nav .breadcrumb-item::marker{display:none!important;content:''}.breadcrumb-nav .breadcrumb-item a{color:var(--text-secondary);text-decoration:none;transition:color .2s;padding:0 8px}.breadcrumb-nav .breadcrumb-item:first-child a{padding-left:0}.breadcrumb-nav .breadcrumb-item a:hover{color:var(--accent)}.breadcrumb-nav .breadcrumb-item.active{color:var(--text-primary);font-weight:500;padding:0 8px}.breadcrumb-nav .breadcrumb-item+.breadcrumb-item::before{content:'/';color:var(--text-light);flex-shrink:0}.error-page{text-align:center;padding:60px 20px}.error-code{font-size:120px;font-weight:800;background:linear-gradient(135deg,var(--accent),#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:20px}.error-title{font-size:28px;color:var(--text-primary);margin-bottom:12px}.error-desc{font-size:16px;color:var(--text-secondary);margin-bottom:30px}.error-actions{display:flex;gap:12px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.error-search{max-width:500px;margin:0 auto 40px}.error-search .search-form{display:flex;gap:8px}.error-search input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;background:var(--bg-input);color:var(--text-primary)}.error-hot h3{font-size:20px;color:var(--text-primary);margin-bottom:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.friend-links{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light);font-size:13px;color:var(--text-muted)}.friend-links-label{margin-right:8px;font-weight:500;color:var(--text-secondary)}.friend-links a{color:var(--text-muted);text-decoration:none;margin-right:12px;transition:color .2s}.friend-links a:hover{color:var(--accent)}.footer-custom-code{margin-top:12px;font-size:13px;color:var(--text-muted)}.footer-custom-code a{color:var(--text-muted)}.footer-custom-code a:hover{color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:10px}.stat-card{background:var(--stat-card-bg);border-radius:10px;padding:20px;text-align:center;border:1px solid var(--stat-card-border);transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-value{font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-muted)}.stat-card--primary .stat-value{color:var(--accent)}.stat-card--success .stat-value{color:var(--success)}.stat-card--info .stat-value{color:#17a2b8}.stat-card--warning .stat-value{color:#f0ad4e}.stat-card--purple .stat-value{color:#6f42c1}.stat-card--danger .stat-value{color:var(--danger)}.trend-chart{display:grid;grid-template-columns:1fr 1fr;gap:24px}.trend-section h4{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.trend-bars{display:flex;align-items:flex-end;gap:8px;height:120px;padding:8px 0;border-bottom:2px solid var(--trend-border)}.trend-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.trend-bar{background:linear-gradient(180deg,#667eea,#764ba2);width:100%;border-radius:4px 4px 0 0;min-height:4px;transition:all .3s;position:relative;max-width:48px}.trend-bar--blue{background:linear-gradient(180deg,#17a2b8,#138496)}.trend-bar:hover{opacity:.8}.trend-bar-val{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--text-muted);font-weight:600;white-space:nowrap}.trend-bar-label{font-size:11px;color:var(--text-light);margin-top:6px}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}.trend-chart{grid-template-columns:1fr}}.notify-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:20px;padding:8px;border-radius:8px;color:var(--text-muted);transition:all .2s;text-decoration:none;min-width:44px;min-height:44px}.notify-icon:hover{background:var(--accent-bg);color:var(--accent)}.notify-badge{position:absolute;top:2px;right:2px;background:#e53935;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:9px;padding:0 5px;box-shadow:0 1px 3px rgba(0,0,0,.3)}.notification-list{display:flex;flex-direction:column;gap:1px;background:var(--border-light);border-radius:8px;overflow:hidden}.notification-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);transition:background .2s}.notification-item:hover{background:var(--accent-bg)}.notification-unread{border-left:3px solid var(--accent);background:var(--bg-card)}.notification-icon{font-size:20px;flex-shrink:0;width:36px;text-align:center}.notification-body{flex:1;min-width:0}.notification-content{font-size:14px;color:var(--text-primary);line-height:1.5;word-break:break-word}.notification-content strong{color:var(--text-primary)}.notification-link{color:var(--text-primary);text-decoration:none}.notification-link:hover{color:var(--accent)}.notification-time{font-size:12px;color:var(--text-light);margin-top:4px}.notification-mark-form{flex-shrink:0}.notification-mark-btn{background:0 0;border:1px solid var(--border-color);border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s}.notification-mark-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.user-stats{display:flex;justify-content:center;gap:16px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-lighter)}.user-stat-item{font-size:12px;color:var(--text-muted);text-align:center}.user-stat-item strong{display:block;font-size:18px;color:var(--text-primary);line-height:1.2}.user-invite-info{margin-top:8px;padding:8px 10px;background:var(--bg-code);border-radius:8px;font-size:12px}.invite-code{color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.invite-code strong{color:var(--text-primary);font-size:16px;letter-spacing:2px}.invite-link{text-align:center}.btn-copy{background:var(--accent);color:#fff;border:none;padding:3px 10px;border-radius:4px;font-size:11px;cursor:pointer;transition:background .2s}.btn-copy:hover{background:var(--accent-hover)}.points-header{margin-bottom:24px}.points-total-card{text-align:center;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:16px}.points-total-value{font-size:48px;font-weight:700;line-height:1.1}.points-total-label{font-size:14px;opacity:.9;margin-top:4px}.vip-status{margin-top:12px;font-size:13px;color:var(--text-muted);text-align:center}.points-exchange{display:grid;grid-template-columns:1fr 1fr;gap:16px}.exchange-card{text-align:center;padding:20px;background:var(--bg-code);border-radius:10px;border:1px solid var(--border-light)}.exchange-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.exchange-cost{font-size:14px;color:var(--text-muted);margin-bottom:16px}.exchange-card .btn:disabled{opacity:.5;cursor:not-allowed}.points-log-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.points-log-table{width:100%;border-collapse:collapse;font-size:14px}.points-log-table td,.points-log-table th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-lighter);color:var(--text-primary)}.points-log-table th{font-weight:600;color:var(--text-secondary);background:var(--bg-code);white-space:nowrap}.points-log-table tr:hover td{background:var(--accent-bg)}.points-positive{color:var(--success);font-weight:600}.points-negative{color:var(--danger);font-weight:600}@media (max-width:480px){.points-exchange{grid-template-columns:1fr}.points-total-value{font-size:36px}.user-card{text-align:center}}#loginModal.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:3000;align-items:center;justify-content:center}#loginModal.modal-overlay .modal-box{background:var(--bg-card);border-radius:16px;padding:36px 32px 28px;max-width:400px;width:90%;position:relative;box-shadow:0 16px 48px rgba(0,0,0,.18);animation:modalSlideIn .3s ease}#loginModal .modal-box .modal-close{position:absolute;top:10px;right:16px;background:0 0;border:none;font-size:28px;cursor:pointer;color:var(--text-muted);line-height:1;transition:color .2s}#loginModal .modal-box .modal-close:hover{color:var(--text-primary)}#loginModal .modal-box .modal-header{text-align:center;margin-bottom:24px}#loginModal .modal-box .modal-header h3{font-size:20px;color:var(--text-primary);margin-bottom:6px}#loginModal .modal-box .modal-header p{font-size:14px;color:var(--text-muted);margin:0}#loginModal .modal-box .form-group{margin-bottom:14px}#loginModal .modal-box .form-group input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:10px;font-size:15px;background:var(--bg-input);color:var(--text-primary);transition:border-color .2s}#loginModal .modal-box .form-group input:focus{outline:0;border-color:var(--accent)}#loginModal .modal-box .btn-block{width:100%;padding:12px;font-size:16px;border-radius:10px}#loginModal .modal-box .modal-footer{display:flex;justify-content:space-between;margin-top:18px;font-size:13px}#loginModal .modal-box .modal-footer a{color:var(--text-muted);transition:color .2s}#loginModal .modal-box .modal-footer a:hover{color:var(--accent)}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.comments-section{margin-top:20px}.comments-section h3{margin-bottom:16px}.comment-form{margin-bottom:16px}.comment-form textarea{width:100%;padding:12px 14px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;min-height:80px;resize:vertical;background:var(--bg-input);color:var(--text-primary);transition:border-color .2s;margin-bottom:10px}.comment-form textarea:focus{outline:0;border-color:var(--accent)}.comment-form .btn{float:right}.comment-form::after{content:'';display:table;clear:both}.comment-login-prompt{text-align:center;padding:16px;background:var(--bg-code);border-radius:8px;font-size:14px;color:var(--text-muted);margin-bottom:16px}.comment-login-prompt a{color:var(--accent);font-weight:500}.alert-info{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;background:#e8f4fd;color:#0c5460;border:1px solid #bee5eb}[data-theme=dark] .alert-info{background:#1a3a4a;color:#8dd7e8;border-color:#2a5a6a}.comments-list{margin-top:16px}.comment-item{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--border-lighter)}.comment-item:last-child{border-bottom:none}.comment-item .avatar-xs{flex-shrink:0;margin-top:2px}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:13px;color:var(--text-muted)}.comment-meta-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.comment-meta strong{color:var(--text-primary);font-size:14px}.comment-meta-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.comment-delete-link,.comment-edit-link{font-size:13px;color:var(--text-muted);text-decoration:none}.comment-edit-link:hover{color:var(--accent)}.comment-delete-link:hover{color:#e74c3c}.comment-status-pending{display:inline-block;padding:1px 6px;background:#fff3cd;color:#856404;border-radius:4px;font-size:12px}.comment-content{font-size:14px;line-height:1.7;color:var(--text-secondary);word-break:break-word}.comment-edit-form{margin-top:8px}.comment-edit-textarea{width:100%;min-height:80px;padding:10px;border-radius:8px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);font-size:14px;resize:vertical}.comment-edit-buttons{display:flex;gap:10px;margin-top:8px}.admin-review-notice{background:#fff3cd;color:#856404;padding:12px 0;border-bottom:1px solid #ffeeba}.admin-review-notice-content{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-review-notice-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.admin-notice-close{background:0 0;border:none;font-size:24px;line-height:1;color:#856404;cursor:pointer;padding:0 4px}[data-theme=dark] .admin-review-notice{background:#3d3008;color:#f0d78c;border-color:#5a4a10}[data-theme=dark] .admin-notice-close{color:#f0d78c}.comment-replies{margin-top:10px;padding-left:16px;border-left:2px solid var(--border-light)}.comment-replies .comment-item{padding:10px 0;border-bottom:none}.text-muted{color:var(--text-muted);text-align:center;padding:20px 0;font-size:14px}@media (max-width:480px){#loginModal.modal-overlay .modal-box{padding:28px 20px 22px;border-radius:12px}#loginModal .modal-box .modal-header h3{font-size:18px}.comment-form textarea{font-size:16px}.comment-item{padding:12px 0}}#authModal.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay);z-index:3000;overflow-y:auto;overflow-x:hidden;align-items:flex-start;justify-content:center;padding:32px 0}.auth-modal-box{max-width:480px;width:90%;margin:auto 0;padding:30px 0 0;border-radius:16px;display:flex;flex-direction:column;overflow:visible}.auth-tabs{display:flex;border-bottom:2px solid var(--border-light);padding:0 28px;flex-shrink:0}.auth-tab{flex:1;padding:10px 0;background:0 0;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:15px;color:var(--text-muted);cursor:pointer;transition:color .2s,border-color .2s}.auth-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.auth-iframe-wrap{flex:0 1 auto;overflow:visible;width:100%}.auth-iframe-wrap iframe{width:100%;height:auto;min-height:0;border:none;display:block;background:0 0}.hot-search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;margin-top:4px;padding:8px 0}.hot-search-title{font-size:12px;color:var(--text-light);padding:4px 16px 8px;border-bottom:1px solid var(--border-light);margin-bottom:4px}.hot-search-item{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;color:var(--text-primary);text-decoration:none;transition:background .15s}.hot-search-item:hover{background:var(--accent-bg);color:var(--accent)}.hot-search-icon{font-size:12px;opacity:.6}.hot-search-empty{display:block;padding:12px 16px;font-size:13px;color:var(--text-muted);text-align:center}.desktop-search{position:relative}.mobile-search-bar .hot-search-dropdown{position:relative;top:auto;left:auto;right:auto;width:100%;margin-top:10px;box-shadow:none;border:1px solid var(--border-color);border-radius:8px;max-height:60vh;overflow-y:auto}.mobile-search-bar .hot-search-title{padding:6px 14px 8px}.mobile-search-bar .hot-search-item{padding:10px 14px}@media (max-width:480px){.auth-modal-box{width:95%;border-radius:12px;padding:18px 0 0}.auth-tabs{padding:0 14px}.auth-tab{font-size:14px}.auth-iframe-wrap iframe{min-height:300px;height:360px}}