:root{--ink-darkest: #1a1a1a;--ink-dark: #2d2d2d;--ink-medium: #5a5a5a;--ink-light: #8c8c8c;--paper-dark: #ece5d4;--paper-light: #f5f0e8;--paper-white: #faf8f2;--vermilion: #c0392b;--vermilion-dark: #9b2335;--vermilion-light: #e8a098;--ink-blue: #2c5f6e;--bamboo-green: #8fbc8f;--gold: #b8860b;--border-color: #d4cdbc;--shadow-color: rgba(26, 26, 26, .08);--shadow-hover: rgba(26, 26, 26, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-title: "Noto Serif SC", "STSong", "SimSun", "KaiTi", serif;--font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--ink-dark);background-color:var(--paper-light);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;line-height:1.3;color:var(--ink-darkest)}a{color:var(--ink-blue);text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,textarea{font-family:var(--font-body);color:var(--ink-dark)}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--paper-dark)}::-webkit-scrollbar-thumb{background:var(--ink-light);border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;transition:all var(--transition-fast);position:relative;overflow:hidden;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--vermilion);color:var(--paper-white);border:1px solid var(--vermilion-dark)}.btn-primary:hover{background-color:var(--vermilion-dark);box-shadow:0 2px 8px #c0392b4d}.btn-secondary{background-color:transparent;color:var(--ink-dark);border:1px solid var(--ink-medium)}.btn-secondary:hover{border-color:var(--ink-dark);background-color:#1a1a1a0a}.btn-ghost{background-color:transparent;color:var(--ink-medium);border:1px solid transparent}.btn-ghost:hover{color:var(--ink-dark);background-color:#1a1a1a0a}.btn-sm{padding:4px 12px;font-size:.8rem}.btn-icon{width:36px;height:36px;padding:0;border-radius:50%}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(0,0,0,.12) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.btn:active:after{opacity:1}.panel{background-color:var(--paper-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 1px 4px var(--shadow-color);overflow:hidden}.panel-header{padding:12px 16px;border-bottom:1px solid var(--border-color);font-family:var(--font-title);font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:space-between}.panel-body{padding:16px}.input-underline{width:100%;padding:8px 4px;font-size:.95rem;background:transparent;border:none;border-bottom:1.5px solid var(--border-color);outline:none;transition:border-color var(--transition-fast)}.input-underline:focus{border-bottom-color:var(--ink-blue)}.input-underline::placeholder{color:var(--ink-light)}.seal{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:var(--vermilion);color:var(--paper-white);font-size:.6rem;font-weight:700;font-family:var(--font-title);border:1px solid var(--vermilion-dark);transform:rotate(-5deg)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--ink-light)}.dot-connected{background:var(--bamboo-green)}.dot-disconnected{background:var(--vermilion)}.dot-connecting{background:var(--gold);animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.4}50%{opacity:1}}.loading-spinner{width:36px;height:36px;border:3px solid var(--paper-dark);border-top-color:var(--ink-dark);border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ink-in{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.msg-enter{animation:ink-in .4s ease-out}.ink-dot{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(26,26,26,.06) 0%,transparent 70%);pointer-events:none}.separator{height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent);margin:16px 0}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 640px){.desktop-only{display:none!important}.mobile-panel-header{padding:4px 8px!important;font-size:.72rem!important}.mobile-panel-body{padding:6px 8px!important}}@media (min-width: 641px){.mobile-only{display:none!important}}