.mascot{position:fixed;right:1rem;bottom:1rem;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;max-width:min(280px,80vw)}.mascot-avatar{border:2px solid var(--accent-soft);background:var(--surface);border-radius:50%;width:60px;height:60px;padding:0;display:grid;place-items:center;box-shadow:var(--shadow);transition:transform .15s}.mascot-avatar:hover{transform:scale(1.06)}.mascot-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 8%;display:block}.mascot-bubble{position:relative;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);border-bottom-right-radius:4px;padding:.7rem .9rem .75rem;box-shadow:var(--shadow);animation:mascot-pop .18s ease-out}.mascot-bubble p{margin:.2rem 0 0;font-size:.88rem;color:var(--text)}.mascot-name{color:var(--accent);font-family:var(--font-display);font-size:.92rem}.mascot-close{position:absolute;top:2px;right:6px;border:none;background:transparent;font-size:1.1rem;line-height:1;color:var(--text-soft)}.mascot-close:hover{color:var(--accent)}@keyframes mascot-pop{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--teal: #0e7490;--teal-dark: #0b5a70;--teal-light: #67e8f9;--slate: #1e293b;--slate-soft: #475569;--mist: #f4f7fb;--mist-deep: #e6eef6;--amber: #f59e0b;--bg: var(--mist);--surface: #ffffff;--surface-border: #dbe6f0;--text: var(--slate);--text-soft: var(--slate-soft);--accent: var(--teal);--accent-dark: var(--teal-dark);--accent-soft: var(--teal-light);--radius: 14px;--radius-sm: 8px;--shadow: 0 6px 20px rgba(15, 42, 60, .12);--shadow-sm: 0 2px 8px rgba(15, 42, 60, .08);--font-display: "Georgia", "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--header-h: 60px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 100% 0,rgba(14,116,144,.07),transparent 42%),radial-gradient(circle at 0 100%,rgba(103,232,249,.08),transparent 45%);background-attachment:fixed}h1,h2,h3{font-family:var(--font-display);color:var(--slate);line-height:1.2}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}img{max-width:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:1.25rem 1.1rem 5rem}.page-title{font-size:1.9rem;margin:.2rem 0 .4rem}.page-subtitle{color:var(--text-soft);margin:0 0 1.25rem}.hero{background:radial-gradient(circle at 80% 20%,rgba(103,232,249,.25),transparent 55%),radial-gradient(circle at 15% 80%,rgba(14,116,144,.18),transparent 55%),linear-gradient(180deg,var(--mist-deep),var(--mist));border-bottom:1px solid var(--surface-border)}.hero-inner{max-width:1040px;margin:0 auto;padding:2.5rem 1.2rem 2.2rem}.hero-title{font-size:clamp(1.9rem,4vw,2.6rem);margin:0 0 .4rem;letter-spacing:-.01em}.hero-subtitle{color:var(--text-soft);font-size:1.02rem;margin:0 0 1.2rem;max-width:56ch}.hero-stats{display:flex;align-items:center;gap:.6rem;color:var(--text-soft);font-size:.92rem}.hero-stats .stat strong{color:var(--accent-dark);font-size:1.1rem;margin-right:.2rem}.hero-stats .stat-dot{opacity:.5}.site-footer{margin-top:auto;padding:1.2rem;border-top:1px solid var(--surface-border);background:var(--surface);color:var(--text-soft);font-size:.85rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff;box-shadow:var(--shadow-sm)}.brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:#fff}.brand:hover{text-decoration:none}.brand .brand-mark{font-size:1.35rem}.brand-logo{width:36px;height:36px;border-radius:8px;background:#0f1732;object-fit:contain;flex-shrink:0}.lang-switcher{display:flex;gap:.3rem;background:#ffffff26;border-radius:999px;padding:.2rem}.lang-btn{border:none;background:transparent;color:#fff;font-size:.82rem;font-weight:600;padding:.3rem .55rem;border-radius:999px;display:flex;align-items:center;gap:.25rem;transition:background .15s,color .15s;line-height:1}.lang-btn .flag{font-size:1.05rem}.lang-btn:hover{background:#fff3}.lang-btn.active{background:#fff;color:var(--teal-dark)}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem}.chip{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-soft);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem}.project-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s;color:var(--text)}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);text-decoration:none}.project-card-banner{position:relative;height:120px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mist-deep),#fff);border-bottom:1px solid var(--surface-border);overflow:hidden}.project-card-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.35) 75%,transparent 95%);pointer-events:none}.project-card-banner .cat-tag{position:absolute;top:.6rem;right:.6rem;z-index:1}.project-card-banner .project-logo{width:72px;height:72px;background:#fff;box-shadow:var(--shadow);z-index:1}.banner-education{background:linear-gradient(135deg,#dcfce7,#f0fdf4)}.banner-cultural{background:linear-gradient(135deg,#fae8ff,#fdf4ff)}.banner-community{background:linear-gradient(135deg,#ffedd5,#fff7ed)}.banner-tools{background:linear-gradient(135deg,#dbeafe,#eff6ff)}.banner-other{background:linear-gradient(135deg,var(--mist-deep),#fff)}.project-card-body{padding:.95rem 1.1rem .6rem;flex:1;display:flex;flex-direction:column;gap:.4rem}.project-logo{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;background:var(--mist-deep);border:1px solid var(--surface-border)}.project-logo.placeholder{display:grid;place-items:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent);background:linear-gradient(135deg,var(--mist-deep),#fff)}.project-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin:0;color:var(--slate)}.project-tagline{font-size:.9rem;color:var(--text-soft);margin:0}.cat-tag{align-self:flex-start;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .55rem;border-radius:999px;background:var(--mist-deep);color:var(--teal-dark)}.cat-education{background:#dcfce7;color:#15803d}.cat-cultural{background:#fae8ff;color:#a21caf}.cat-community{background:#ffedd5;color:#c2410c}.cat-tools{background:#dbeafe;color:#1d4ed8}.cat-other{background:var(--mist-deep);color:var(--slate-soft)}.project-card-foot{padding:.6rem 1.1rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.3rem}.tech-tag{font-size:.72rem;color:var(--text-soft);background:var(--mist);border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:.1rem .45rem}.btn{display:inline-flex;align-items:center;gap:.4rem;border:none;border-radius:999px;padding:.55rem 1.05rem;font-weight:600;font-size:.92rem;background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);transition:background .15s,transform .1s}.btn:hover{background:var(--accent-dark);text-decoration:none}.btn:active{transform:scale(.98)}.btn-sm{padding:.4rem .85rem;font-size:.85rem}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--surface-border);box-shadow:none}.btn-ghost:hover{background:var(--mist-deep)}.admin-card-wrap{position:relative;display:flex;flex-direction:column}.admin-card-wrap.is-hidden .project-card{opacity:.65;border-style:dashed}.hidden-badge{position:absolute;top:.5rem;left:.5rem;z-index:2;background:#0f1732d9;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px}.admin-quick{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .7rem;margin-top:-.25rem;background:var(--surface);border:1px solid var(--surface-border);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-sm)}.hidden-stat strong{color:var(--slate-soft)}.detail-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.detail-head .project-logo{width:80px;height:80px}.detail-section{margin:1.5rem 0}.detail-section h2{font-size:1.15rem;margin:0 0 .5rem}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.screenshot-grid img{border-radius:var(--radius-sm);border:1px solid var(--surface-border);width:100%}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.field>span{font-weight:600;color:var(--text-soft)}.field input,.field textarea,.field select{font:inherit;padding:.55rem .7rem;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.field textarea{resize:vertical}.auth-form,.admin-form{max-width:640px}.auth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:.5rem .7rem;margin:0;font-size:.88rem}.lang-group{border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:.6rem .8rem .8rem;display:flex;flex-direction:column;gap:.5rem}.lang-group legend{font-weight:700;color:var(--slate);padding:0 .3rem;display:inline-flex;align-items:center;gap:.5rem}.translate-btn{font-weight:600}.form-row{display:flex;gap:.8rem;flex-wrap:wrap}.form-row .field{flex:1;min-width:180px}.checkbox-field{display:flex;align-items:center;gap:.5rem;font-size:.92rem}.logo-drop{border:2px dashed var(--surface-border);border-radius:var(--radius);padding:1rem;min-height:110px;display:grid;place-items:center;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.logo-drop:hover,.logo-drop.over{border-color:var(--accent);background:var(--mist-deep)}.logo-preview{max-height:96px;max-width:100%;border-radius:var(--radius-sm)}.admin-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.6rem .8rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);margin-bottom:1.25rem}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.admin-list{display:flex;flex-direction:column;gap:.5rem}.admin-row{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);padding:.6rem .8rem;box-shadow:var(--shadow-sm);transition:opacity .15s}.admin-row.is-hidden{opacity:.6;border-style:dashed;background:var(--mist)}.admin-row.is-hidden:hover{opacity:.9}.chip-count{display:inline-grid;place-items:center;min-width:1.4rem;height:1.2rem;padding:0 .35rem;margin-left:.3rem;border-radius:999px;background:var(--mist-deep);color:var(--slate-soft);font-size:.72rem;font-weight:700}.chip.active .chip-count{background:#ffffff40;color:#fff}.drag-handle{border:none;background:transparent;font-size:1.2rem;color:var(--text-soft);cursor:grab;padding:.2rem .3rem;touch-action:none}.drag-handle:active{cursor:grabbing}.admin-row-logo{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;background:var(--mist-deep);border:1px solid var(--surface-border);flex-shrink:0}.admin-row-logo.placeholder{display:grid;place-items:center;font-weight:700;color:var(--accent)}.admin-row-main{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.admin-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row-main .cat-tag{align-self:flex-start}.admin-row-actions{display:flex;gap:.4rem;flex-shrink:0}.pub-toggle{border:1px solid var(--surface-border);background:var(--mist-deep);color:var(--text-soft);border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:700;flex-shrink:0}.pub-toggle.on{background:#dcfce7;border-color:#86efac;color:#15803d}.ai-chat{border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;max-width:680px;overflow:hidden;box-shadow:var(--shadow-sm)}.ai-chat-header{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;background:linear-gradient(180deg,var(--mist-deep),var(--surface));border-bottom:1px solid var(--surface-border)}.ai-chat-avatar{display:inline-grid;place-items:center;border-radius:50%;background:var(--surface);border:2px solid var(--accent-soft);width:44px;height:44px;flex-shrink:0}.ai-chat-title{display:flex;flex-direction:column;font-size:.9rem}.ai-chat-title strong{color:var(--accent);font-family:var(--font-display)}.ai-chat-messages{padding:.85rem .9rem;display:flex;flex-direction:column;gap:.5rem;min-height:120px;max-height:380px;overflow-y:auto}.ai-chat-greeting{color:var(--text-soft);font-style:italic;margin:0}.ai-chat-msg{max-width:85%;padding:.55rem .8rem;border-radius:14px;font-size:.92rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.ai-chat-msg-user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.ai-chat-msg-assistant{align-self:flex-start;background:var(--mist-deep);color:var(--text);border-bottom-left-radius:4px}.ai-chat-typing{display:inline-flex;gap:4px;padding:.7rem .9rem}.ai-chat-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-soft);animation:ai-chat-bounce 1.2s infinite ease-in-out}.ai-chat-typing span:nth-child(2){animation-delay:.15s}.ai-chat-typing span:nth-child(3){animation-delay:.3s}@keyframes ai-chat-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.ai-chat-input{display:flex;gap:.5rem;padding:.6rem .7rem;border-top:1px solid var(--surface-border);background:var(--surface)}.ai-chat-input input{flex:1;font:inherit;padding:.55rem .75rem;border:1px solid var(--surface-border);border-radius:999px;background:var(--mist);color:var(--text)}.ai-chat-input input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.ip-char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:.5rem}.ip-char-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.ip-char-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--mist-deep)}.ip-char-img.placeholder{display:grid;place-items:center;font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--accent)}.ip-char-body{padding:.7rem .9rem .8rem;display:flex;flex-direction:column;gap:.25rem;flex:1}.ip-char-body p{margin:0;font-size:.82rem}.ip-variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.85rem}.ip-variant{margin:0;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column}.ip-variant img{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--mist-deep)}.ip-variant figcaption{padding:.5rem .7rem .3rem;font-size:.85rem}.ip-variant-actions{display:flex;gap:.3rem;padding:.3rem .7rem .6rem;justify-content:flex-end}.mvp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.mvp-tile{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.45rem;background:var(--surface);border:2px solid var(--surface-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.78rem;color:var(--text-soft);transition:border-color .15s,transform .1s}.mvp-tile img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-sm)}.mvp-tile:hover{transform:translateY(-1px);border-color:var(--accent-soft)}.mvp-tile.active{border-color:var(--accent);color:var(--accent);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f2a3c73;display:grid;place-items:center;z-index:80;padding:1rem}.modal{background:var(--surface);border-radius:var(--radius);padding:1.3rem 1.4rem;max-width:420px;width:100%;box-shadow:var(--shadow)}.muted{color:var(--text-soft)}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:.75rem}