:root{--bg: #F6F7F9;--surface: #FFFFFF;--surface-2: #F1F3F6;--ink: #0E1726;--ink-2: #2A3340;--muted: #5A6573;--muted-2: #8A93A1;--border: #E5E7EB;--border-strong: #C8CFD8;--primary: #0F2A4A;--primary-ink: #0A1F38;--accent: #1E4FBF;--accent-ink: #1741A4;--accent-soft: #E8EEFB;--accent-faint: #F4F7FE;--success: #0E7C4A;--success-soft: #E4F3EB;--warning: #B07A12;--warning-soft: #FBF1DC;--danger: #B23A30;--danger-soft: #FAE7E5;--font-sans: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);background:#eceae3;color:var(--ink);-webkit-font-smoothing:antialiased}.tw-screen{width:100%;height:100%;background:var(--bg);font-family:var(--font-sans);color:var(--ink);letter-spacing:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.tw-screen.dark{background:#07101e;color:#fff}.tw-safe-top{height:60px;flex-shrink:0}.tw-safe-bot{height:34px;flex-shrink:0}.tw-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font-family:var(--font-sans);font-size:17px;font-weight:600;padding:18px 24px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease;min-height:56px;letter-spacing:.01em}.tw-btn:active{transform:scale(.985)}.tw-btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px #0000000f,0 8px 24px -10px #0f2a4a80}.tw-btn-primary:hover{background:var(--primary-ink)}.tw-btn-accent{background:var(--accent);color:#fff;box-shadow:0 1px #0000000f,0 8px 24px -10px #1e4fbf8c}.tw-btn-secondary{background:#fff;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--border)}.tw-btn-ghost{background:transparent;color:var(--muted)}.tw-btn-block{width:100%}.tw-appbar{display:flex;align-items:center;padding:14px 18px;gap:14px;font-size:17px;font-weight:600;color:var(--ink);flex-shrink:0}.tw-appbar .tw-back{width:36px;height:36px;border-radius:999px;background:#0000000a;display:flex;align-items:center;justify-content:center}.tw-card{background:#fff;border-radius:var(--r-lg);box-shadow:0 1px #0f17260a,0 1px 2px #0f17260d}.tw-mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1,"ss01" 1}.tw-label-sm{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.tw-cam{flex:1;position:relative;background:radial-gradient(ellipse at 50% 30%,#ffffff0d,#0000 60%),linear-gradient(180deg,#0b1626,#050a14);overflow:hidden}.tw-cam-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.04) 0,transparent 30%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.03) 0,transparent 30%);opacity:1;pointer-events:none}.tw-cam-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.7'/></svg>")}.tw-cam-bg-doc{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;filter:blur(1.5px) brightness(.85)}@keyframes tw-pulse{0%,to{opacity:1}50%{opacity:.55}}.tw-pulse{animation:tw-pulse 1.6s ease-in-out infinite}@keyframes tw-spin{to{transform:rotate(360deg)}}.tw-spin{animation:tw-spin 1s linear infinite}.tw-diff-card{background:#fff;border-radius:14px;padding:16px 16px 18px;position:relative;box-shadow:0 1px #0f17260a,0 1px 2px #0f17260a}@keyframes tw-shutter{0%{box-shadow:0 0 #ffffff59}60%,to{box-shadow:0 0 0 22px #fff0}}.tw-shutter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;animation:tw-shutter 2.4s ease-out infinite;pointer-events:none}@keyframes tw-rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.tw-rise{animation:tw-rise .35s cubic-bezier(.2,.7,.2,1) both}@keyframes tw-check-draw{0%{stroke-dashoffset:60}to{stroke-dashoffset:0}}.tw-check path{stroke-dasharray:60;stroke-dashoffset:0;animation:tw-check-draw .55s .15s ease-out both}@keyframes tw-ring-grow{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.tw-ring{animation:tw-ring-grow .45s cubic-bezier(.2,1.1,.3,1) both}@keyframes tw-burst{0%{transform:translate(0) scale(.6);opacity:0}35%{opacity:1}to{transform:translate(var(--dx,0),var(--dy,0)) scale(1);opacity:0}}.tw-confetti span{position:absolute;width:6px;height:6px;border-radius:2px;animation:tw-burst 1.3s ease-out forwards}.tw-rail-left{position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:2px}.redpen-row{display:flex;align-items:flex-end;justify-content:center;flex-wrap:nowrap;padding:4px 6px 6px;position:relative}.redpen-stack{display:inline-flex;flex-direction:column;align-items:center;line-height:1;position:relative}.redpen-annot{display:flex;flex-direction:column;align-items:center;line-height:1;margin-bottom:2px;pointer-events:none;height:32px;justify-content:flex-end}.redpen-annot-empty{visibility:hidden}.redpen-annot-text{font-family:Caveat,Marker Felt,cursive;font-size:28px;font-weight:700;color:#d11a1a;transform:rotate(-5deg);letter-spacing:.02em;text-shadow:0 .5px 0 rgba(180,10,10,.2)}.redpen-annot-arrow{font-size:13px;line-height:1;color:#d11a1a;font-weight:700;margin-top:1px}.redpen-char{font-family:var(--font-mono);font-size:22px;font-weight:500;color:var(--ink);padding:2px 3px;position:relative;letter-spacing:.01em;z-index:0}.redpen-char.space{padding:0 3px}.redpen-char.wrong{font-weight:600}.redpen-char.wrong:before{content:"";position:absolute;top:0;right:-3px;bottom:0;left:-3px;background:linear-gradient(96deg,#ff505000 2%,#ff28288c 12%,#e61414b8,#ff28288c 88%,#ff505000 98%);border-radius:3px;transform:skew(-4deg);mix-blend-mode:multiply;z-index:-1;box-shadow:inset 0 -2px #b40a0a2e}.redpen-char.wrong:after{content:"";position:absolute;left:-2px;right:-1px;top:5px;height:60%;background:#ff3c3c2e;border-radius:1px;transform:skew(-6deg) rotate(-1deg);mix-blend-mode:multiply;z-index:-1}.redpen-char.struck{color:#0f17268c}.redpen-char.struck:before{content:"";position:absolute;left:-3px;right:-3px;top:52%;height:2.5px;background:linear-gradient(90deg,#d11a1ab3,#b40a0af2,#d11a1ab3);transform:rotate(-3deg);border-radius:2px;box-shadow:0 .5px #b40a0a40;z-index:1;pointer-events:none}.redpen-char.struck:after{content:"";position:absolute;left:-1px;right:0;top:46%;height:1px;background:#d11a1a59;transform:rotate(-4deg);border-radius:2px;z-index:1;pointer-events:none}.redpen-char.is-insert{padding:0 1px 3px;min-width:12px;display:inline-flex;align-items:flex-end;justify-content:center;font-size:22px;line-height:1}.redpen-char.is-insert svg{display:block}.redpen-confirm{margin-top:14px;display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--success-soft);border-radius:10px}.acard{width:250px;background:#fbfbfa;border-radius:12px;border:1px solid rgba(15,23,38,.08);overflow:hidden;box-shadow:0 6px 18px -6px #0f17262e,0 1px 2px #0f17260d;position:relative;font-family:var(--font-sans)}.acard-header{padding:9px 14px 8px;background:linear-gradient(135deg,#0f2a4a,#1e4fbf);color:#fff;position:relative}.acard-title{font-size:10px;font-weight:700;letter-spacing:.18em;font-family:var(--font-mono)}.acard-subtitle{font-size:9px;opacity:.65;margin-top:1px;letter-spacing:.04em}.acard-stamp{position:absolute;top:8px;right:12px;font-family:var(--font-mono);font-size:7px;font-weight:700;letter-spacing:.12em;color:#ffffffd9;padding:2px 6px;border:1px solid rgba(255,255,255,.4);border-radius:3px;transform:rotate(2deg)}.acard-body{padding:6px 14px 12px}.acard-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px dotted rgba(15,23,38,.07);min-height:26px}.acard-row:last-child{border-bottom:none}.acard-label{font-size:8px;font-weight:600;color:#0f17268c;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0}.acard-value{font-family:var(--font-mono);font-size:11px;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:5px;letter-spacing:.02em}.acard-ok{display:inline-flex;width:8px;height:8px;border-radius:999px;background:var(--success);flex-shrink:0}.acard-value-shimmer{height:10px;border-radius:3px;background:linear-gradient(90deg,#0f172612,#0f172624,#0f172612);background-size:220% 100%;animation:tw-shimmer-bar 1.6s ease-in-out infinite}@keyframes tw-shimmer-bar{0%{background-position:100% 0}to{background-position:-120% 0}}.lens-wrap{position:absolute;left:0;top:0;pointer-events:none;will-change:transform;filter:drop-shadow(0 6px 14px rgba(15,23,38,.22))}.lens-glass{position:absolute;border-radius:50%;overflow:hidden;background:#fbfbfa}.lens-content{position:absolute;transform-origin:0 0;will-change:left,top}.lens-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse 60% 35% at 32% 25%,rgba(255,255,255,.55),transparent 70%),radial-gradient(circle at 50% 50%,transparent 55%,rgba(120,150,200,.1) 100%);box-shadow:inset 0 0 0 1px #b4c8e159,inset 0 2px 6px #ffffff80}.lens-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.shimmer-stage{height:26px;display:flex;align-items:center;justify-content:center;position:relative}.shimmer-text{font-size:17px;font-weight:600;letter-spacing:.02em;background:linear-gradient(100deg,#0f172652,#0f172652 38%,#1e4fbf,#0f172652 62%,#0f172652);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:tw-shimmer-sweep 2.6s linear infinite;white-space:nowrap}@keyframes tw-shimmer-sweep{0%{background-position:220% 0}to{background-position:-120% 0}}@keyframes tw-fade-swap{0%,to{opacity:0;transform:translateY(4px)}15%,85%{opacity:1;transform:none}}.shimmer-text.swap{animation:tw-shimmer-sweep 2.6s linear infinite,tw-fade-swap 2.6s ease-in-out forwards}.tw-action-bar{padding:12px 18px 18px;background:linear-gradient(180deg,#f6f7f900,#f6f7f9 30%);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.tw-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.tw-tag-accent{background:var(--accent-soft);color:var(--accent-ink)}.tw-tag-success{background:var(--success-soft);color:var(--success)}.tw-tag-warn{background:var(--warning-soft);color:var(--warning)}.tw-tag-muted{background:#0000000a;color:var(--muted)}html,body,#root{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden}body{background:var(--bg)}#root>.tw-screen{width:100vw;height:100dvh}.tw-safe-top{height:env(safe-area-inset-top,60px);min-height:24px}.tw-safe-bot{height:env(safe-area-inset-bottom,34px);min-height:16px}.tw-cam-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}.tw-copy-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;letter-spacing:.04em;border-radius:999px;background:#0000000d;color:var(--muted-2);transition:background-color .22s ease,color .22s ease,transform .18s cubic-bezier(.34,1.56,.64,1);line-height:1}.tw-copy-pill svg{display:block;flex-shrink:0}.tw-copy-pill.copied{background:var(--success-soft);color:var(--success);transform:scale(1.08);animation:tw-copy-bounce 1.4s ease-out forwards}.tw-copy-pill.copied svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:tw-copy-check .32s ease-out 60ms forwards}.tw-copy-pill.error{background:var(--danger-soft);color:var(--danger)}@keyframes tw-copy-bounce{0%{transform:scale(.92)}18%{transform:scale(1.12)}40%{transform:scale(1)}to{transform:scale(1)}}@keyframes tw-copy-check{to{stroke-dashoffset:0}}button:has(.tw-copy-pill):active{opacity:.7;transition:opacity 60ms}