@m2s2/vue-lib 2.3.1 → 2.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +58 -34
- package/dist/index16.cjs +1 -1
- package/dist/index16.mjs +1 -1
- package/dist/index26.cjs +1 -1
- package/dist/index26.mjs +1 -1
- package/dist/index34.cjs +1 -1
- package/dist/index34.mjs +36 -81
- package/dist/index35.cjs +1 -0
- package/dist/index35.mjs +11 -0
- package/dist/index36.cjs +1 -1
- package/dist/index36.mjs +80 -21
- package/dist/index38.cjs +1 -1
- package/dist/index38.mjs +30 -3
- package/dist/index39.cjs +1 -1
- package/dist/index39.mjs +9 -3
- package/dist/index40.cjs +1 -1
- package/dist/index40.mjs +26 -3
- package/dist/index42.cjs +1 -1
- package/dist/index42.mjs +30 -3
- package/dist/index43.cjs +1 -1
- package/dist/index43.mjs +9 -3
- package/dist/index44.cjs +1 -1
- package/dist/index44.mjs +34 -3
- package/dist/index45.cjs +1 -1
- package/dist/index45.mjs +9 -3
- package/dist/index46.cjs +1 -1
- package/dist/index46.mjs +48 -2
- package/dist/index48.cjs +1 -1
- package/dist/index48.mjs +69 -3
- package/dist/index50.cjs +1 -1
- package/dist/index50.mjs +27 -3
- package/dist/index51.cjs +1 -1
- package/dist/index51.mjs +2 -2
- package/dist/index52.cjs +1 -1
- package/dist/index52.mjs +2 -2
- package/dist/index53.cjs +1 -1
- package/dist/index53.mjs +2 -2
- package/dist/index54.cjs +1 -1
- package/dist/index54.mjs +2 -2
- package/dist/index55.cjs +1 -1
- package/dist/index55.mjs +1 -1
- package/dist/index56.cjs +1 -59
- package/dist/index56.mjs +3 -1150
- package/dist/index57.cjs +1 -1
- package/dist/index57.mjs +3 -51
- package/dist/index58.cjs +1 -1
- package/dist/index58.mjs +3 -2
- package/dist/index59.cjs +1 -0
- package/dist/index59.mjs +5 -0
- package/dist/index61.cjs +1 -0
- package/dist/index61.mjs +5 -0
- package/dist/index63.cjs +1 -0
- package/dist/index63.mjs +5 -0
- package/dist/index64.cjs +1 -0
- package/dist/index64.mjs +5 -0
- package/dist/index65.cjs +1 -0
- package/dist/index65.mjs +5 -0
- package/dist/index66.cjs +1 -0
- package/dist/index66.mjs +5 -0
- package/dist/index67.cjs +1 -0
- package/dist/index67.mjs +4 -0
- package/dist/index68.cjs +1 -0
- package/dist/index68.mjs +5 -0
- package/dist/index69.cjs +1 -0
- package/dist/index69.mjs +4 -0
- package/dist/index70.cjs +1 -0
- package/dist/index70.mjs +5 -0
- package/dist/index71.cjs +1 -0
- package/dist/index71.mjs +4 -0
- package/dist/index72.cjs +1 -0
- package/dist/index72.mjs +4 -0
- package/dist/index73.cjs +1 -0
- package/dist/index73.mjs +5 -0
- package/dist/index74.cjs +1 -0
- package/dist/index74.mjs +5 -0
- package/dist/index75.cjs +1 -0
- package/dist/index75.mjs +53 -0
- package/dist/index76.cjs +59 -0
- package/dist/index76.mjs +1152 -0
- package/dist/index77.cjs +1 -0
- package/dist/index77.mjs +4 -0
- package/dist/vue-lib/src/components/Auth/AuthProvider.vue.d.ts +17 -0
- package/dist/vue-lib/src/components/Auth/AuthProvider.vue.d.ts.map +1 -0
- package/dist/vue-lib/src/components/Auth/useAuth.d.ts +19 -0
- package/dist/vue-lib/src/components/Auth/useAuth.d.ts.map +1 -0
- package/dist/vue-lib/src/components/Dropdown/Dropdown.vue.d.ts +21 -0
- package/dist/vue-lib/src/components/Dropdown/Dropdown.vue.d.ts.map +1 -0
- package/dist/vue-lib/src/components/Dropdown/DropdownItem.vue.d.ts +12 -0
- package/dist/vue-lib/src/components/Dropdown/DropdownItem.vue.d.ts.map +1 -0
- package/dist/vue-lib/src/components/ThemeProvider/ThemeProvider.vue.d.ts +19 -0
- package/dist/vue-lib/src/components/ThemeProvider/ThemeProvider.vue.d.ts.map +1 -0
- package/dist/vue-lib/src/components/ThemeProvider/useTheme.d.ts +9 -0
- package/dist/vue-lib/src/components/ThemeProvider/useTheme.d.ts.map +1 -0
- package/dist/vue-lib/src/index.d.ts +14 -0
- package/dist/vue-lib/src/index.d.ts.map +1 -1
- package/dist/vue-lib/src/plugin.d.ts +9 -0
- package/dist/vue-lib/src/plugin.d.ts.map +1 -0
- package/dist/vue-lib.css +1 -1
- package/package.json +1 -1
- package/dist/index41.cjs +0 -1
- package/dist/index41.mjs +0 -5
- /package/dist/{index47.cjs → index60.cjs} +0 -0
- /package/dist/{index47.mjs → index60.mjs} +0 -0
- /package/dist/{index49.cjs → index62.cjs} +0 -0
- /package/dist/{index49.mjs → index62.mjs} +0 -0
package/dist/index77.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("./index75.cjs");module.exports=e;
|
package/dist/index77.mjs
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type M2S2AuthProviderImpl } from './useAuth';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
provider: M2S2AuthProviderImpl;
|
|
4
|
+
};
|
|
5
|
+
declare var __VLS_1: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_1) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=AuthProvider.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AuthProvider.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Auth/AuthProvider.vue"],"names":[],"mappings":"AA+CA,OAAO,EAA+B,KAAK,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEnF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,oBAAoB,CAAC;CAChC,CAAC;AA8CF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAkB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type InjectionKey } from 'vue';
|
|
2
|
+
export interface M2S2AuthUser {
|
|
3
|
+
userId: string;
|
|
4
|
+
username: string;
|
|
5
|
+
}
|
|
6
|
+
export interface M2S2AuthContext {
|
|
7
|
+
user: M2S2AuthUser | undefined;
|
|
8
|
+
loggedIn: boolean;
|
|
9
|
+
loading: boolean;
|
|
10
|
+
signOut(): Promise<void>;
|
|
11
|
+
}
|
|
12
|
+
export interface M2S2AuthProviderImpl {
|
|
13
|
+
getCurrentUser(): Promise<M2S2AuthUser | undefined>;
|
|
14
|
+
subscribeToAuthState(callback: (loggedIn: boolean) => void): () => void;
|
|
15
|
+
signOut(): void | Promise<void>;
|
|
16
|
+
}
|
|
17
|
+
export declare const AUTH_KEY: InjectionKey<M2S2AuthContext>;
|
|
18
|
+
export declare function useAuth(): M2S2AuthContext;
|
|
19
|
+
//# sourceMappingURL=useAuth.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../../../../src/components/Auth/useAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,KAAK,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAI,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAM,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAG,OAAO,CAAC;IAClB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,cAAc,IAAI,OAAO,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC;IACpD,oBAAoB,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IACxE,OAAO,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,QAAQ,EAAE,YAAY,CAAC,eAAe,CAAkB,CAAC;AAEtE,wBAAgB,OAAO,IAAI,eAAe,CAIzC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { AnchorDropdownItem, ClickableDropdownItem, DropdownItem } from '@m2s2/models';
|
|
2
|
+
type DropdownItemConfig = DropdownItem & (Pick<AnchorDropdownItem, 'href'> | Pick<ClickableDropdownItem, 'onClick'> | Record<string, never>);
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
items: DropdownItemConfig[];
|
|
5
|
+
align?: 'left' | 'right';
|
|
6
|
+
};
|
|
7
|
+
declare var __VLS_1: {};
|
|
8
|
+
type __VLS_Slots = {} & {
|
|
9
|
+
default?: (props: typeof __VLS_1) => any;
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
12
|
+
align: "left" | "right";
|
|
13
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=Dropdown.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"names":[],"mappings":"AAuFA,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5F,KAAK,kBAAkB,GAAG,YAAY,GAAG,CACrC,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAChC,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC,GACtC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CACxB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAgFF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwB/C,QAAA,MAAM,eAAe;WA3GX,MAAM,GAAG,OAAO;6EAkHxB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { AnchorDropdownItem, ClickableDropdownItem, DropdownItem } from '@m2s2/models';
|
|
2
|
+
type DropdownItemConfig = DropdownItem & (Pick<AnchorDropdownItem, 'href'> | Pick<ClickableDropdownItem, 'onClick'> | Record<string, never>);
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
item: DropdownItemConfig;
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
select: () => any;
|
|
8
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
9
|
+
onSelect?: (() => any) | undefined;
|
|
10
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
export default _default;
|
|
12
|
+
//# sourceMappingURL=DropdownItem.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/DropdownItem.vue"],"names":[],"mappings":"AAAA,OAyFO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5F,KAAK,kBAAkB,GAAG,YAAY,GAAG,CACrC,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAChC,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC,GACtC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CACxB,CAAC;AAEF,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAAC;;;;;;AA+GhD,wBAOG"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type Theme } from './useTheme';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
defaultTheme?: Theme;
|
|
4
|
+
};
|
|
5
|
+
declare var __VLS_1: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_1) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
10
|
+
defaultTheme: Theme;
|
|
11
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=ThemeProvider.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeProvider.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.vue"],"names":[],"mappings":"AA8CA,OAAO,EAAa,KAAK,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnD,KAAK,WAAW,GAAG;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AA8CF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAmB/C,QAAA,MAAM,eAAe;kBApEJ,KAAK;6EA2EpB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type InjectionKey } from 'vue';
|
|
2
|
+
export type Theme = 'dark' | 'light' | 'auto';
|
|
3
|
+
export interface ThemeContext {
|
|
4
|
+
theme: Theme;
|
|
5
|
+
setTheme: (theme: Theme) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const THEME_KEY: InjectionKey<ThemeContext>;
|
|
8
|
+
export declare function useTheme(): ThemeContext;
|
|
9
|
+
//# sourceMappingURL=useTheme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,KAAK,CAAC;AAEhD,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAK,KAAK,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,YAAY,CAAmB,CAAC;AAErE,wBAAgB,QAAQ,IAAI,YAAY,CAIvC"}
|
|
@@ -14,6 +14,20 @@ export { default as BlogEditor } from './components/BlogEditor/BlogEditor.vue';
|
|
|
14
14
|
export { default as DataTable } from './components/DataTable/DataTable.vue';
|
|
15
15
|
export { default as SubscribeForm } from './components/SubscribeForm/SubscribeForm.vue';
|
|
16
16
|
export { default as Dialog } from './components/Dialog/Dialog.vue';
|
|
17
|
+
export { default as DialogProvider } from './components/Dialog/DialogProvider.vue';
|
|
18
|
+
export { useDialog } from './components/Dialog/useDialog';
|
|
17
19
|
export { default as Panel } from './components/Panel/Panel.vue';
|
|
20
|
+
export { default as PanelProvider } from './components/Panel/PanelProvider.vue';
|
|
21
|
+
export { usePanel } from './components/Panel/usePanel';
|
|
18
22
|
export { default as LoadingButton } from './components/LoadingButton/LoadingButton.vue';
|
|
23
|
+
export { default as ThemeProvider } from './components/ThemeProvider/ThemeProvider.vue';
|
|
24
|
+
export { useTheme } from './components/ThemeProvider/useTheme';
|
|
25
|
+
export type { Theme } from './components/ThemeProvider/useTheme';
|
|
26
|
+
export { default as AuthProvider } from './components/Auth/AuthProvider.vue';
|
|
27
|
+
export { useAuth } from './components/Auth/useAuth';
|
|
28
|
+
export type { M2S2AuthUser, M2S2AuthContext, M2S2AuthProviderImpl } from './components/Auth/useAuth';
|
|
29
|
+
export { default as Dropdown } from './components/Dropdown/Dropdown.vue';
|
|
30
|
+
export { default as DropdownItem } from './components/Dropdown/DropdownItem.vue';
|
|
31
|
+
export { createM2S2 } from './plugin';
|
|
32
|
+
export type { M2S2PluginOptions } from './plugin';
|
|
19
33
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type App } from 'vue';
|
|
2
|
+
import { type Theme } from './components/ThemeProvider/useTheme';
|
|
3
|
+
export interface M2S2PluginOptions {
|
|
4
|
+
defaultTheme?: Theme;
|
|
5
|
+
}
|
|
6
|
+
export declare function createM2S2(options?: M2S2PluginOptions): {
|
|
7
|
+
install(app: App): void;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=plugin.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAa,KAAK,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAK5E,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB;AAaD,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB;iBAEzC,GAAG;EA2BnB"}
|
package/dist/vue-lib.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.m2s2-chat{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:500;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);pointer-events:none}.m2s2-chat>*{pointer-events:all}.chat-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.chat-toggle:hover:not(:disabled){opacity:.85}.chat-toggle:disabled{opacity:.5;cursor:not-allowed}.chat-toggle{background:var(--gradient-brand-135);color:#fff;border-color:transparent;width:52px;height:52px;border-radius:50%;padding:0;box-shadow:var(--shadow-md);flex-shrink:0}.chat-panel{display:flex;flex-direction:column;width:380px;max-height:520px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}@media(max-width:480px){.chat-panel{width:calc(100vw - var(--space-8));max-height:70vh}}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface-raised);gap:var(--space-3)}.chat-header__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3;font-size:var(--font-size-base);margin:0}.chat-header__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.5;margin:var(--space-1) 0 0;font-size:var(--font-size-xs)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.chat-empty{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;text-align:center;padding:var(--space-6) 0;margin:0}.chat-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;align-self:flex-end}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar--assistant{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-on-surface-muted)}.chat-avatar--user{background:var(--color-primary-dim, var(--color-primary));color:#fff}.chat-message{display:flex;align-items:flex-end;gap:var(--space-2);max-width:90%}.chat-message--user{align-self:flex-end}.chat-message--user .chat-message__text{background:var(--gradient-brand-135);color:#fff;border-radius:var(--radius-md) var(--radius-md) 2px var(--radius-md)}.chat-message--assistant{align-self:flex-start}.chat-message--assistant .chat-message__text{background:var(--color-surface-raised);color:var(--color-on-surface);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 2px}.chat-message__text{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-typing{display:flex;align-items:center;gap:4px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 2px}.chat-typing span{display:block;width:6px;height:6px;border-radius:50%;background:var(--color-on-surface-muted);animation:chat-bounce 1.2s infinite ease-in-out}.chat-typing span:nth-child(1){animation-delay:0s}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chat-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.chat-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-raised);text-align:center}.chat-cta__text{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;font-size:var(--font-size-xs);margin:0}.chat-cta__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.chat-cta__btn:hover:not(:disabled){opacity:.85}.chat-cta__btn:disabled{opacity:.5;cursor:not-allowed}.chat-cta__btn{background:var(--gradient-brand-135);color:#fff;border-color:transparent;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-5);text-decoration:none}.chat-input-row{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);flex-shrink:0}.chat-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.chat-input::placeholder{color:var(--color-on-surface-muted)}.chat-input:focus{outline:none;border-color:var(--color-primary)}.chat-input:disabled{opacity:.5}.chat-input{resize:none;max-height:120px;overflow-y:auto;line-height:1.5;padding:var(--space-2) var(--space-3)}.chat-send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.chat-send:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.chat-send{background:var(--gradient-brand-135);color:#fff;border-radius:var(--radius-md);flex-shrink:0}.chat-send:hover:not(:disabled){opacity:.85}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-error{font-size:var(--font-size-xs);color:var(--color-error);padding:0 var(--space-4) var(--space-2);margin:0}.m2s2-section-header{display:block;text-align:center;margin-bottom:var(--space-8)}.sh-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary);margin:0 0 var(--space-2)}.sh-subtitle{font-size:var(--font-size-lg);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.sr-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.sr-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1);padding:0 var(--space-4)}.sr-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);line-height:1}.sr-label{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.sr-divider{width:1px;height:40px;background:var(--color-border);flex-shrink:0}.m2s2-status-badge{display:inline-block;width:fit-content;padding:2px var(--space-2);border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.m2s2-status-badge[data-variant=pill]{padding:var(--space-1) var(--space-3);border-radius:999px}.m2s2-status-badge[data-status=received]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=reviewing]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-status-badge[data-status=in_conversation]{background:#a78bfa26;color:#a78bfa}.m2s2-status-badge[data-status=closed]{background:#9ca3af26;color:#9ca3af}.m2s2-status-badge[data-status=cancelled]{background:var(--color-error-bg);color:var(--color-error)}.m2s2-status-badge[data-status=resume-received]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=resume-pending]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-status-badge[data-status=resume-approved]{background:var(--color-success-bg);color:var(--color-success)}.m2s2-status-badge[data-status=resume-declined]{background:var(--color-error-bg);color:var(--color-error)}.m2s2-status-badge[data-status=auth]{background:#a78bfa26;color:#a78bfa}.m2s2-status-badge[data-status=signup]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=verified]{background:var(--color-success-bg);color:var(--color-success)}.m2s2-status-badge[data-status=unverified]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-page-header{display:block;text-align:center;margin-bottom:var(--space-12)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-on-bg);margin:0 0 var(--space-4)}@media(max-width:767px){.page-title{font-size:var(--font-size-2xl)}}.page-subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted);margin:0}@media(max-width:767px){.page-subtitle{font-size:var(--font-size-base)}}.m2s2-cta-section{padding:var(--space-12) 0}.cta-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid transparent;border-image:var(--gradient-brand) 1;text-align:center}@media(min-width:768px){.cta-card{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-8) var(--space-10);gap:var(--space-8)}}.cta-text{display:flex;flex-direction:column;gap:var(--space-3)}.cta-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-on-bg);margin:0}@media(min-width:768px){.cta-title{font-size:var(--font-size-2xl)}}.cta-body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted);margin:0;max-width:540px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.cta-btn:hover:not(:disabled){opacity:.85}.cta-btn:disabled{opacity:.5;cursor:not-allowed}.cta-btn{min-height:var(--touch-target-min, 44px);padding:var(--space-3) var(--space-8);border-radius:var(--radius-sm, 6px);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--gradient-brand-135);color:#fff}.cta-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.cta-btn:active{transform:translateY(0)}.cta-btn{flex-shrink:0}.ps-steps{display:flex;align-items:flex-start;gap:var(--space-2);list-style:none;padding:0;margin:0}@media(max-width:991px){.ps-steps{flex-direction:column;gap:var(--space-4)}}.ps-step{flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-raised);border-radius:8px}@media(max-width:991px){.ps-step{width:100%}}.ps-num{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--color-secondary)}.ps-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-on-bg)}.ps-desc{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted)}.ps-divider{display:flex;align-items:center;padding-top:var(--space-6);color:var(--color-primary);font-size:var(--font-size-lg);flex-shrink:0;list-style:none}@media(max-width:991px){.ps-divider{display:none}}.m2s2-footer{width:100%;min-height:var(--footer-height, 48px);background-color:var(--color-nav-bg);color:var(--color-on-nav);border-top:2px solid transparent;border-image:var(--gradient-brand) 1}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:center;min-height:var(--footer-height, 48px)}@media(min-width:576px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-2) var(--space-6)}}.footer-copy{font-size:var(--font-size-sm);opacity:.85}.footer-social{display:flex;align-items:center;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity var(--transition-fast),transform var(--transition-fast)}.social-link:hover{opacity:1;transform:translateY(-2px)}.social-icon{width:24px;height:24px;flex-shrink:0;fill:currentColor;color:var(--color-secondary)}.navbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:var(--nav-height, 64px);background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);box-shadow:0 1px 0 0 var(--color-primary-dim);transform:translateY(0);transition:background .2s ease,box-shadow .2s ease,backdrop-filter .2s ease,transform .3s ease}.navbar--scrolled{background:color-mix(in srgb,var(--color-nav-bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 0 var(--color-primary-dim),0 4px 24px #00000059}.navbar--hidden{transform:translateY(-100%)}.navbar--fixed{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav, 100)}.navbar-brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.navbar-brand-logo{height:48px;width:auto}.navbar-brand-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-nav)}.navbar-spacer{flex:1}.navbar-desktop{display:flex;align-items:center;gap:var(--space-1)}@media(max-width:991px){.navbar-desktop{display:none}}.navbar-nav-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-nav);text-decoration:none;background:none;border:none;cursor:pointer;letter-spacing:.02em;transition:color var(--transition-fast),background var(--transition-fast)}.navbar-nav-btn:hover{color:var(--color-secondary);background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08))}.navbar-nav-btn--dropdown{gap:var(--space-1)}.navbar-chevron{font-size:.7em;opacity:.7}.navbar-dropdown-wrap{position:relative}.navbar-dropdown-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + var(--space-1));right:0;min-width:180px;z-index:var(--z-dropdown, 200);display:flex;flex-direction:column;gap:var(--space-1)}.navbar-dropdown-user{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);border-bottom:1px solid var(--color-border);pointer-events:none}.navbar-dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-on-surface);text-decoration:none;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background var(--transition-fast)}.navbar-dropdown-item:hover{background:var(--color-surface-raised)}.navbar-dropdown-img{width:20px;height:20px;border-radius:50%;object-fit:cover}.navbar-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-icon-btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.navbar-icon-btn{color:var(--color-on-nav)}.navbar-icon-btn:hover{background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08));color:var(--color-secondary)}.navbar-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-dim);display:block}.navbar-account-icon{width:24px;height:24px}.navbar-mobile-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-mobile-btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.navbar-mobile-btn{color:var(--color-on-nav);display:none}@media(max-width:991px){.navbar-mobile-btn{display:flex}}.navbar-hamburger{display:block;width:20px;height:2px;background:currentColor;position:relative;transition:background var(--transition-fast)}.navbar-hamburger:before,.navbar-hamburger:after{content:"";display:block;width:20px;height:2px;background:currentColor;position:absolute;left:0;transition:transform var(--transition-fast),top var(--transition-fast)}.navbar-hamburger:before{top:-6px}.navbar-hamburger:after{top:6px}.navbar-hamburger--open{background:transparent}.navbar-hamburger--open:before{top:0;transform:rotate(45deg)}.navbar-hamburger--open:after{top:0;transform:rotate(-45deg)}.navbar-mobile-menu{position:fixed;top:var(--nav-height, 64px);left:0;right:0;background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-nav, 100);padding:var(--space-2) 0}.navbar-mobile-link{display:block;padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);color:var(--color-on-nav);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-mobile-link:hover{background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08));color:var(--color-secondary)}.m2s2-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.m2s2-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.m2s2-card{padding:var(--space-8) var(--space-10)}@media(max-width:767px){.m2s2-card{padding:var(--space-6) var(--space-5)}}.m2s2-card.featured{border-color:var(--color-primary);background:var(--color-surface-raised)}.m2s2-card[data-variant=raised]{background:var(--color-surface-raised)}.m2s2-card[data-variant=accent]{background:var(--color-surface-raised);border-left:3px solid var(--color-primary);border-radius:10px}.fc-header{display:flex;align-items:center;gap:var(--space-3)}.fc-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.fc-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-bg);margin:0}.fc-body{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.fc-list{padding-left:var(--space-5);margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.fc-list li{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.fc-note{font-size:var(--font-size-xs);color:var(--color-on-surface-muted);font-style:italic;margin:0}.m2s2-blog-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.m2s2-blog-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.m2s2-blog-card{padding:0;overflow:hidden}.bc-cover{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-raised);flex-shrink:0}.bc-cover-img{width:100%;height:100%;object-fit:cover}.bc-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bc-cover-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface-muted)}.bc-inner{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.bc-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-on-surface-muted)}.bc-reading-time{opacity:.8}.bc-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-bg);margin:0;line-height:1.3}.bc-title a{color:inherit;text-decoration:none}.bc-title a:hover{color:var(--color-secondary)}.bc-summary{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.bc-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bc-tag{font-size:var(--font-size-xs);padding:2px var(--space-2);border-radius:4px;background:var(--color-surface-raised);color:var(--color-on-surface-muted);border:1px solid var(--color-border)}.be-root{display:flex;flex-direction:column;gap:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.be-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-5);padding:var(--space-6);border-bottom:1px solid var(--color-border)}@media(max-width:640px){.be-meta{grid-template-columns:1fr}}.be-field{display:flex;flex-direction:column;gap:var(--space-2)}.be-field--full,.be-field--cover{grid-column:1/-1}.be-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em}.be-required{color:var(--color-error);margin-left:2px}.be-optional{color:var(--color-on-surface-muted);font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:0}.be-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.be-input::placeholder{color:var(--color-on-surface-muted)}.be-input:focus{outline:none;border-color:var(--color-primary)}.be-input:disabled{opacity:.5}.be-input--textarea{resize:vertical;line-height:1.6}.be-input--narrow{width:100px}.be-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:42px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.be-tags:focus-within{border-color:var(--color-primary)}.be-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-primary-dim, var(--color-primary));color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.be-tag__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.be-tag__remove:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.be-tag__remove{color:#fff;background:none;border-radius:50%;font-size:12px;line-height:1;padding:0}.be-tag__remove:hover{background:#fff3;color:#fff}.be-tag-input{flex:1;min-width:120px;border:none;background:none;outline:none;color:var(--color-on-surface);font-size:var(--font-size-sm)}.be-tag-input::placeholder{color:var(--color-on-surface-muted)}.be-cover{display:flex;align-items:center;gap:var(--space-4)}.be-cover__preview{width:120px;height:72px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.be-cover__pick{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.be-cover__pick:hover:not(:disabled){opacity:.85}.be-cover__pick:disabled{opacity:.5;cursor:not-allowed}.be-cover__pick{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.be-cover__pick:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.be-cover__pick{cursor:pointer;font-size:var(--font-size-sm)}.be-editor{display:flex;flex-direction:column;flex:1;min-height:520px}.be-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.be-toolbar__btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.be-toolbar__btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.be-toolbar__btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-mono, monospace);border-radius:var(--radius-sm)}.be-panes{display:grid;grid-template-columns:1fr 1fr;flex:1}@media(max-width:768px){.be-panes{grid-template-columns:1fr}}.be-pane{display:flex;flex-direction:column;overflow:hidden}.be-pane--write{border-right:1px solid var(--color-border)}@media(max-width:768px){.be-pane--write{border-right:none;border-bottom:1px solid var(--color-border)}}.be-pane__label{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.be-pane__textarea{flex:1;width:100%;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:none;outline:none;resize:none;color:var(--color-on-surface);font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);line-height:1.8;-moz-tab-size:2;tab-size:2}.be-pane__textarea::placeholder{color:var(--color-on-surface-muted)}.be-pane__preview{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6)}.prose{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:1.8;max-width:none}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:var(--space-6) 0 var(--space-3);line-height:1.3}.prose h2{font-size:var(--font-size-xl)}.prose h3{font-size:var(--font-size-lg)}.prose h4{font-size:var(--font-size-base)}.prose p{margin:0 0 var(--space-4)}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:var(--font-weight-semibold)}.prose em{font-style:italic}.prose code{font-family:var(--font-mono, monospace);font-size:.875em;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px}.prose pre{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);overflow-x:auto;margin:0 0 var(--space-4)}.prose pre code{background:none;border:none;padding:0;font-size:var(--font-size-sm)}.prose blockquote{border-left:3px solid var(--color-primary);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-on-surface-muted);font-style:italic}.prose ul,.prose ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.prose ul li,.prose ol li{margin-bottom:var(--space-2)}.prose img{max-width:100%;border-radius:var(--radius-md);margin:var(--space-4) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.be-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0;align-items:center;background:var(--color-surface-raised)}.be-footer__meta{margin:0 auto 0 0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;font-size:var(--font-size-xs)}.be-publish{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.be-publish:hover:not(:disabled){opacity:.85}.be-publish:disabled{opacity:.5;cursor:not-allowed}.be-publish{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.be-publish:disabled{opacity:.4;cursor:not-allowed}.table-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.dt-empty{padding:var(--space-10);text-align:center;color:var(--color-on-surface-muted);font-size:var(--font-size-sm);margin:0}.dt-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.dt-search{padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.dt-search::placeholder{color:var(--color-on-surface-muted)}.dt-search:focus{outline:none;border-color:var(--color-primary)}.dt-search{width:200px;flex-shrink:0}.dt-search::-webkit-search-cancel-button{cursor:pointer}.dt-pills{display:flex;gap:var(--space-1);flex-wrap:wrap}.dt-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.dt-pill:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.dt-pill--active{background:var(--color-primary-dim);border-color:var(--color-primary-dim);color:#fff}.dt-count{font-size:var(--font-size-xs);color:var(--color-on-surface-muted);white-space:nowrap;margin-right:auto}.dt-col-wrap{position:relative;margin-left:auto}.dt-col-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.dt-col-btn:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.dt-col-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);position:absolute;right:0;top:calc(100% + var(--space-1));display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-dropdown);min-width:140px}.dt-col-check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-on-surface);cursor:pointer}.dt-col-check input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary)}.dt-scroll{overflow-x:auto}@media(max-width:767px){.dt-search{width:100%}.dt-scroll{overflow-x:visible}}.sub-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.sub-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.sub-input::placeholder{color:var(--color-on-surface-muted)}.sub-input:focus{outline:none;border-color:var(--color-primary)}.sub-input:disabled{opacity:.5}.sub-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sub-btn:hover:not(:disabled){opacity:.85}.sub-btn:disabled{opacity:.5;cursor:not-allowed}.sub-btn{background:var(--gradient-brand-135);color:#fff;border-color:transparent;padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-semibold)}.sub-btn--unsub{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sub-btn--unsub:hover:not(:disabled){opacity:.85}.sub-btn--unsub:disabled{opacity:.5;cursor:not-allowed}.sub-btn--unsub{background:none;border:1px solid var(--color-on-surface-muted);color:var(--color-on-surface-muted);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.sub-btn--unsub:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error);opacity:1}.sub-feedback{font-size:var(--font-size-xs);margin:0}.sub-feedback--error{color:var(--color-error)}.sub-feedback--success{color:var(--color-success)}.sub-success{display:flex;align-items:center;gap:var(--space-3)}.sub-success-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success);font-size:var(--font-size-base);flex-shrink:0}.sub-success-text{font-size:var(--font-size-sm);color:var(--color-on-surface);margin:0}.sub-auth{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.sub-subscribed-label{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium)}.m2s2-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal, 300);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.m2s2-dialog-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:min(480px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.dialog-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.dialog-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.dialog-close:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.dialog-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.dialog-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.dialog-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn:hover:not(:disabled){opacity:.85}.dialog-btn:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--primary:hover:not(:disabled){opacity:.85}.dialog-btn--primary:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--primary{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.dialog-btn--secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--secondary:hover:not(:disabled){opacity:.85}.dialog-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--secondary{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.dialog-btn--secondary:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.dialog-btn--destructive{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--destructive:hover:not(:disabled){opacity:.85}.dialog-btn--destructive:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--destructive{background:#dc2626;color:#fff;border-color:transparent}.dialog-btn--ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--ghost:hover:not(:disabled){opacity:.85}.dialog-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--ghost{background:var(--color-surface-raised);color:var(--color-on-surface);border-color:var(--color-primary-dim, var(--color-primary))}.dialog-btn--ghost:hover:not(:disabled){background:var(--color-surface);opacity:1}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .2s ease}.dialog-fade-enter-active .m2s2-dialog-content,.dialog-fade-leave-active .m2s2-dialog-content{transition:transform .2s ease,opacity .2s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.dialog-fade-enter-from .m2s2-dialog-content,.dialog-fade-leave-to .m2s2-dialog-content{transform:scale(.96);opacity:0}.m2s2-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal, 300)}.m2s2-panel-content{position:fixed;top:0;bottom:0;z-index:var(--z-modal, 300);width:min(var(--panel-width, 480px),100vw);max-width:100vw;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.m2s2-panel-content--right{right:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.m2s2-panel-content--left{left:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:flex-start}.panel-header-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.panel-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.panel-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.5}.panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.panel-close:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.panel-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.panel-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6}.panel-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.panel-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn:hover:not(:disabled){opacity:.85}.panel-btn:disabled{opacity:.5;cursor:not-allowed}.panel-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--primary:hover:not(:disabled){opacity:.85}.panel-btn--primary:disabled{opacity:.5;cursor:not-allowed}.panel-btn--primary{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.panel-btn--secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--secondary:hover:not(:disabled){opacity:.85}.panel-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.panel-btn--secondary{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.panel-btn--secondary:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.panel-btn--destructive{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--destructive:hover:not(:disabled){opacity:.85}.panel-btn--destructive:disabled{opacity:.5;cursor:not-allowed}.panel-btn--destructive{background:#dc2626;color:#fff;border-color:transparent}.panel-btn--ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--ghost:hover:not(:disabled){opacity:.85}.panel-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.panel-btn--ghost{background:var(--color-surface-raised);color:var(--color-on-surface);border-color:var(--color-primary-dim, var(--color-primary))}.panel-btn--ghost:hover:not(:disabled){background:var(--color-surface);opacity:1}.panel-overlay-fade-enter-active,.panel-overlay-fade-leave-active{transition:opacity .2s ease}.panel-overlay-fade-enter-from,.panel-overlay-fade-leave-to{opacity:0}.panel-slide-right-enter-active,.panel-slide-right-leave-active{transition:transform .22s ease}.panel-slide-right-enter-from,.panel-slide-right-leave-to{transform:translate(100%)}.panel-slide-left-enter-active,.panel-slide-left-leave-active{transition:transform .22s ease}.panel-slide-left-enter-from,.panel-slide-left-leave-to{transform:translate(-100%)}@keyframes m2s2-spin{to{transform:rotate(360deg)}}.m2s2-btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:m2s2-spin .6s linear infinite;vertical-align:middle;margin-right:6px;opacity:.8;flex-shrink:0}
|
|
1
|
+
.m2s2-chat{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:500;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);pointer-events:none}.m2s2-chat>*{pointer-events:all}.chat-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.chat-toggle:hover:not(:disabled){opacity:.85}.chat-toggle:disabled{opacity:.5;cursor:not-allowed}.chat-toggle{background:var(--gradient-brand-135);color:#fff;border-color:transparent;width:52px;height:52px;border-radius:50%;padding:0;box-shadow:var(--shadow-md);flex-shrink:0}.chat-panel{display:flex;flex-direction:column;width:380px;max-height:520px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}@media(max-width:480px){.chat-panel{width:calc(100vw - var(--space-8));max-height:70vh}}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface-raised);gap:var(--space-3)}.chat-header__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3;font-size:var(--font-size-base);margin:0}.chat-header__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.5;margin:var(--space-1) 0 0;font-size:var(--font-size-xs)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.chat-empty{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;text-align:center;padding:var(--space-6) 0;margin:0}.chat-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;align-self:flex-end}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar--assistant{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-on-surface-muted)}.chat-avatar--user{background:var(--color-primary-dim, var(--color-primary));color:#fff}.chat-message{display:flex;align-items:flex-end;gap:var(--space-2);max-width:90%}.chat-message--user{align-self:flex-end}.chat-message--user .chat-message__text{background:var(--gradient-brand-135);color:#fff;border-radius:var(--radius-md) var(--radius-md) 2px var(--radius-md)}.chat-message--assistant{align-self:flex-start}.chat-message--assistant .chat-message__text{background:var(--color-surface-raised);color:var(--color-on-surface);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 2px}.chat-message__text{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-typing{display:flex;align-items:center;gap:4px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 2px}.chat-typing span{display:block;width:6px;height:6px;border-radius:50%;background:var(--color-on-surface-muted);animation:chat-bounce 1.2s infinite ease-in-out}.chat-typing span:nth-child(1){animation-delay:0s}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chat-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.chat-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-raised);text-align:center}.chat-cta__text{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;font-size:var(--font-size-xs);margin:0}.chat-cta__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.chat-cta__btn:hover:not(:disabled){opacity:.85}.chat-cta__btn:disabled{opacity:.5;cursor:not-allowed}.chat-cta__btn{background:var(--gradient-brand-135);color:#fff;border-color:transparent;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-5);text-decoration:none}.chat-input-row{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);flex-shrink:0}.chat-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.chat-input::placeholder{color:var(--color-on-surface-muted)}.chat-input:focus{outline:none;border-color:var(--color-primary)}.chat-input:disabled{opacity:.5}.chat-input{resize:none;max-height:120px;overflow-y:auto;line-height:1.5;padding:var(--space-2) var(--space-3)}.chat-send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.chat-send:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.chat-send{background:var(--gradient-brand-135);color:#fff;border-radius:var(--radius-md);flex-shrink:0}.chat-send:hover:not(:disabled){opacity:.85}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-error{font-size:var(--font-size-xs);color:var(--color-error);padding:0 var(--space-4) var(--space-2);margin:0}.m2s2-section-header{display:block;text-align:center;margin-bottom:var(--space-8)}.sh-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary);margin:0 0 var(--space-2)}.sh-subtitle{font-size:var(--font-size-lg);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.sr-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.sr-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1);padding:0 var(--space-4)}.sr-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);line-height:1}.sr-label{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.sr-divider{width:1px;height:40px;background:var(--color-border);flex-shrink:0}.m2s2-status-badge{display:inline-block;width:fit-content;padding:2px var(--space-2);border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.m2s2-status-badge[data-variant=pill]{padding:var(--space-1) var(--space-3);border-radius:999px}.m2s2-status-badge[data-status=received]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=reviewing]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-status-badge[data-status=in_conversation]{background:#a78bfa26;color:#a78bfa}.m2s2-status-badge[data-status=closed]{background:#9ca3af26;color:#9ca3af}.m2s2-status-badge[data-status=cancelled]{background:var(--color-error-bg);color:var(--color-error)}.m2s2-status-badge[data-status=resume-received]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=resume-pending]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-status-badge[data-status=resume-approved]{background:var(--color-success-bg);color:var(--color-success)}.m2s2-status-badge[data-status=resume-declined]{background:var(--color-error-bg);color:var(--color-error)}.m2s2-status-badge[data-status=auth]{background:#a78bfa26;color:#a78bfa}.m2s2-status-badge[data-status=signup]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=verified]{background:var(--color-success-bg);color:var(--color-success)}.m2s2-status-badge[data-status=unverified]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-page-header{display:block;text-align:center;margin-bottom:var(--space-12)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-on-bg);margin:0 0 var(--space-4)}@media(max-width:767px){.page-title{font-size:var(--font-size-2xl)}}.page-subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted);margin:0}@media(max-width:767px){.page-subtitle{font-size:var(--font-size-base)}}.m2s2-cta-section{padding:var(--space-12) 0}.cta-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid transparent;border-image:var(--gradient-brand) 1;text-align:center}@media(min-width:768px){.cta-card{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-8) var(--space-10);gap:var(--space-8)}}.cta-text{display:flex;flex-direction:column;gap:var(--space-3)}.cta-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-on-bg);margin:0}@media(min-width:768px){.cta-title{font-size:var(--font-size-2xl)}}.cta-body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted);margin:0;max-width:540px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.cta-btn:hover:not(:disabled){opacity:.85}.cta-btn:disabled{opacity:.5;cursor:not-allowed}.cta-btn{min-height:var(--touch-target-min, 44px);padding:var(--space-3) var(--space-8);border-radius:var(--radius-sm, 6px);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--gradient-brand-135);color:#fff}.cta-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.cta-btn:active{transform:translateY(0)}.cta-btn{flex-shrink:0}.ps-steps{display:flex;align-items:flex-start;gap:var(--space-2);list-style:none;padding:0;margin:0}@media(max-width:991px){.ps-steps{flex-direction:column;gap:var(--space-4)}}.ps-step{flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-raised);border-radius:8px}@media(max-width:991px){.ps-step{width:100%}}.ps-num{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--color-secondary)}.ps-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-on-bg)}.ps-desc{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted)}.ps-divider{display:flex;align-items:center;padding-top:var(--space-6);color:var(--color-primary);font-size:var(--font-size-lg);flex-shrink:0;list-style:none}@media(max-width:991px){.ps-divider{display:none}}.m2s2-footer{width:100%;min-height:var(--footer-height, 48px);background-color:var(--color-nav-bg);color:var(--color-on-nav);border-top:2px solid transparent;border-image:var(--gradient-brand) 1}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:center;min-height:var(--footer-height, 48px)}@media(min-width:576px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-2) var(--space-6)}}.footer-copy{font-size:var(--font-size-sm);opacity:.85}.footer-social{display:flex;align-items:center;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity var(--transition-fast),transform var(--transition-fast)}.social-link:hover{opacity:1;transform:translateY(-2px)}.social-icon{width:24px;height:24px;flex-shrink:0;fill:currentColor;color:var(--color-secondary)}.navbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:var(--nav-height, 64px);background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);box-shadow:0 1px 0 0 var(--color-primary-dim);transform:translateY(0);transition:background .2s ease,box-shadow .2s ease,backdrop-filter .2s ease,transform .3s ease}.navbar--scrolled{background:color-mix(in srgb,var(--color-nav-bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 0 var(--color-primary-dim),0 4px 24px #00000059}.navbar--hidden{transform:translateY(-100%)}.navbar--fixed{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav, 100)}.navbar-brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.navbar-brand-logo{height:48px;width:auto}.navbar-brand-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-nav)}.navbar-spacer{flex:1}.navbar-desktop{display:flex;align-items:center;gap:var(--space-1)}@media(max-width:991px){.navbar-desktop{display:none}}.navbar-nav-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-nav);text-decoration:none;background:none;border:none;cursor:pointer;letter-spacing:.02em;transition:color var(--transition-fast),background var(--transition-fast)}.navbar-nav-btn:hover{color:var(--color-secondary);background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08))}.navbar-nav-btn--dropdown{gap:var(--space-1)}.navbar-chevron{font-size:.7em;opacity:.7}.navbar-dropdown-wrap{position:relative}.navbar-dropdown-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + var(--space-1));right:0;min-width:180px;z-index:var(--z-dropdown, 200);display:flex;flex-direction:column;gap:var(--space-1)}.navbar-dropdown-user{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);border-bottom:1px solid var(--color-border);pointer-events:none}.navbar-dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-on-surface);text-decoration:none;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background var(--transition-fast)}.navbar-dropdown-item:hover{background:var(--color-surface-raised)}.navbar-dropdown-img{width:20px;height:20px;border-radius:50%;object-fit:cover}.navbar-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-icon-btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.navbar-icon-btn{color:var(--color-on-nav)}.navbar-icon-btn:hover{background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08));color:var(--color-secondary)}.navbar-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-dim);display:block}.navbar-account-icon{width:24px;height:24px}.navbar-mobile-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-mobile-btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.navbar-mobile-btn{color:var(--color-on-nav);display:none}@media(max-width:991px){.navbar-mobile-btn{display:flex}}.navbar-hamburger{display:block;width:20px;height:2px;background:currentColor;position:relative;transition:background var(--transition-fast)}.navbar-hamburger:before,.navbar-hamburger:after{content:"";display:block;width:20px;height:2px;background:currentColor;position:absolute;left:0;transition:transform var(--transition-fast),top var(--transition-fast)}.navbar-hamburger:before{top:-6px}.navbar-hamburger:after{top:6px}.navbar-hamburger--open{background:transparent}.navbar-hamburger--open:before{top:0;transform:rotate(45deg)}.navbar-hamburger--open:after{top:0;transform:rotate(-45deg)}.navbar-mobile-menu{position:fixed;top:var(--nav-height, 64px);left:0;right:0;background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-nav, 100);padding:var(--space-2) 0}.navbar-mobile-link{display:block;padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);color:var(--color-on-nav);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-mobile-link:hover{background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08));color:var(--color-secondary)}.m2s2-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.m2s2-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.m2s2-card{padding:var(--space-8) var(--space-10)}@media(max-width:767px){.m2s2-card{padding:var(--space-6) var(--space-5)}}.m2s2-card.featured{border-color:var(--color-primary);background:var(--color-surface-raised)}.m2s2-card[data-variant=raised]{background:var(--color-surface-raised)}.m2s2-card[data-variant=accent]{background:var(--color-surface-raised);border-left:3px solid var(--color-primary);border-radius:10px}.fc-header{display:flex;align-items:center;gap:var(--space-3)}.fc-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.fc-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-bg);margin:0}.fc-body{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.fc-list{padding-left:var(--space-5);margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.fc-list li{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.fc-note{font-size:var(--font-size-xs);color:var(--color-on-surface-muted);font-style:italic;margin:0}.m2s2-blog-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.m2s2-blog-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.m2s2-blog-card{padding:0;overflow:hidden}.bc-cover{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-raised);flex-shrink:0}.bc-cover-img{width:100%;height:100%;object-fit:cover}.bc-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bc-cover-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface-muted)}.bc-inner{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.bc-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-on-surface-muted)}.bc-reading-time{opacity:.8}.bc-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-bg);margin:0;line-height:1.3}.bc-title a{color:inherit;text-decoration:none}.bc-title a:hover{color:var(--color-secondary)}.bc-summary{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.bc-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bc-tag{font-size:var(--font-size-xs);padding:2px var(--space-2);border-radius:4px;background:var(--color-surface-raised);color:var(--color-on-surface-muted);border:1px solid var(--color-border)}.be-root{display:flex;flex-direction:column;gap:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.be-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-5);padding:var(--space-6);border-bottom:1px solid var(--color-border)}@media(max-width:640px){.be-meta{grid-template-columns:1fr}}.be-field{display:flex;flex-direction:column;gap:var(--space-2)}.be-field--full,.be-field--cover{grid-column:1/-1}.be-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em}.be-required{color:var(--color-error);margin-left:2px}.be-optional{color:var(--color-on-surface-muted);font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:0}.be-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.be-input::placeholder{color:var(--color-on-surface-muted)}.be-input:focus{outline:none;border-color:var(--color-primary)}.be-input:disabled{opacity:.5}.be-input--textarea{resize:vertical;line-height:1.6}.be-input--narrow{width:100px}.be-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:42px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.be-tags:focus-within{border-color:var(--color-primary)}.be-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-primary-dim, var(--color-primary));color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.be-tag__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.be-tag__remove:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.be-tag__remove{color:#fff;background:none;border-radius:50%;font-size:12px;line-height:1;padding:0}.be-tag__remove:hover{background:#fff3;color:#fff}.be-tag-input{flex:1;min-width:120px;border:none;background:none;outline:none;color:var(--color-on-surface);font-size:var(--font-size-sm)}.be-tag-input::placeholder{color:var(--color-on-surface-muted)}.be-cover{display:flex;align-items:center;gap:var(--space-4)}.be-cover__preview{width:120px;height:72px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.be-cover__pick{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.be-cover__pick:hover:not(:disabled){opacity:.85}.be-cover__pick:disabled{opacity:.5;cursor:not-allowed}.be-cover__pick{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.be-cover__pick:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.be-cover__pick{cursor:pointer;font-size:var(--font-size-sm)}.be-editor{display:flex;flex-direction:column;flex:1;min-height:520px}.be-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.be-toolbar__btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.be-toolbar__btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.be-toolbar__btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-mono, monospace);border-radius:var(--radius-sm)}.be-panes{display:grid;grid-template-columns:1fr 1fr;flex:1}@media(max-width:768px){.be-panes{grid-template-columns:1fr}}.be-pane{display:flex;flex-direction:column;overflow:hidden}.be-pane--write{border-right:1px solid var(--color-border)}@media(max-width:768px){.be-pane--write{border-right:none;border-bottom:1px solid var(--color-border)}}.be-pane__label{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.be-pane__textarea{flex:1;width:100%;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:none;outline:none;resize:none;color:var(--color-on-surface);font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);line-height:1.8;-moz-tab-size:2;tab-size:2}.be-pane__textarea::placeholder{color:var(--color-on-surface-muted)}.be-pane__preview{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6)}.prose{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:1.8;max-width:none}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:var(--space-6) 0 var(--space-3);line-height:1.3}.prose h2{font-size:var(--font-size-xl)}.prose h3{font-size:var(--font-size-lg)}.prose h4{font-size:var(--font-size-base)}.prose p{margin:0 0 var(--space-4)}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:var(--font-weight-semibold)}.prose em{font-style:italic}.prose code{font-family:var(--font-mono, monospace);font-size:.875em;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px}.prose pre{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);overflow-x:auto;margin:0 0 var(--space-4)}.prose pre code{background:none;border:none;padding:0;font-size:var(--font-size-sm)}.prose blockquote{border-left:3px solid var(--color-primary);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-on-surface-muted);font-style:italic}.prose ul,.prose ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.prose ul li,.prose ol li{margin-bottom:var(--space-2)}.prose img{max-width:100%;border-radius:var(--radius-md);margin:var(--space-4) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.be-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0;align-items:center;background:var(--color-surface-raised)}.be-footer__meta{margin:0 auto 0 0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;font-size:var(--font-size-xs)}.be-publish{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.be-publish:hover:not(:disabled){opacity:.85}.be-publish:disabled{opacity:.5;cursor:not-allowed}.be-publish{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.be-publish:disabled{opacity:.4;cursor:not-allowed}.table-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.dt-empty{padding:var(--space-10);text-align:center;color:var(--color-on-surface-muted);font-size:var(--font-size-sm);margin:0}.dt-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.dt-search{padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.dt-search::placeholder{color:var(--color-on-surface-muted)}.dt-search:focus{outline:none;border-color:var(--color-primary)}.dt-search{width:200px;flex-shrink:0}.dt-search::-webkit-search-cancel-button{cursor:pointer}.dt-pills{display:flex;gap:var(--space-1);flex-wrap:wrap}.dt-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.dt-pill:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.dt-pill--active{background:var(--color-primary-dim);border-color:var(--color-primary-dim);color:#fff}.dt-count{font-size:var(--font-size-xs);color:var(--color-on-surface-muted);white-space:nowrap;margin-right:auto}.dt-col-wrap{position:relative;margin-left:auto}.dt-col-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.dt-col-btn:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.dt-col-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);position:absolute;right:0;top:calc(100% + var(--space-1));display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-dropdown);min-width:140px}.dt-col-check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-on-surface);cursor:pointer}.dt-col-check input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary)}.dt-scroll{overflow-x:auto}@media(max-width:767px){.dt-search{width:100%}.dt-scroll{overflow-x:visible}}.sub-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.sub-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.sub-input::placeholder{color:var(--color-on-surface-muted)}.sub-input:focus{outline:none;border-color:var(--color-primary)}.sub-input:disabled{opacity:.5}.sub-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sub-btn:hover:not(:disabled){opacity:.85}.sub-btn:disabled{opacity:.5;cursor:not-allowed}.sub-btn{background:var(--gradient-brand-135);color:#fff;border-color:transparent;padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-semibold)}.sub-btn--unsub{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sub-btn--unsub:hover:not(:disabled){opacity:.85}.sub-btn--unsub:disabled{opacity:.5;cursor:not-allowed}.sub-btn--unsub{background:none;border:1px solid var(--color-on-surface-muted);color:var(--color-on-surface-muted);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.sub-btn--unsub:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error);opacity:1}.sub-feedback{font-size:var(--font-size-xs);margin:0}.sub-feedback--error{color:var(--color-error)}.sub-feedback--success{color:var(--color-success)}.sub-success{display:flex;align-items:center;gap:var(--space-3)}.sub-success-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success);font-size:var(--font-size-base);flex-shrink:0}.sub-success-text{font-size:var(--font-size-sm);color:var(--color-on-surface);margin:0}.sub-auth{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.sub-subscribed-label{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium)}.m2s2-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal, 300);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.m2s2-dialog-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:min(480px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.dialog-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.dialog-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.dialog-close:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.dialog-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.dialog-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.dialog-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn:hover:not(:disabled){opacity:.85}.dialog-btn:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--primary:hover:not(:disabled){opacity:.85}.dialog-btn--primary:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--primary{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.dialog-btn--secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--secondary:hover:not(:disabled){opacity:.85}.dialog-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--secondary{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.dialog-btn--secondary:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.dialog-btn--destructive{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--destructive:hover:not(:disabled){opacity:.85}.dialog-btn--destructive:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--destructive{background:#dc2626;color:#fff;border-color:transparent}.dialog-btn--ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--ghost:hover:not(:disabled){opacity:.85}.dialog-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--ghost{background:var(--color-surface-raised);color:var(--color-on-surface);border-color:var(--color-primary-dim, var(--color-primary))}.dialog-btn--ghost:hover:not(:disabled){background:var(--color-surface);opacity:1}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .2s ease}.dialog-fade-enter-active .m2s2-dialog-content,.dialog-fade-leave-active .m2s2-dialog-content{transition:transform .2s ease,opacity .2s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.dialog-fade-enter-from .m2s2-dialog-content,.dialog-fade-leave-to .m2s2-dialog-content{transform:scale(.96);opacity:0}.m2s2-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal, 300)}.m2s2-panel-content{position:fixed;top:0;bottom:0;z-index:var(--z-modal, 300);width:min(var(--panel-width, 480px),100vw);max-width:100vw;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.m2s2-panel-content--right{right:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.m2s2-panel-content--left{left:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:flex-start}.panel-header-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.panel-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.panel-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.5}.panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.panel-close:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.panel-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.panel-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6}.panel-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.panel-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn:hover:not(:disabled){opacity:.85}.panel-btn:disabled{opacity:.5;cursor:not-allowed}.panel-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--primary:hover:not(:disabled){opacity:.85}.panel-btn--primary:disabled{opacity:.5;cursor:not-allowed}.panel-btn--primary{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.panel-btn--secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--secondary:hover:not(:disabled){opacity:.85}.panel-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.panel-btn--secondary{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.panel-btn--secondary:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.panel-btn--destructive{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--destructive:hover:not(:disabled){opacity:.85}.panel-btn--destructive:disabled{opacity:.5;cursor:not-allowed}.panel-btn--destructive{background:#dc2626;color:#fff;border-color:transparent}.panel-btn--ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--ghost:hover:not(:disabled){opacity:.85}.panel-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.panel-btn--ghost{background:var(--color-surface-raised);color:var(--color-on-surface);border-color:var(--color-primary-dim, var(--color-primary))}.panel-btn--ghost:hover:not(:disabled){background:var(--color-surface);opacity:1}.panel-overlay-fade-enter-active,.panel-overlay-fade-leave-active{transition:opacity .2s ease}.panel-overlay-fade-enter-from,.panel-overlay-fade-leave-to{opacity:0}.panel-slide-right-enter-active,.panel-slide-right-leave-active{transition:transform .22s ease}.panel-slide-right-enter-from,.panel-slide-right-leave-to{transform:translate(100%)}.panel-slide-left-enter-active,.panel-slide-left-leave-active{transition:transform .22s ease}.panel-slide-left-enter-from,.panel-slide-left-leave-to{transform:translate(-100%)}@keyframes m2s2-spin{to{transform:rotate(360deg)}}.m2s2-btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:m2s2-spin .6s linear infinite;vertical-align:middle;margin-right:6px;opacity:.8;flex-shrink:0}.m2s2-dropdown__item{display:block}.m2s2-dropdown__link{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:14px;color:var(--color-text);background:none;border:none;text-align:left;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease}.m2s2-dropdown__link:hover{background:var(--color-surface-overlay);color:var(--color-secondary)}.m2s2-dropdown__link--disabled{opacity:.5;cursor:not-allowed}.m2s2-dropdown__link img{width:20px;height:20px;object-fit:contain}.m2s2-dropdown{position:relative;display:inline-block}.m2s2-dropdown__trigger{cursor:pointer}.m2s2-dropdown__menu{position:absolute;top:calc(100% + 4px);z-index:var(--z-dropdown, 200);min-width:160px;padding:4px 0;list-style:none;margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);box-shadow:0 8px 24px #0000004d}.m2s2-dropdown__menu--left{left:0}.m2s2-dropdown__menu--right{right:0}
|
package/package.json
CHANGED
package/dist/index41.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./index8.cjs");;/* empty css */module.exports=e;
|
package/dist/index41.mjs
DELETED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|