.navbar{display:flex;align-items:center}.navbar-list{display:flex;list-style:none;gap:1.5rem;margin:0;padding:0}.navbar-item{display:flex;align-items:center}.navbar-link{color:var(--color-text-main);text-decoration:none;font-size:.95rem;transition:color .2s ease;cursor:pointer}.navbar-link:hover{color:var(--color-primary);text-decoration:none}.navbar-link.active{color:var(--color-primary);font-weight:500}.dropdown-container{position:relative;display:inline-block}.dropdown-trigger{cursor:pointer;display:flex;align-items:center}.dropdown-content{position:absolute;top:100%;z-index:9999;background-color:var(--color-bg-white, #ffffff);border-radius:12px;margin-top:8px;min-width:160px;max-height:240px;overflow-y:auto;box-sizing:border-box;box-shadow:0 7px 12.6px #0000000d;border:1px solid var(--color-border-light);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);transform-origin:top;pointer-events:none}.dropdown-content-open{opacity:1;transform:scaleY(1) translateY(0);pointer-events:auto}.dropdown-content-closed{opacity:0;transform:scaleY(.9) translateY(-10px);pointer-events:none}.dropdown-content-left{left:0}.dropdown-content-right{right:0}.dropdown-item{display:flex;align-items:center;padding:10px 16px;transition:background-color .2s ease;box-sizing:border-box;cursor:pointer}.dropdown-item:hover{background-color:var(--palette-neutral-50)}.dropdown-item-icon{width:16px;height:16px;margin-right:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-item-text{font-size:14px;line-height:1.4;color:var(--color-text-body);flex:1;white-space:nowrap}.dropdown-item-selected .dropdown-item-text{color:var(--color-primary);font-weight:500}.header{height:64px;display:flex;align-items:center;position:sticky;top:0;z-index:100;padding:0 1.5rem;background-color:var(--color-bg-base);border-bottom:1px solid transparent;transition:border-bottom-color .2s ease}.header.is-scrolled{border-bottom-color:var(--color-border-light)}.header-inner{max-width:1200px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center}.header-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.header-logo-img{width:32px;height:32px;object-fit:contain}.header-title{font-size:1.25rem;font-weight:600;color:var(--color-text-main);letter-spacing:.05em}.header-right{display:flex;align-items:center;gap:1.5rem}.mobile-menu-btn{padding:8px;border-radius:8px;color:var(--color-text-main);transition:background-color .2s}.mobile-menu-btn:hover{background-color:var(--palette-neutral-50)}.mobile-only{display:none}@media(max-width:640px){.desktop-only{display:none}.mobile-only{display:block}}.layout{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;width:100%}*{margin:0;padding:0;box-sizing:border-box}:root{--palette-white: #FFFFFF;--palette-lime-25: #F0F4E6;--palette-lime-50: #F1F5E5;--palette-lime-75: #F4F7EA;--palette-lime-100: #E2EECB;--palette-lime-125: #DBE8C7;--palette-lime-150: #DEF4B2;--palette-lime-500: #AEC537;--palette-lime-700: #A1B926;--palette-neutral-50: #FAFAF6;--palette-neutral-100: #EDEEE9;--palette-neutral-200: #F0F0F0;--palette-neutral-250: #D4D4D4;--palette-neutral-300: #979797;--palette-neutral-350: #A6A6A6;--palette-neutral-375: #9F9F9F;--palette-neutral-400: #757575;--palette-neutral-500: #989D8E;--palette-neutral-600: #6F6F6F;--palette-neutral-800: #2E2E2E;--palette-neutral-850: #3B3943;--palette-neutral-875: #404040;--palette-neutral-900: #3F3F3F;--palette-red-500: #FF5659;--palette-yellow-400: #F7B844;--palette-gold-25: #FFFCEE;--palette-gold-75: #F5EBBC;--palette-gold-100: #FFF3CD;--palette-gold-300: #F3D054;--palette-gold-400: #F3D16C;--palette-gold-500: #E3A811;--palette-gold-subtle: #EDDBA4;--palette-purple-25: #F9F7FF;--palette-purple-75: #EFCEFF;--palette-purple-100: #E6DFFF;--palette-purple-250: #AE9CFF;--palette-purple-500: #864DD6;--palette-black-alpha-40: rgba(0, 0, 0, .4);--palette-white-alpha-50: rgba(255, 255, 255, .5);--palette-lime-100-alpha-40: rgba(226, 238, 203, .4);--palette-lime-500-alpha-14: rgba(174, 197, 55, .14);--palette-lime-500-alpha-80: rgba(174, 197, 55, .8);--palette-neutral-light-lime: #FBFBED;--palette-lite-inactive-start: #544D38;--palette-lite-inactive-end: #484641;--palette-pro-inactive-start: #3D4160;--palette-pro-inactive-end: #4F3B62;--color-primary: var(--palette-lime-500);--color-accent: var(--palette-lime-700);--color-warning: var(--palette-yellow-400);--color-gold: var(--palette-gold-400);--color-gold-bright: var(--palette-gold-300);--color-danger: var(--palette-red-500);--color-refunded: var(--palette-red-500);--color-muted: var(--palette-neutral-300);--color-scanner-border: var(--palette-neutral-250);--color-text-main: var(--palette-neutral-900);--color-text-title: var(--palette-neutral-800);--color-text-body: var(--palette-neutral-600);--color-text-subtle: var(--palette-neutral-400);--color-text-report: var(--palette-neutral-500);--color-text-gold: var(--palette-gold-500);--color-text-purple: var(--palette-purple-500);--color-text-expiry: var(--palette-gold-subtle);--color-text-agreement: var(--palette-neutral-350);--color-text-on-accent: var(--palette-white);--color-bg-home: var(--palette-lime-75);--color-bg-base: var(--palette-neutral-50);--color-bg-membership: var(--palette-neutral-850);--color-bg-surface: var(--palette-lime-50);--color-bg-tint: var(--palette-lime-25);--color-bg-report: var(--palette-neutral-100);--color-bg-white: var(--palette-white);--color-bg-purchase-btn: var(--palette-neutral-875);--color-btn-dark: var(--palette-neutral-900);--color-bg-gold-subtle: var(--palette-gold-25);--color-bg-purple-subtle: var(--palette-purple-25);--color-border: var(--palette-lime-100);--color-border-secondary: var(--palette-lime-125);--color-border-gold-subtle: var(--palette-gold-75);--color-border-purple-subtle: var(--palette-purple-75);--color-border-purple: var(--palette-purple-250);--color-bg-card-study: var(--palette-lime-100);--color-bg-card-study-subtle: var(--palette-lime-100-alpha-40);--color-bg-expand-bar: var(--palette-lime-500-alpha-14);--color-border-light: var(--palette-neutral-200);--color-overlay: var(--palette-black-alpha-40);--color-bg-gradient-start: var(--palette-lime-150);--font-sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--shadow-dropdown: 0 7PX 12.6PX 0 rgba(0, 0, 0, .05);--shadow-floating-card: 0 4PX 9.3PX -1PX rgba(94, 99, 68, .3)}body{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}