:root{--pnav-bg: rgba(23, 23, 35, .95);--pnav-border: rgba(255, 255, 255, .06);--pnav-text: rgba(255, 255, 255, .7);--pnav-text-hover: #ffffff;--pnav-text-active: #ffffff;--pnav-accent: var(--primary-color, #f093fb);--pnav-badge-bg: #ef4444;--pnav-badge-text: #ffffff;--pnav-dropdown-bg: rgba(26, 26, 46, .97);--pnav-dropdown-border: rgba(255, 255, 255, .1);--pnav-dropdown-hover: rgba(255, 255, 255, .06);--pnav-height: 52px}[data-theme=light]{--pnav-bg: rgba(255, 255, 255, .95);--pnav-border: rgba(0, 0, 0, .08);--pnav-text: rgba(0, 0, 0, .55);--pnav-text-hover: rgba(0, 0, 0, .9);--pnav-text-active: rgba(0, 0, 0, .95);--pnav-accent: #d946ef;--pnav-dropdown-bg: rgba(255, 255, 255, .97);--pnav-dropdown-border: rgba(0, 0, 0, .1);--pnav-dropdown-hover: rgba(0, 0, 0, .04)}.pnav{position:fixed;top:0;left:0;right:0;height:var(--pnav-height);background:var(--pnav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--pnav-border);z-index:1000;padding:0 clamp(16px,4vw,48px)}.pnav-inner{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between}.pnav-left{display:flex;align-items:center;height:100%;gap:0}.pnav-right{display:flex;align-items:center;gap:16px}.pnav-logo{display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:26px;font-weight:700;color:var(--pnav-text-active);padding:0 20px 0 0;height:100%;transition:color .15s ease;-webkit-user-select:none;user-select:none;cursor:pointer;text-decoration:none}.pnav-logo:hover,.pnav-logo.active{color:var(--pnav-accent)}.pnav-tabs{display:flex;align-items:center;height:100%;gap:0;list-style:none;margin-left:4px}.pnav-tab{display:flex;align-items:center;height:100%;padding:0 12px;font-size:14px;font-weight:500;letter-spacing:.3px;color:var(--pnav-text);text-decoration:none;border-bottom:2px solid transparent;transition:color .15s ease,border-color .25s ease;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.pnav-tab:hover{color:var(--pnav-text-hover)}.pnav-tab.active{color:var(--pnav-text-active);border-bottom-color:var(--pnav-accent)}.pnav-notif{position:relative}.pnav-notif-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--pnav-text);transition:color .15s ease,background .15s ease}.pnav-notif-btn:hover{color:var(--pnav-text-hover);background:var(--pnav-dropdown-hover)}.pnav-notif-btn svg{width:18px;height:18px}.pnav-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;border-radius:999px;background:var(--pnav-badge-bg);color:var(--pnav-badge-text);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none}.pnav-badge.hidden{display:none}.pnav-notif-dropdown{position:absolute;top:calc(100% + 10px);right:-60px;width:360px;max-height:420px;overflow-y:auto;background:var(--pnav-dropdown-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--pnav-dropdown-border);border-radius:12px;box-shadow:0 16px 48px #00000059;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none;z-index:1001}.pnav-notif.is-open .pnav-notif-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}.pnav-notif-header{padding:14px 16px 10px;font-size:13px;font-weight:600;color:var(--pnav-text-active);border-bottom:1px solid var(--pnav-dropdown-border)}.pnav-notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--pnav-dropdown-border);transition:background .12s ease;cursor:pointer}.pnav-notif-item:last-child{border-bottom:none}.pnav-notif-item:hover{background:var(--pnav-dropdown-hover)}.pnav-notif-item.unread{border-left:3px solid var(--pnav-accent)}.pnav-notif-icon{flex-shrink:0;width:32px;height:32px;border-radius:999px;background:var(--pnav-dropdown-hover);display:flex;align-items:center;justify-content:center;font-size:14px}.pnav-notif-body{flex:1;min-width:0}.pnav-notif-text{font-size:13px;color:var(--pnav-text-hover);line-height:1.4}.pnav-notif-text strong{font-weight:600}.pnav-notif-time{font-size:11px;color:var(--pnav-text);margin-top:2px}.pnav-notif-footer{padding:10px 16px;text-align:center;font-size:12px;font-weight:500;color:var(--pnav-accent);border-top:1px solid var(--pnav-dropdown-border);cursor:pointer;transition:background .12s ease}.pnav-notif-footer:hover{background:var(--pnav-dropdown-hover)}.pnav-user{position:relative}.pnav-user-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;color:var(--pnav-text);transition:color .15s ease,background .15s ease}.pnav-user-btn:hover{color:var(--pnav-text-hover);background:var(--pnav-dropdown-hover)}.pnav-avatar{width:30px;height:30px;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.pnav-user-name{font-size:13px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnav-user-arrow{font-size:10px;opacity:.6;transition:transform .2s ease}.pnav-user.is-open .pnav-user-arrow{transform:rotate(180deg)}.pnav-user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;background:var(--pnav-dropdown-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--pnav-dropdown-border);border-radius:12px;box-shadow:0 16px 48px #00000059;padding:6px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none;z-index:1001}.pnav-user.is-open .pnav-user-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}.pnav-user-link{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;color:var(--pnav-text);text-decoration:none;border-radius:6px;transition:background .12s ease,color .12s ease}.pnav-user-link:hover{background:var(--pnav-dropdown-hover);color:var(--pnav-text-hover)}.pnav-user-link svg{width:16px;height:16px;opacity:.5;flex-shrink:0}.pnav-user-sep{height:1px;background:var(--pnav-dropdown-border);margin:4px 6px}.pnav-user-link.logout{color:#ef4444}.pnav-user-link.logout:hover{background:#ef444414;color:#f87171}.pnav-auth-buttons{display:flex;align-items:center}.pnav-login-btn{padding:7px 18px;font-size:13px;font-weight:500;color:var(--pnav-text-hover);background:var(--pnav-dropdown-hover);border:1px solid var(--pnav-dropdown-border);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.pnav-login-btn:hover{color:#fff;background:var(--pnav-accent);border-color:var(--pnav-accent);box-shadow:0 4px 16px #f093fb40}.pnav-login-btn:focus-visible{outline:2px solid var(--pnav-accent);outline-offset:2px}.pnav-clock{display:flex;flex-direction:column;align-items:flex-end;gap:1px;-webkit-user-select:none;user-select:none}.pnav-clock-ganzhi{font-size:11px;color:var(--pnav-text);font-family:Arial,Microsoft YaHei,sans-serif;letter-spacing:.5px;line-height:1.3;white-space:nowrap}.pnav-clock-lunar{font-size:10px;color:var(--pnav-text);opacity:.55;font-family:Arial,Microsoft YaHei,sans-serif;letter-spacing:.5px;line-height:1.3;white-space:nowrap}.pnav-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--pnav-text);transition:color .15s ease,background .15s ease}.pnav-hamburger:hover{color:var(--pnav-text-hover);background:var(--pnav-dropdown-hover)}.pnav-hamburger svg{width:20px;height:20px}.pnav-mobile-menu{display:none;position:fixed;top:var(--pnav-height);left:0;right:0;background:var(--pnav-dropdown-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--pnav-dropdown-border);padding:12px 20px 16px;z-index:999;flex-direction:column;gap:4px;box-shadow:0 12px 32px #0000004d}.pnav-mobile-menu.is-open{display:flex}.pnav-mobile-link{display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:500;color:var(--pnav-text);text-decoration:none;border-radius:8px;transition:background .12s ease,color .12s ease}.pnav-mobile-link:hover,.pnav-mobile-link.active{background:var(--pnav-dropdown-hover);color:var(--pnav-text-hover)}.pnav-mobile-link.active{color:var(--pnav-accent)}.pnav-mobile-sep{height:1px;background:var(--pnav-dropdown-border);margin:6px 0}@media(max-width:1024px){.pnav-user-name{display:none}.pnav-tab{padding:0 14px}}@media(max-width:768px){.pnav-tabs{display:none}.pnav-hamburger{display:flex}.pnav-clock{display:none}}.platform-auth-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center}.platform-auth-overlay.show{display:flex}.platform-auth-modal{background:var(--surface, rgba(26, 26, 46, .95));border:1px solid var(--border, rgba(255, 255, 255, .12));border-radius:16px;padding:32px;width:100%;max-width:380px;margin:16px}.platform-auth-title{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--text-primary, #ffffff);font-family:Arial,Microsoft YaHei,sans-serif}.platform-auth-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .12))}.platform-auth-tab{flex:1;padding:8px 0;border:none;background:none;color:var(--text-muted, rgba(255, 255, 255, .6));font-size:14px;font-family:Arial,Microsoft YaHei,sans-serif;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.platform-auth-tab.active{color:var(--text-primary, #ffffff);border-bottom-color:var(--accent, var(--primary-color, #f093fb))}.platform-auth-field{margin-bottom:16px}.platform-auth-field label{display:block;font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .6));margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em;font-family:Arial,Microsoft YaHei,sans-serif}.platform-auth-field input{width:100%;padding:10px 12px;border:1px solid var(--border, rgba(255, 255, 255, .12));border-radius:8px;background:var(--panel, rgba(255, 255, 255, .05));color:var(--text-primary, #ffffff);font-size:14px;font-family:Arial,Microsoft YaHei,sans-serif}.platform-auth-field input:focus{outline:none;border-color:var(--accent, var(--primary-color, #f093fb))}.platform-auth-submit{width:100%;padding:10px;border:none;border-radius:999px;background:var(--accent, var(--primary-color, #f093fb));color:#fff;font-size:14px;font-weight:600;font-family:Arial,Microsoft YaHei,sans-serif;cursor:pointer;margin-top:8px;transition:background .15s ease}.platform-auth-submit:hover{filter:brightness(1.1)}.platform-auth-message{font-size:13px;padding:8px;border-radius:8px;margin-bottom:12px;display:none;font-family:Arial,Microsoft YaHei,sans-serif}.platform-auth-message.show{display:block}.platform-auth-message.success{background:#22c55e1a;color:#22c55e}.platform-auth-message.error{background:#ef44441a;color:#ef4444}