.avatar-icon[data-v-d6c9dd07]{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent);flex-shrink:0;overflow:hidden}.avatar-img[data-v-d6c9dd07]{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-letter[data-v-d6c9dd07]{font-weight:var(--weight-bold);color:var(--color-text-inverse);font-family:var(--font-heading);line-height:1}.navbar[data-v-09cde052]{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:#fffc;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;z-index:100;transition:all var(--transition-base)}.navbar.scrolled[data-v-09cde052]{background:#fffffff2;border-bottom-color:var(--color-border)}[data-theme=dark] .navbar[data-v-09cde052]{background:#0f0f0fcc}[data-theme=dark] .navbar.scrolled[data-v-09cde052]{background:#0f0f0ff2}.navbar-inner[data-v-09cde052]{display:flex;align-items:center;height:100%;gap:var(--space-lg)}.logo[data-v-09cde052]{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.logo-mark[data-v-09cde052]{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-text-inverse);font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:-.02em}.logo-text[data-v-09cde052]{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:var(--tracking-tight)}.nav-links[data-v-09cde052]{display:flex;gap:2px}.nav-link[data-v-09cde052]{padding:5px 12px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-link[data-v-09cde052]:hover{color:var(--color-text);background:var(--color-surface)}.nav-link--active[data-v-09cde052]{color:var(--color-accent);font-weight:var(--weight-semibold)}.search-bar[data-v-09cde052]{flex:1;max-width:360px;position:relative;display:flex;align-items:center}.search-icon[data-v-09cde052]{position:absolute;left:12px;color:var(--color-text-tertiary);pointer-events:none}.search-input[data-v-09cde052]{width:100%;padding:6px 14px 6px 36px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text);outline:none;transition:all var(--transition-fast)}.search-input[data-v-09cde052]::placeholder{color:var(--color-text-tertiary)}.search-input[data-v-09cde052]:focus{border-color:var(--color-accent-border);background:var(--color-bg);box-shadow:0 0 0 3px var(--color-accent-soft)}.nav-actions[data-v-09cde052]{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.icon-btn[data-v-09cde052]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--color-text-secondary);background:transparent;border:none;transition:all var(--transition-fast)}.icon-btn[data-v-09cde052]:hover{color:var(--color-text);background:var(--color-surface)}.icon-btn.has-badge[data-v-09cde052]{position:relative}.badge-dot[data-v-09cde052]{position:absolute;top:0;right:0;min-width:14px;height:14px;padding:0 3px;border-radius:var(--radius-full);background:var(--color-hot);color:#fff;font-size:9px;font-weight:var(--weight-bold);line-height:14px;text-align:center}.avatar-link[data-v-09cde052]{display:inline-flex}.sign-in-btn[data-v-09cde052]{padding:6px 16px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-inverse);background:var(--color-accent);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.sign-in-btn[data-v-09cde052]:hover{background:var(--color-accent-hover)}@media(max-width:900px){.nav-links[data-v-09cde052]{display:none}.search-bar[data-v-09cde052]{max-width:none}}@media(max-width:600px){.logo-text[data-v-09cde052],.search-bar[data-v-09cde052]{display:none}}.footer[data-v-7c0918a8]{padding:var(--space-3xl) 0 var(--space-2xl);background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:var(--space-4xl)}.footer-inner[data-v-7c0918a8]{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.footer-brand[data-v-7c0918a8]{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.brand-row[data-v-7c0918a8]{display:flex;align-items:center;gap:var(--space-sm)}.brand-mark[data-v-7c0918a8]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-text-inverse);font-weight:var(--weight-bold);font-size:var(--text-sm)}.brand-name[data-v-7c0918a8]{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:var(--tracking-tight)}.footer-tagline[data-v-7c0918a8]{font-size:var(--text-sm);color:var(--color-text-tertiary)}.footer-links[data-v-7c0918a8]{display:flex;gap:var(--space-xl);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:center}.footer-links a[data-v-7c0918a8]{transition:color var(--transition-fast)}.footer-links a[data-v-7c0918a8]:hover{color:var(--color-accent)}.footer-copy[data-v-7c0918a8]{font-size:var(--text-xs);color:var(--color-text-tertiary);padding-top:var(--space-md);border-top:1px solid var(--color-border);width:100%;max-width:400px}@media(max-width:600px){.footer-links[data-v-7c0918a8]{gap:var(--space-md)}}.layout-default[data-v-abd2a635]{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.main-content[data-v-abd2a635]{flex:1;margin-top:var(--navbar-height)}.layout-reader[data-v-532ddfca]{min-height:100vh;background:var(--color-bg)}.toast-container[data-v-cccf3997]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast[data-v-cccf3997]{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001f;pointer-events:auto;white-space:nowrap}.toast-success[data-v-cccf3997]{background:#34c759eb;color:#fff}.toast-error[data-v-cccf3997]{background:#ff3b30eb;color:#fff}.toast-info[data-v-cccf3997]{background:#000000d9;color:#fff}.toast-icon[data-v-cccf3997]{display:flex;flex-shrink:0}.toast-enter-active[data-v-cccf3997]{transition:all .3s ease}.toast-leave-active[data-v-cccf3997]{transition:all .25s ease}.toast-enter-from[data-v-cccf3997]{opacity:0;transform:translateY(-12px) scale(.95)}.toast-leave-to[data-v-cccf3997]{opacity:0;transform:translateY(-8px) scale(.95)}.dialog-overlay[data-v-2bc10084]{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9998;padding:24px}.dialog-card[data-v-2bc10084]{background:var(--color-surface);border-radius:16px;padding:24px;max-width:340px;width:100%;box-shadow:0 16px 48px #0000002e;text-align:center}.dialog-msg[data-v-2bc10084]{font-size:15px;line-height:1.5;color:var(--color-text);margin-bottom:20px}.dialog-actions[data-v-2bc10084]{display:flex;gap:10px}.dialog-btn[data-v-2bc10084]{flex:1;padding:10px 0;border-radius:10px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.dialog-btn-cancel[data-v-2bc10084]{background:var(--color-elevated);color:var(--color-text-secondary)}.dialog-btn-cancel[data-v-2bc10084]:hover{background:var(--color-border)}.dialog-btn-confirm[data-v-2bc10084]{background:var(--color-accent);color:#fff}.dialog-btn-confirm[data-v-2bc10084]:hover{opacity:.88}.dialog-fade-enter-active[data-v-2bc10084]{transition:all .2s ease}.dialog-fade-leave-active[data-v-2bc10084]{transition:all .15s ease}.dialog-fade-enter-from[data-v-2bc10084],.dialog-fade-leave-to[data-v-2bc10084]{opacity:0}.dialog-fade-enter-from .dialog-card[data-v-2bc10084]{transform:scale(.92)}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }:root{--font-heading: "Inter Variable", "Inter", -apple-system, sans-serif;--font-body: "Literata", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "SF Mono", monospace}body{font-family:var(--font-body);background:#fff;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#e8e7e2;border-radius:3px}.container{width:100%}.truncate-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis}.container-main{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:24px;padding-right:24px}.btn-ghost{cursor:pointer;border-radius:.5rem;border-style:none;background-color:transparent;padding:.5rem 1rem;--un-text-opacity:1;color:rgb(107 107 107 / var(--un-text-opacity));font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.btn-primary{cursor:pointer;border-radius:.5rem;border-style:none;--un-bg-opacity:1;background-color:rgb(139 94 60 / var(--un-bg-opacity));padding:.5rem 1rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.btn-ghost:hover{--un-bg-opacity:1;background-color:rgb(240 239 235 / var(--un-bg-opacity))}.btn-primary:hover{--un-bg-opacity:1;background-color:rgb(115 75 47 / var(--un-bg-opacity))}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.static{position:static}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.h4{height:1rem}.w-40{width:10rem}.w-60{width:15rem}.w-80{width:20rem}.flex{display:flex}.inline-flex{display:inline-flex}.flex-shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}.b,.border{border-width:1px}.px{padding-left:1rem;padding-right:1rem}.uppercase{text-transform:uppercase}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.underline{text-decoration-line:underline}.tab,.active-tab:active{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.outline{outline-style:solid}.sepia{--un-sepia:sepia(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{color-scheme:light;--color-accent: #E8894B;--color-accent-hover: #D4773A;--color-accent-dark: #C06A30;--color-accent-soft: rgba(232, 137, 75, .08);--color-accent-border: rgba(232, 137, 75, .2);--color-gold: #F5A623;--color-sage: #8BA888;--color-bg: #FFFFFF;--color-surface: #F7F7F8;--color-elevated: #FAFAFA;--color-card: #F7F7F8;--color-overlay: #FFFFFF;--color-text: #1A1A1A;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-text-inverse: #FFFFFF;--color-border: #E5E5E5;--color-border-strong: #D0D0D0;--color-divider: #F0F0F0;--color-vip: #F5A623;--color-free: #34C759;--color-hot: #FF3B30;--color-info: #007AFF;--color-success: #34C759;--color-warning: #F5A623;--color-error: #FF3B30;--gradient-hero-overlay: linear-gradient( 180deg, rgba(26, 26, 26, .08) 0%, rgba(26, 26, 26, .3) 50%, rgba(26, 26, 26, .7) 100% );--gradient-hero-side: linear-gradient( 90deg, rgba(26, 26, 26, .65) 0%, rgba(26, 26, 26, .3) 50%, rgba(26, 26, 26, 0) 100% );--gradient-card: linear-gradient( 180deg, rgba(26, 26, 26, .02) 0%, rgba(26, 26, 26, 0) 100% );--gradient-warm: linear-gradient(135deg, #E8894B, #D4773A);--gradient-sage: linear-gradient(135deg, #8BA888, #A8C4A4);--gradient-banner: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--space-6xl: 64px;--page-padding: 20px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif: "New York", "Iowan Old Style", "Noto Serif SC", Georgia, "Songti SC", serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", monospace;--font-heading: var(--font-sans);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .1);--shadow-glow: 0 0 24px rgba(232, 137, 75, .25);--max-width: 1200px;--max-width-narrow: 960px;--reader-max-width: 720px;--navbar-height: 56px;--catbar-height: 40px;--sidebar-width: 180px;--module-gap: 24px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--scrollbar-thumb: rgba(0, 0, 0, .1);--scrollbar-thumb-hover: rgba(0, 0, 0, .2)}[data-theme=dark]{color-scheme:dark;--color-bg: #0F0F0F;--color-surface: #1C1C1E;--color-elevated: #2C2C2E;--color-card: #1C1C1E;--color-overlay: #2C2C2E;--color-text: #F5F5F7;--color-text-secondary: #86868B;--color-text-tertiary: #6E6E73;--color-text-inverse: #0F0F0F;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-divider: rgba(255, 255, 255, .06);--color-accent-soft: rgba(232, 137, 75, .12);--color-accent-border: rgba(232, 137, 75, .28);--color-vip: #F5A623;--color-free: #30D158;--color-hot: #FF453A;--color-info: #0A84FF;--color-success: #30D158;--color-warning: #F5A623;--color-error: #FF453A;--gradient-hero-overlay: linear-gradient( 180deg, rgba(15, 15, 15, .2) 0%, rgba(15, 15, 15, .5) 50%, rgba(15, 15, 15, .95) 100% );--gradient-hero-side: linear-gradient( 90deg, rgba(15, 15, 15, .85) 0%, rgba(15, 15, 15, .4) 50%, rgba(15, 15, 15, 0) 100% );--gradient-card: linear-gradient( 180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100% );--gradient-warm: linear-gradient(135deg, #E8894B, #C06A30);--gradient-sage: linear-gradient(135deg, #8BA888, #6B8F6E);--gradient-banner: linear-gradient(135deg, #0F0F0F 0%, #1C1C2E 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .6);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2)}html{scroll-behavior:smooth;background:var(--color-bg)}body{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-base),color var(--transition-base)}a{color:inherit;cursor:pointer;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--color-accent);color:var(--color-text-inverse)}.container-main,.container-platform{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--page-padding)}@media(max-width:768px){.container-main,.container-platform{padding:0 var(--space-md)}}.platform-layout{display:flex;gap:0;align-items:flex-start}.platform-sidebar{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:calc(var(--navbar-height) + var(--catbar-height))}.platform-main{flex:1;min-width:0;padding-left:var(--space-xl)}@media(max-width:768px){.platform-layout{flex-direction:column}.platform-sidebar{width:100%;position:static}.platform-main{padding-left:0}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:8px 20px;background:var(--color-accent);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-full);border:none;transition:all var(--transition-fast);white-space:nowrap}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:8px 20px;background:transparent;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-full);border:1px solid var(--color-border-strong);transition:all var(--transition-fast);white-space:nowrap}.btn-ghost:hover{background:var(--color-surface);border-color:var(--color-text-tertiary)}.tag-pill{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer}.tag-pill:hover,.tag-pill--active{color:var(--color-accent);background:var(--color-accent-soft)}.badge-status{display:inline-flex;align-items:center;padding:1px 6px;font-size:10px;font-weight:var(--weight-semibold);border-radius:var(--radius-sm);color:#fff;letter-spacing:.02em}.badge-status--vip{background:var(--color-vip)}.badge-status--free{background:var(--color-free)}.badge-status--hot{background:var(--color-hot)}.truncate-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.skeleton-line{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-elevated) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.module-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.module-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:var(--tracking-tight)}.module-title .icon{font-size:var(--text-xl)}.module-title .count{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-text-tertiary)}.module-right{display:flex;align-items:center;gap:var(--space-md)}.module-tabs{display:flex;gap:4px}.module-tab{padding:4px 12px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.module-tab:hover{color:var(--color-text)}.module-tab--active{color:var(--color-accent);background:var(--color-accent-soft)}.module-more{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.module-more:hover{color:var(--color-accent)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease,opacity .3s ease}.slide-up-enter-from{transform:translateY(20px);opacity:0}.slide-up-leave-to{transform:translateY(-20px);opacity:0}html{scroll-behavior:smooth}body{min-height:100vh}a{color:inherit;cursor:pointer}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}*{margin:0;padding:0;box-sizing:border-box}img{max-width:100%;display:block}ul,ol{list-style:none}