@font-face{font-family:Slate Mo;src:url(/fonts/slate_mo.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Slate Mo Bold;src:url(/fonts/slate_mo_0.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--web-entry-page-bg: #1c1c1c;--web-entry-panel-light: #d9d7d2;--web-entry-panel-dark: #222222;--web-entry-panel-blank: #dfddd8;--web-entry-accent: #67c4ea;--web-entry-text-dark: #262626;--web-entry-text-muted: #575757;--web-entry-language-bg: rgba(18, 18, 18, .88);--web-entry-language-border: rgba(255, 255, 255, .08);--web-entry-language-text: #f5f5f5;--web-entry-brand-width: 580px;--web-entry-brand-zh-width: 246px}.web-entry{position:relative;min-height:100%;overflow:clip;background:linear-gradient(90deg,#ffffff0a,#fff0),var(--web-entry-page-bg);color:var(--web-entry-text-dark);isolation:isolate}.web-entry__atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.web-entry__atmosphere--mesh{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.02),transparent 36%,rgba(255,255,255,.015))}.web-entry__atmosphere--grain{opacity:.06;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:6px 6px,6px 6px;mix-blend-mode:overlay}.web-entry__atmosphere--streak:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 13.4%,rgba(255,255,255,.05) 13.5%,transparent 13.6%),linear-gradient(90deg,transparent 46.4%,rgba(255,255,255,.04) 46.5%,transparent 46.6%),linear-gradient(90deg,transparent 81.1%,rgba(255,255,255,.05) 81.2%,transparent 81.3%)}.web-entry__topbar{position:absolute;top:20px;right:24px;z-index:3}.web-entry__language{position:relative}.web-entry__language-trigger{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 12px;border:1px solid var(--web-entry-language-border);border-radius:14px;background:var(--web-entry-language-bg);color:var(--web-entry-language-text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.web-entry__language-trigger:hover{background:#1e1e1ef0}.web-entry__language-trigger-label{font-family:Aptos,Trebuchet MS,Microsoft YaHei UI,sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em}.web-entry__language-menu{position:absolute;top:calc(100% + 10px);right:0;display:grid;gap:8px;min-width:188px;padding:10px;border:1px solid var(--web-entry-language-border);border-radius:16px;background:#101010f5;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.web-entry__language-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border-radius:12px;background:transparent;color:var(--web-entry-language-text);text-align:left}.web-entry__language-item:hover,.web-entry__language-item[data-selected=true]{background:#67c4ea29}.web-entry__language-item-name{font-family:Aptos,Trebuchet MS,Microsoft YaHei UI,sans-serif;font-size:14px;font-weight:700}.web-entry__language-item-code{color:#ffffffad;font-family:Bahnschrift,Aptos,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.web-entry__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,700px) minmax(320px,560px) minmax(220px,1fr);gap:0;width:100%;min-height:100vh;padding:0}.web-entry__panel{min-height:100vh}.web-entry__panel--light{display:flex;flex-direction:column;gap:28px;padding:80px 36px 40px;background:var(--web-entry-panel-light)}.web-entry__panel--dark{display:flex;flex-direction:column;gap:18px;padding:100px 24px 40px;background:var(--web-entry-panel-dark)}.web-entry__panel--blank{background:var(--web-entry-panel-blank)}.web-entry__panel--light,.web-entry__panel--dark,.web-entry__panel--blank{box-shadow:inset 1px 0 #ffffff06}.web-entry__intro{display:flex;flex-direction:column;gap:12px}.web-entry__brand-latin,.web-entry__brand-zh,.web-entry__title,.web-entry__subtitle,.web-entry__feature-list,.web-entry__tips-title,.web-entry__tips-card p,.web-entry__action-note,.web-entry__discord-card h2,.web-entry__discord-card p{margin:0}.web-entry__brand{display:flex;flex-direction:column;gap:10px;width:var(--web-entry-brand-width);max-width:var(--web-entry-brand-width);flex:0 0 auto}.web-entry__brand-latin{color:var(--web-entry-text-dark);font-family:Slate Mo Bold,Arial Black,Segoe UI Black,sans-serif;width:var(--web-entry-brand-width);max-width:var(--web-entry-brand-width);font-size:200px;font-weight:900;line-height:.86;letter-spacing:0;text-transform:uppercase}.web-entry__brand-zh{box-sizing:border-box;display:flex;align-items:flex-end;justify-content:flex-start;width:var(--web-entry-brand-zh-width);min-width:var(--web-entry-brand-zh-width);min-height:98px;padding:14px 5px;background:#262626;color:var(--web-entry-panel-light);font-family:Microsoft YaHei UI,PingFang SC,Segoe UI,sans-serif;font-size:70px;font-weight:800;line-height:1;letter-spacing:.02em;white-space:nowrap}.web-entry__title{max-width:640px;color:var(--web-entry-text-dark);font-family:Microsoft YaHei UI,PingFang SC,Segoe UI,sans-serif;font-size:clamp(30px,2.8vw,58px);font-weight:900;line-height:1.02}.web-entry__subtitle,.web-entry__feature-list,.web-entry__tips-card p,.web-entry__discord-card p,.web-entry__action-note{font-family:Aptos,Trebuchet MS,PingFang SC,Microsoft YaHei UI,sans-serif}.web-entry__subtitle{max-width:560px;color:var(--web-entry-text-muted);font-size:clamp(18px,1.35vw,21px);line-height:1.52}.web-entry__feature-list{display:grid;gap:8px;margin:4px 0 0;padding:0;color:var(--web-entry-text-muted);font-size:18px;line-height:1.45;list-style:none}.web-entry__feature-list li:before{content:"- "}.web-entry__tips-card{width:min(100%,590px);margin-top:8px;padding:18px 18px 30px;background:#ceccc8;box-shadow:inset 0 -12px #2f2f2f}.web-entry__tips-title{margin-bottom:14px;color:#353535;font-family:Microsoft YaHei UI,PingFang SC,Aptos,sans-serif;font-size:clamp(26px,2.2vw,56px);font-weight:500;line-height:1}.web-entry__tips-card p{color:#565656;font-size:14px;line-height:1.48}.web-entry__action-group{display:flex;flex-direction:column;gap:4px}.web-entry__actions{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.web-entry__action-stack{display:flex;flex:0 0 auto;flex-direction:column;gap:4px;width:236px}.web-entry__action{display:inline-flex;align-items:flex-end;justify-content:flex-end;min-width:236px;min-height:74px;padding:10px 16px 12px;border-radius:8px;background:var(--web-entry-accent);color:#262626;font-family:Microsoft YaHei UI,PingFang SC,Segoe UI,sans-serif;font-size:clamp(22px,1.7vw,30px);font-weight:800;line-height:1;text-decoration:none;text-align:right;transition:transform .18s ease,filter .18s ease}.web-entry__action--secondary{min-width:258px}.web-entry__action:hover{transform:translateY(-1px);background:var(--web-entry-accent);filter:brightness(1.02)}.web-entry__action:active{background:var(--web-entry-accent)}.web-entry__action-note{width:100%;color:var(--web-entry-accent);font-size:16px;font-weight:500;line-height:1.2}.web-entry__discord-card{display:flex;flex-direction:column;gap:18px;width:100%;max-width:520px;padding:24px 20px 26px;border-radius:8px;background:var(--web-entry-accent);color:inherit;text-decoration:none;transition:transform .18s ease,filter .18s ease}.web-entry__discord-card:hover{transform:translateY(-1px);filter:brightness(1.01)}.web-entry__discord-card h2{color:#282828;font-family:Microsoft YaHei UI,PingFang SC,Segoe UI,sans-serif;font-size:clamp(32px,2.7vw,60px);font-weight:900;line-height:1}.web-entry__discord-card p{max-width:432px;color:#37545e;font-size:15px;line-height:1.68}.web-entry--latin .web-entry__title{max-width:520px;font-family:Slate Mo,Segoe UI,sans-serif;font-size:clamp(26px,2.4vw,48px);line-height:.98;letter-spacing:0}.web-entry--latin .web-entry__subtitle{max-width:520px;font-size:17px;line-height:1.42}.web-entry--latin .web-entry__feature-list{font-size:17px}.web-entry--latin .web-entry__action{font-family:Slate Mo,Segoe UI,sans-serif;font-size:clamp(18px,1.45vw,24px);letter-spacing:0}.web-entry--latin .web-entry__discord-card h2{font-family:Slate Mo,Segoe UI,sans-serif;font-size:clamp(22px,2vw,38px);line-height:1.04}.web-entry--latin .web-entry__discord-card p{max-width:392px;font-size:14px;line-height:1.55}@media (max-width: 1440px){.web-entry__layout{grid-template-columns:minmax(640px,1.08fr) minmax(320px,.92fr)}.web-entry__panel--light{padding-top:72px}.web-entry__panel--dark{padding-top:96px}.web-entry__panel--blank{display:none}}@media (max-width: 1180px){.web-entry__layout{grid-template-columns:1fr}.web-entry__panel--light,.web-entry__panel--dark{min-height:auto}.web-entry__panel--light{padding:72px 26px 36px}.web-entry__panel--dark{padding:36px 26px}}@media (max-width: 860px){.web-entry__topbar{top:14px;right:16px}.web-entry__layout{grid-template-columns:1fr;gap:16px;padding:68px 0 0}.web-entry__panel{min-height:auto}.web-entry__panel--light,.web-entry__panel--dark{padding:28px 18px 24px}.web-entry__brand-zh{min-width:0;width:fit-content;max-width:none;font-size:clamp(42px,9vw,64px);padding:14px 16px 12px;min-height:0}.web-entry__brand{width:100%;max-width:100%}.web-entry__brand-latin{width:100%;max-width:100%;font-size:clamp(96px,24vw,176px)}.web-entry__tips-card,.web-entry__discord-card{max-width:none;width:100%}.web-entry__actions{display:grid;grid-template-columns:1fr}.web-entry__action-stack,.web-entry__action,.web-entry__action--secondary,.web-entry__action-note{width:100%;min-width:0}}:root{--mica-bg: rgba(20, 20, 25, .8);--mica-bg-solid: #1e1e23;--mica-blur: blur(20px) saturate(120%);--mica-border: rgba(255, 255, 255, .08);--mica-shadow: 0 4px 30px rgba(0, 0, 0, .3);--mica-shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--primary: #137fec;--primary-hover: #1a8fff;--primary-active: #0d6ecc;--primary-bg: rgba(19, 127, 236, .2);--primary-border: rgba(19, 127, 236, .4);--bg-primary: #0f1318;--bg-secondary: #111a22;--bg-tertiary: rgba(255, 255, 255, .05);--bg-elevated: rgba(255, 255, 255, .08);--app-bg: var(--bg-primary);--surface-color: var(--mica-bg-solid);--surface-hover: rgba(255, 255, 255, .1);--border-color: var(--mica-border);--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-disabled: #4b5563;--accent: var(--primary);--accent-hover: var(--primary-hover);--danger: #ef4444;--danger-hover: #f87171;--success: #22c55e;--warning: #f59e0b;--border: var(--mica-border);--border-subtle: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .12);--divider: rgba(255, 255, 255, .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--z-canvas: 0;--z-panels: 40;--z-header: 50;--z-overlay: 1000;--z-modal: 2000;--z-dropdown: 3000;--z-popover: 4000;--z-tooltip: 5000;--danger-bg: rgba(239, 68, 68, .1);--success-bg: rgba(34, 197, 94, .1);--warning-bg: rgba(245, 158, 11, .1);--pattern-light: #ffffff;--pattern-dark: #e5e5e5}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--app-bg);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;width:100%;height:100%}.workspace{display:flex;flex:1;overflow:hidden}.loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;color:var(--text-secondary)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}button{background:transparent;color:var(--text-primary);border:none;border-radius:var(--radius-md);padding:6px 12px;cursor:pointer;font-size:13px;font-family:inherit;outline:none;transition:background-color .15s ease,color .15s ease}button:hover{background:var(--surface-hover)}button:active{background:var(--bg-elevated)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=number]{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:13px;font-family:inherit}input:focus{outline:none;border-color:var(--primary)}.mica-panel{background-color:var(--mica-bg);backdrop-filter:var(--mica-blur);-webkit-backdrop-filter:var(--mica-blur);border:1px solid var(--mica-border);box-shadow:var(--mica-shadow);border-radius:var(--radius-xl)}.mica-panel-header{height:40px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.mica-panel-header h2,.mica-panel-header h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-btn.active{background:var(--primary-bg);color:var(--primary)}.tool-btn-fluent{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.tool-btn-fluent:hover{background:var(--surface-hover);color:var(--text-primary)}.tool-btn-fluent.active{background:var(--primary-bg);color:var(--primary)}.tool-btn-fluent.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:24px;background:var(--primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.mica-divider{width:24px;height:1px;background:var(--divider);margin:4px auto}html.web-entry-mode,body.web-entry-mode,#root.web-entry-mode{overflow:auto}body.web-entry-mode{touch-action:auto;-webkit-user-select:auto;user-select:auto}