:root{--bg:#f3f4f8;--surface:#fff;--surface-2:#f8f9fb;--surface-hover:#eef0f5;--text:#1a1c2e;--text-muted:#6c7086;--accent:#7c4dff;--accent-2:#b47cff;--accent-dim:rgba(124,77,255,.08);--green:#16a34a;--red:#dc2626;--border:#e2e4eb;--border-hover:#c7c9d6;--radius:14px;--radius-sm:10px;--shadow:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:#6a3de8}.container{max-width:1100px;margin:0 auto;padding:24px 20px 60px}#sw-cache-bar{position:fixed;top:0;left:0;right:0;height:36px;background:#111;color:#fff;display:flex;align-items:center;gap:12px;padding:0 12px;z-index:99999;font-family:system-ui;font-size:13px}#sw-cache-bar .progress{flex:1;height:8px;background:#333;border-radius:4px;overflow:hidden}#sw-cache-bar .progress>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s}#sw-cache-bar .label{min-width:140px}#sw-cache-bar .hide-btn{background:transparent;border:none;color:#fff;cursor:pointer}#sw-cache-hidden-toggle{position:fixed;top:8px;right:8px;z-index:99999;display:none}.navbar{background:rgba(255,255,255,.85);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;height:56px;position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.navbar__brand{display:flex;align-items:center;gap:10px;font-size:1.15em;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-right:auto;text-decoration:none}.navbar__brand:hover{color:var(--accent)}.navbar__icon{width:22px;height:22px;color:var(--accent);flex-shrink:0}.navbar__links{display:flex;gap:2px}.navbar__links a{color:var(--text-muted);font-size:.88em;font-weight:500;padding:6px 14px;border-radius:var(--radius-sm);transition:all .15s}.navbar__links a:hover{color:var(--text);background:var(--surface-hover)}.navbar__links a.active{color:var(--accent);background:var(--accent-dim)}.masonry{column-count:3;column-gap:16px}.qcard{break-inside:avoid;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.qcard:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.qcard--click{cursor:pointer}.qcard--click:hover{transform:translateY(-2px)}.qcard__link{display:block;text-decoration:none;color:inherit}.qcard__body{padding:22px 22px 0;position:relative}.qcard__mark{position:absolute;top:-6px;left:10px;font-size:3.5em;line-height:1;font-weight:800;color:var(--accent);opacity:.08;pointer-events:none;user-select:none}.qcard__text{font-size:.97em;line-height:1.75;white-space:pre-line;word-break:break-word;position:relative;z-index:1}.qcard__footer{padding:12px 22px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.qcard__info{font-size:.78em;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qcard__author{font-weight:600;color:#4a4c62}.qcard__source{opacity:.7}.qcard__date{opacity:.45;margin-left:4px}.rating{display:flex;align-items:center;gap:6px;user-select:none;flex-shrink:0}.rating__btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}.rating__btn:hover{border-color:var(--accent);color:var(--accent)}.rating__btn:active{transform:scale(.88)}.rating__btn.voted{background:var(--accent);color:#fff;border-color:var(--accent)}.rating__score{font-weight:700;font-size:.95em;min-width:28px;text-align:center;font-variant-numeric:tabular-nums;transition:color .2s}.pg{display:flex;justify-content:center;margin-top:32px}.pg__list{list-style:none;display:flex;align-items:center;gap:4px}.pg__item{display:flex}.pg__link{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:var(--radius-sm);font-size:.88em;font-weight:500;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);transition:all .15s}.pg__link:hover{color:var(--text);border-color:var(--border-hover);box-shadow:var(--shadow)}.pg__link--active{color:#fff;background:var(--accent);border-color:var(--accent);pointer-events:none;box-shadow:0 2px 8px rgba(124,77,255,.25)}.pg__dots{color:var(--text-muted);padding:0 4px;font-size:.9em;opacity:.4}.pg__prev,.pg__next{font-size:1.2em;font-weight:300}.form-page{max-width:520px;margin:0 auto}.form-page h1{font-size:1.5em;font-weight:700;margin-bottom:24px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.85em;font-weight:500;color:var(--text-muted);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:11px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95em;font-family:inherit;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-group textarea{resize:vertical;min-height:120px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 28px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.95em;font-weight:600;font-family:inherit;transition:all .15s}.btn--primary{background:var(--accent);color:#fff;width:100%}.btn--primary:hover{background:#6a3de8;transform:translateY(-1px);box-shadow:0 4px 16px rgba(124,77,255,.25)}.captcha-row{display:flex;align-items:center;gap:12px}.captcha-row img{border-radius:var(--radius-sm)}.captcha-row input{max-width:160px}.flash{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:.9em;font-weight:500}.flash--success{background:#f0fdf4;color:var(--green);border:1px solid #bbf7d0}.flash--error{background:#fef2f2;color:var(--red);border:1px solid #fecaca}.admin-actions{display:flex;gap:8px;margin-top:12px}.btn--approve{background:#f0fdf4;color:var(--green);padding:7px 14px;font-size:.82em;border:1px solid #bbf7d0}.btn--approve:hover{background:#dcfce7}.btn--delete{background:#fef2f2;color:var(--red);padding:7px 14px;font-size:.82em;border:1px solid #fecaca}.btn--delete:hover{background:#fee2e2}.topcard{break-inside:avoid;margin-bottom:12px}.topcard .qcard{display:flex;flex-direction:column;text-decoration:none;color:inherit}.topcard__rank{font-size:.82em;font-weight:700;padding:12px 22px 0}.topcard__rank .top-badge{display:inline-flex;align-items:center;gap:4px;background:var(--accent-dim);color:var(--accent);padding:2px 10px;border-radius:20px;font-size:.9em}.empty{text-align:center;padding:80px 20px;color:var(--text-muted);column-span:all}.empty__icon{font-size:48px;margin-bottom:12px;opacity:.6}.empty p{font-size:1.05em}.qpage{max-width:640px;margin:0 auto}.qpage__back{display:inline-flex;align-items:center;gap:4px;font-size:.88em;font-weight:500;color:var(--text-muted);margin-bottom:28px;transition:color .15s}.qpage__back:hover{color:var(--accent)}.qpage__card .qcard{margin-bottom:0}.qpage__card .qcard__body{padding:32px 28px 0}.qpage__card .qcard__text{font-size:1.15em;line-height:1.85}.qpage__card .qcard__footer{padding:16px 28px 24px}@media (max-width:900px){.masonry{column-count:2}}@media (max-width:560px){.masonry{column-count:1}.navbar{padding:0 14px}.navbar__links a{padding:5px 10px;font-size:.82em}.qcard__footer{flex-direction:column;align-items:flex-start;gap:8px}.container{padding:16px 12px 40px}}