:root{--color-brand: #3285ff;--color-brand-hover: #2570e6;--color-brand-active: #1a5fc4;--color-page: #fff;--color-surface: #fff;--color-border: #e4e9f2;--color-field-border: #e5e5e5;--color-text: #333;--color-text-muted: #808080;--color-note-text: #000;--color-danger: #c9302c;--portal-row-width: 367px;--portal-button-width: 109px;--portal-control-height: 37px;--portal-control-radius: 3px;--portal-toolbar-height: 38px;--portal-font: 14px;--portal-label-font: 13px;--portal-note-font: 17.5px;--portal-page-top: 107px;--portal-remember-gap: 13px;--portal-note-gap: 104px;--portal-gutter: clamp(16px, 3vw, 32px);--portal-row-max: calc(100vw - var(--portal-gutter) * 2);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{color:var(--color-text);background:var(--color-page);font-family:Arial,Microsoft YaHei,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{min-width:0;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}#app{min-height:100dvh}