:root{--bg-deep: #f5f3ff;--bg-mid: #ede9fe;--container-max: 1400px;--nav-max: 1200px;--glass-bg: rgba(255, 255, 255, .68);--glass-bg-hover: rgba(255, 255, 255, .88);--glass-bg-strong: rgba(255, 255, 255, .95);--glass-bg-deep: rgba(245, 243, 255, .85);--glass-border: rgba(167, 139, 250, .22);--glass-border-hover: rgba(139, 92, 246, .38);--glass-blur: blur(24px) saturate(180%);--glass-blur-sm: blur(12px) saturate(150%);--glass-shadow: 0 8px 32px rgba(139, 92, 246, .08), 0 2px 8px rgba(139, 92, 246, .06), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(167, 139, 250, .05);--glass-shadow-hover: 0 12px 40px rgba(139, 92, 246, .14), 0 0 0 1px rgba(139, 92, 246, .08), inset 0 1px 0 rgba(255, 255, 255, .95);--accent-blue: #6366f1;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--accent-blue-glow: rgba(99, 102, 241, .25);--accent-purple-glow: rgba(139, 92, 246, .25);--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--success-border: rgba(34, 197, 94, .2);--warning: #f59e0b;--warning-bg: rgba(251, 191, 36, .1);--warning-border: rgba(251, 191, 36, .2);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .2);--glass-dark: rgba(0, 0, 0, .12);--glass-dark-hover: rgba(0, 0, 0, .18);--text-primary: rgba(30, 27, 75, .92);--text-secondary: rgba(30, 27, 75, .6);--text-muted: rgba(30, 27, 75, .36);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}#blog-app{min-height:100vh;background:var(--bg-deep)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}::selection{background:#a78bfa66;color:#fff}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-purple)}.page-orbs{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100vh;z-index:0;pointer-events:none;overflow:hidden;isolation:isolate}.orb{position:absolute;border-radius:50%;will-change:transform,opacity,filter}.orb-1{width:900px;height:900px;background:radial-gradient(circle,rgba(167,139,250,.5),rgba(99,102,241,.35),transparent 70%);top:-300px;left:-300px;animation:orb1-float 32s ease-in-out infinite,orb1-scale 20s ease-in-out infinite,orb1-hue 25s linear infinite}.orb-2{width:750px;height:750px;background:radial-gradient(circle,rgba(236,72,153,.35),rgba(167,139,250,.2),transparent 70%);bottom:-250px;right:-200px;animation:orb2-float 28s ease-in-out infinite,orb2-scale 16s ease-in-out infinite,orb2-hue 22s linear infinite}.orb-3{width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.3),rgba(99,102,241,.25),transparent 70%);top:30%;left:55%;transform:translate(-50%,-50%);animation:orb3-float 35s ease-in-out infinite,orb3-scale 18s ease-in-out infinite,orb3-hue 28s linear infinite}.orb-4{width:500px;height:500px;background:radial-gradient(circle,rgba(167,139,250,.4),rgba(236,72,153,.2),transparent 70%);bottom:10%;left:5%;animation:orb4-float 26s ease-in-out infinite,orb4-scale 14s ease-in-out infinite,orb4-hue 20s linear infinite}.orb-5{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.3),rgba(6,182,212,.2),transparent 70%);top:60%;right:5%;animation:orb5-float 30s ease-in-out infinite,orb5-scale 22s ease-in-out infinite,orb5-hue 24s linear infinite}.orb-6{width:300px;height:300px;background:radial-gradient(circle,rgba(236,72,153,.3),rgba(99,102,241,.2),transparent 70%);top:5%;right:25%;animation:orb6-float 24s ease-in-out infinite,orb6-scale 12s ease-in-out infinite,orb6-hue 18s linear infinite}.stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.star{position:absolute;width:3px;height:3px;background:#a78bfacc;border-radius:50%;animation:star-twinkle var(--d, 3s) ease-in-out infinite var(--delay, 0s)}.star:nth-child(1){top:12%;left:20%;--d: 2.5s;--delay: 0s}.star:nth-child(2){top:25%;left:75%;--d: 3.2s;--delay: .5s}.star:nth-child(3){top:55%;left:15%;--d: 2.8s;--delay: 1.2s}.star:nth-child(4){top:70%;left:80%;--d: 3.5s;--delay: .8s}.star:nth-child(5){top:40%;left:90%;--d: 2.2s;--delay: 1.8s}.star:nth-child(6){top:85%;left:35%;--d: 3s;--delay: .3s}.star:nth-child(7){top:8%;left:60%;--d: 2.7s;--delay: 2s}.star:nth-child(8){top:60%;left:50%;--d: 3.8s;--delay: 1.5s}.star:nth-child(9){top:33%;left:40%;--d: 2.4s;--delay: .9s}.star:nth-child(10){top:92%;left:65%;--d: 3.1s;--delay: 2.3s}@keyframes orb1-float{0%{transform:translate(0)}18%{transform:translate(100px,-60px)}36%{transform:translate(60px,-140px)}54%{transform:translate(180px,-80px)}72%{transform:translate(40px,-180px)}90%{transform:translate(140px,-40px)}to{transform:translate(0)}}@keyframes orb2-float{0%{transform:translate(0)}20%{transform:translate(-80px,80px)}40%{transform:translate(-160px,40px)}60%{transform:translate(-60px,140px)}80%{transform:translate(-140px,60px)}to{transform:translate(0)}}@keyframes orb3-float{0%{transform:translate(-50%,-50%)}20%{transform:translate(-38%,-55%)}40%{transform:translate(-62%,-42%)}60%{transform:translate(-45%,-60%)}80%{transform:translate(-60%,-48%)}to{transform:translate(-50%,-50%)}}@keyframes orb4-float{0%{transform:translate(0) rotate(0)}25%{transform:translate(80px,-60px) rotate(20deg)}50%{transform:translate(40px,-120px) rotate(-10deg)}75%{transform:translate(120px,-40px) rotate(15deg)}to{transform:translate(0) rotate(0)}}@keyframes orb5-float{0%{transform:translate(0)}22%{transform:translate(-60px,-80px)}44%{transform:translate(-100px,-30px)}66%{transform:translate(-40px,-100px)}88%{transform:translate(-80px,-50px)}to{transform:translate(0)}}@keyframes orb6-float{0%{transform:translate(0) rotate(0)}30%{transform:translate(-50px,60px) rotate(-15deg)}60%{transform:translate(-80px,20px) rotate(10deg)}85%{transform:translate(-30px,80px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}@keyframes orb1-scale{0%,to{opacity:.35;filter:blur(120px) hue-rotate(0deg) brightness(1);transform:scale(1)}50%{opacity:.55;filter:blur(90px) hue-rotate(20deg) brightness(1.2);transform:scale(1.15)}}@keyframes orb2-scale{0%,to{opacity:.28;filter:blur(120px) hue-rotate(0deg) brightness(1);transform:scale(1)}50%{opacity:.5;filter:blur(100px) hue-rotate(-15deg) brightness(1.2);transform:scale(1.2)}}@keyframes orb3-scale{0%,to{opacity:.22;filter:blur(120px) hue-rotate(0deg);transform:scale(1)}50%{opacity:.42;filter:blur(85px) hue-rotate(25deg);transform:scale(1.25)}}@keyframes orb4-scale{0%,to{opacity:.3;filter:blur(120px) hue-rotate(0deg);transform:scale(1)}50%{opacity:.52;filter:blur(95px) hue-rotate(-20deg);transform:scale(1.18)}}@keyframes orb5-scale{0%,to{opacity:.25;filter:blur(110px) hue-rotate(0deg);transform:scale(1)}50%{opacity:.45;filter:blur(80px) hue-rotate(15deg);transform:scale(1.22)}}@keyframes orb6-scale{0%,to{opacity:.3;filter:blur(100px) hue-rotate(0deg);transform:scale(1) rotate(0)}50%{opacity:.5;filter:blur(75px) hue-rotate(-25deg);transform:scale(1.3) rotate(10deg)}}@keyframes orb1-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes orb2-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(-360deg)}}@keyframes orb3-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes orb4-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(-360deg)}}@keyframes orb5-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes orb6-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(-360deg)}}@keyframes star-twinkle{0%,to{opacity:.1;transform:scale(.5)}50%{opacity:1;transform:scale(1.5);box-shadow:0 0 8px #a78bfacc}}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition-spring),transform var(--transition-spring)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.glass-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);color:var(--text-primary);padding:.6rem .9rem;font-size:.95rem;font-family:inherit;width:100%;margin-bottom:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.glass-input:focus{outline:none;background:#ffffff17;border-color:var(--accent-blue);box-shadow:0 0 0 3px #60a5fa26,0 4px 15px #0003}.glass-input::placeholder{color:var(--text-muted)}.glass-input option{background:#fff;color:var(--text-primary)}textarea.glass-input{resize:vertical;font-family:SF Mono,Fira Code,monospace;min-height:180px}.glass-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1.2rem;border-radius:var(--radius-pill);border:1px solid rgba(96,165,250,.4);background:linear-gradient(135deg,#60a5fa40,#a78bfa40);color:var(--accent-blue);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-spring);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-decoration:none;box-shadow:0 4px 15px #60a5fa26}.glass-primary-btn:hover{background:linear-gradient(135deg,#60a5fa66,#a78bfa66);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 8px 25px #60a5fa4d,0 0 20px #60a5fa26;color:#fff}.glass-ghost-btn{display:inline-flex;align-items:center;padding:.5rem 1.1rem;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:var(--transition-spring);text-decoration:none}.glass-ghost-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary);transform:translateY(-1px)}.glass-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);color:var(--text-secondary);cursor:pointer;transition:width var(--transition-slow),height var(--transition-slow),background var(--transition-spring),border-color var(--transition-spring),color var(--transition-spring),transform var(--transition-spring),box-shadow var(--transition-spring);position:relative;text-decoration:none}.navbar-collapsed .glass-icon-btn{width:31px;height:31px}.glass-icon-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 4px 15px #60a5fa26}.glass-tag{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;transition:var(--transition-spring)}.glass-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0c29b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.glass-modal{background:#140e32d9;backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);box-shadow:0 25px 60px #0006,0 0 0 1px #a78bfa1a,inset 0 1px #ffffff26;padding:2rem;max-width:480px;width:100%}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#f5f3ffc7;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(167,139,250,.18);box-shadow:0 4px 30px #8b5cf614;transition:background var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow),transform var(--transition-slow)}.navbar-collapsed{background:#f5f3ffe6;border-bottom-color:#8b5cf63d;box-shadow:0 8px 34px #8b5cf61f}.nav-inner{max-width:var(--nav-max);margin:0 auto;padding:0 1.5rem;height:56px;display:flex;align-items:center;gap:0;transition:height var(--transition-slow),padding var(--transition-slow)}.navbar-collapsed .nav-inner{height:42px;padding:0 1.3rem}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:800;color:var(--text-primary);text-decoration:none;flex-shrink:0;letter-spacing:-.02em;transition:color var(--transition),font-size var(--transition-slow),margin-right var(--transition-slow);margin-right:2.5rem}.navbar-collapsed .logo{font-size:1.1rem;margin-right:2rem}.logo:hover{color:var(--accent-purple)}.logo-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple),var(--accent-pink));box-shadow:0 0 10px var(--accent-blue-glow);flex-shrink:0}.nav-center{display:flex;gap:.15rem;flex:1;justify-content:center}.nav-center a{color:var(--text-secondary);font-size:.93rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-pill);transition:color var(--transition-spring),background var(--transition-spring),box-shadow var(--transition-spring),padding var(--transition-slow),font-size var(--transition-slow),transform var(--transition-spring);text-decoration:none;position:relative;display:flex;align-items:center}.navbar-collapsed .nav-center a{font-size:.86rem;padding:.28rem .78rem}.nav-center a:hover{color:var(--text-primary);background:#ffffff14}.nav-center a.router-link-exact-active,.nav-center a.router-link-active{color:var(--accent-purple);background:#a78bfa1f;font-weight:600;box-shadow:0 0 15px #a78bfa1a}.nav-right{display:flex;gap:.6rem;align-items:center;margin-left:2rem;flex-shrink:0;transition:gap var(--transition-slow),margin-left var(--transition-slow)}.navbar-collapsed .nav-right{gap:.45rem;margin-left:1.5rem}.search-btn{gap:.3rem;font-size:.83rem}.icon-badge{position:absolute;top:-5px;right:-8px;background:linear-gradient(135deg,#f472b6,#ef4444);color:#fff;font-size:.6rem;font-weight:800;min-width:17px;height:17px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid rgba(15,12,41,.8);box-shadow:0 2px 8px #f472b666}.nav-avatar-link{display:flex;align-items:center;text-decoration:none}.nav-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(167,139,250,.5);transition:width var(--transition-slow),height var(--transition-slow),border-color var(--transition),box-shadow var(--transition-spring);box-shadow:0 0 12px #a78bfa33}.navbar-collapsed .nav-avatar,.navbar-collapsed .nav-avatar-placeholder{width:27px;height:27px}.nav-avatar:hover{border-color:var(--accent-purple);box-shadow:0 0 20px #a78bfa66}.nav-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 0 15px #6366f133;border:2px solid rgba(167,139,250,.5);transition:width var(--transition-slow),height var(--transition-slow),font-size var(--transition-slow),border-color var(--transition),box-shadow var(--transition-spring)}.navbar-collapsed .nav-avatar-placeholder{font-size:.72rem}.avatar-menu{position:relative}.avatar-dropdown{position:absolute;top:calc(100% + 10px);right:-6px;min-width:200px;background:#f5f3ffeb;backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(167,139,250,.28);border-radius:var(--radius-lg);box-shadow:0 20px 50px #8b5cf624,0 0 0 1px #a78bfa14,inset 0 1px #ffffffe6;padding:.5rem;z-index:200}.dropdown-user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.25rem}.dropdown-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(167,139,250,.45);box-shadow:0 0 12px #8b5cf633}.dropdown-avatar-ph{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;border:2px solid rgba(167,139,250,.5);box-shadow:0 0 12px #a78bfa33}.dropdown-name{font-size:.92rem;font-weight:700;color:var(--text-primary)}.dropdown-role{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.dropdown-divider{height:1px;background:#ffffff14;margin:.3rem 0}.dropdown-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;font-size:.88rem;color:var(--text-secondary);text-decoration:none;text-align:left;background:none;border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition-spring);font-family:inherit}.dropdown-item:hover{background:#8b5cf61a;color:var(--accent-purple)}.dropdown-item.logout{color:#ef4444cc}.dropdown-item.logout:hover{background:#ef444414;color:#dc2626}.dm-badge{margin-left:auto;background:linear-gradient(135deg,#f472b6,#ef4444);color:#fff;font-size:.6rem;font-weight:800;min-width:17px;height:17px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #f472b666}.main-content{max-width:var(--container-max);margin:0 auto;padding:5.5rem 1.5rem 3rem;min-height:calc(100vh - 120px);position:relative;z-index:1}#blog-app.noFooter .footer{display:none}.footer{position:relative;margin-top:2rem}.footer-inner{background:#f5f3ffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(167,139,250,.18);padding:2rem;text-align:center;position:relative;overflow:hidden}.footer-glow{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:300px;height:60px;background:radial-gradient(ellipse,rgba(167,139,250,.15),transparent);pointer-events:none}.footer p{color:var(--text-muted);font-size:.85rem;position:relative}.btn{display:inline-block;padding:.55rem 1.3rem;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-secondary);font-size:.9rem;font-family:inherit;cursor:pointer;transition:var(--transition-spring);text-decoration:none;box-shadow:var(--glass-shadow)}.btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#60a5fa4d,#a78bfa4d);border-color:#60a5fa66;color:var(--accent-blue);font-weight:600;box-shadow:0 4px 15px #60a5fa26}.btn-primary:hover{background:linear-gradient(135deg,#60a5fa80,#a78bfa80);border-color:var(--accent-blue);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #60a5fa4d,0 0 20px #60a5fa26}.btn-danger{background:#f8717126;border-color:#f871714d;color:#f87171}.btn-danger:hover{background:#f8717140;border-color:#f87171;color:#fca5a5;transform:translateY(-1px);box-shadow:0 4px 15px #f8717133}.btn-sm{padding:.38rem .95rem;font-size:.83rem}.btn-text{background:none;border:none;color:#f87171cc;cursor:pointer;font-size:.85rem;transition:color var(--transition)}.btn-text:hover{color:#f87171}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--glass-shadow);color:var(--text-primary);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition-spring),transform var(--transition-spring);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}.card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.card h1,.card h2,.card h3,.card h4{color:var(--text-primary)}input,select{width:100%;padding:.65rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);font-size:.95rem;margin-bottom:.75rem;font-family:inherit;background:#ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}input:focus,select:focus{outline:none;background:#ffffff17;border-color:var(--accent-blue);box-shadow:0 0 0 3px #60a5fa26,0 4px 15px #0003}input::placeholder,textarea::placeholder{color:var(--text-muted)}input option,select option{background:#fff;color:var(--text-primary)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}textarea{width:100%;padding:.65rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);font-size:.95rem;margin-bottom:.75rem;font-family:SF Mono,Fira Code,monospace;background:#ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);resize:vertical;min-height:200px;transition:border-color var(--transition),box-shadow var(--transition)}textarea:focus{outline:none;background:#ffffff17;border-color:var(--accent-blue);box-shadow:0 0 0 3px #60a5fa26}.tag{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;margin-right:.3rem;background:#60a5fa1f;border:1px solid rgba(96,165,250,.25);color:var(--accent-blue);transition:var(--transition-spring)}.tag:hover{background:#60a5fa33;transform:translateY(-1px)}.hamburger{display:none;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;padding:.4rem;color:var(--text-secondary);transition:padding var(--transition-slow),background var(--transition-spring),border-color var(--transition-spring),color var(--transition-spring),transform var(--transition-spring);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar-collapsed .hamburger{padding:.28rem}.hamburger:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f5f3ff99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500}.mobile-sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:88vw;background:var(--glass-bg);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;overflow-y:auto;z-index:501;box-shadow:4px 0 40px #8b5cf61f}.mobile-sidebar-header{padding-top:calc(56px + .4rem);padding-bottom:.5rem;padding-left:1.2rem;padding-right:1.2rem;border-bottom:1px solid var(--glass-border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.mobile-logo-wrap{display:flex;align-items:center;gap:.5rem}.mobile-logo{font-size:1.1rem;font-weight:800;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em}.sidebar-close{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);padding:.35rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-spring);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar-close:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.mobile-sidebar-user{display:flex;align-items:center;gap:.8rem;padding:1.1rem 1.2rem;border-bottom:1px solid var(--glass-border);background:#fff6}.mobile-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(167,139,250,.5);box-shadow:0 0 15px #a78bfa33;flex-shrink:0}.mobile-user-avatar-ph{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;border:2px solid rgba(167,139,250,.5);box-shadow:0 0 15px #a78bfa33;flex-shrink:0}.mobile-user-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.mobile-user-link{font-size:.78rem;color:var(--accent-purple);text-decoration:none;transition:color var(--transition)}.mobile-user-link:hover{color:var(--accent-pink)}.mobile-guest{display:flex;gap:.5rem;flex-wrap:wrap}.mobile-nav-links{padding:.5rem 0}.mobile-nav-item{display:flex;align-items:center;gap:.75rem;padding:.8rem 1.2rem;font-size:.95rem;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:var(--transition-spring);position:relative;border:none;background:none;width:100%;text-align:left;font-family:inherit;border-radius:0}.mobile-nav-item:hover{background:#a78bfa14;color:var(--text-primary)}.mobile-nav-item.router-link-exact-active,.mobile-nav-item.router-link-active{color:var(--accent-purple);background:#a78bfa1a;font-weight:600}.mobile-nav-item svg{flex-shrink:0;color:var(--text-muted);transition:color var(--transition)}.mobile-nav-item:hover svg,.mobile-nav-item.router-link-exact-active svg,.mobile-nav-item.router-link-active svg{color:inherit}.mobile-badge{background:linear-gradient(135deg,#f472b6,#ef4444);color:#fff;font-size:.62rem;font-weight:800;min-width:18px;height:18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;margin-left:auto;line-height:1;box-shadow:0 2px 6px #f472b666}.mobile-nav-divider{height:1px;background:var(--glass-border);margin:.3rem .8rem}.mobile-nav-bottom{padding:1rem 1.2rem;margin-top:auto;border-top:1px solid var(--glass-border)}.mobile-logout-btn{width:100%;padding:.65rem;background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius);color:#f87171cc;cursor:pointer;font-size:.9rem;font-family:inherit;transition:var(--transition-spring);display:flex;align-items:center;justify-content:center;gap:.5rem}.mobile-logout-btn:hover{background:#f871712e;border-color:#f8717166;color:#f87171;transform:translateY(-1px)}.sidebar-enter-active,.sidebar-leave-active{transition:opacity .25s ease}.sidebar-enter-active .mobile-sidebar,.sidebar-leave-active .mobile-sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-enter-from,.sidebar-leave-to{opacity:0}.sidebar-enter-from .mobile-sidebar,.sidebar-leave-to .mobile-sidebar{transform:translate(-100%)}.dropdown-enter-active,.dropdown-leave-active{transition:opacity .15s ease,transform .2s cubic-bezier(.4,0,.2,1)}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-8px) scale(.97)}@media(max-width:768px){.nav-inner{padding:0 .5rem;gap:.2rem}.nav-right{margin-left:auto}.nav-right{margin-left:auto;display:flex;gap:.4rem;align-items:center;justify-content:flex-end}.nav-right a:not(.btn):not(.mobile-show){display:none}.nav-right a.mobile-show{display:inline-flex;white-space:nowrap;min-width:2.5rem;text-align:center;justify-content:center}.nav-center{display:none}.logo{margin-right:.3rem;font-size:1.1rem}.hamburger{display:flex;align-items:center;margin-right:.2rem}.search-btn span{display:none}.btn-sm{flex-shrink:0;padding:.3rem .65rem;font-size:.78rem}.main-content{padding:4.5rem .75rem 2rem}}@media(min-width:1600px){:root{--container-max: 1600px;--nav-max: 1400px}body{font-size:18px;line-height:1.7}.nav-inner{height:68px;padding:0 2.5rem}.navbar-collapsed .nav-inner{height:48px;padding:0 2rem}.logo{font-size:1.55rem;margin-right:3rem}.navbar-collapsed .logo{font-size:1.25rem;margin-right:2.3rem}.nav-center a{font-size:1.05rem;padding:.6rem 1.3rem}.navbar-collapsed .nav-center a{font-size:.94rem;padding:.34rem .95rem}.nav-avatar,.nav-avatar-placeholder{width:38px;height:38px}.navbar-collapsed .nav-avatar,.navbar-collapsed .nav-avatar-placeholder{width:31px;height:31px}.avatar-dropdown{min-width:210px}.dropdown-item{font-size:.98rem;padding:.6rem .85rem}.main-content{padding:6rem 3rem 3.5rem}.card{padding:2rem;border-radius:22px}input,textarea,select{font-size:1.05rem;padding:.75rem 1.1rem;border-radius:var(--radius)}.btn{padding:.65rem 1.5rem;font-size:1rem;border-radius:var(--radius-pill)}.btn-sm{padding:.5rem 1.1rem;font-size:.95rem}.tag{font-size:.88rem;padding:.22rem .65rem}}