:root{--c-paper: #e9eeec;--c-paper-deep: #dbe4e0;--c-surface: #f5f9f7;--c-surface-alt: #e2eae6;--c-ink: #1c2624;--c-ink-soft: #48544f;--c-ink-faint: #82918b;--c-accent: #2c4a63;--c-accent-deep: #1f374a;--c-accent-soft: rgba(44, 74, 99, .09);--c-accent-tint: #dbe4ea;--c-gold: #a08c5c;--c-gold-soft: #cabb90;--c-line: #bdccc4;--c-line-faint: #d3ddd6;--c-on-accent: #f1f5f3;--font-serif: "Songti SC", "STSong", "SimSun", "Noto Serif SC", serif;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--radius: 3px;--radius-lg: 5px;--shadow-soft: 0 1px 2px rgba(28, 38, 36, .07);--shadow-card: 0 2px 6px rgba(28, 38, 36, .09);--safe-bottom: env(safe-area-inset-bottom, 0px);--page-max: 480px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--c-ink);background-color:var(--c-paper);background-image:repeating-linear-gradient(45deg,rgba(44,74,99,.05) 0,rgba(44,74,99,.05) 1px,transparent 1px,transparent 17px),repeating-linear-gradient(-45deg,rgba(44,74,99,.05) 0,rgba(44,74,99,.05) 1px,transparent 1px,transparent 17px);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{max-width:var(--page-max);margin:0 auto;min-height:100vh;background-color:var(--c-paper);position:relative}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;color:var(--c-ink);letter-spacing:.02em;margin:0}a{color:var(--c-accent);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:15px;color:var(--c-ink)}.page{padding:16px 18px calc(28px + var(--safe-bottom));min-height:100vh}.page-title{font-family:var(--font-serif);font-size:21px;position:relative;padding-left:12px}.page-title:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--c-accent)}.section-hint{color:var(--c-ink-faint);font-size:13px;margin-top:4px}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.scroll-card{position:relative;background:var(--c-surface);border-top:2px solid var(--c-gold-soft);border-bottom:2px solid var(--c-gold-soft);border-left:1px solid var(--c-line);border-right:1px solid var(--c-line)}.scroll-card:before,.scroll-card:after{content:"";position:absolute;left:-3px;right:-3px;height:7px;border-radius:4px;background:var(--c-gold-soft);box-shadow:inset 0 0 0 1px var(--c-gold)}.scroll-card:before{top:-4.5px}.scroll-card:after{bottom:-4.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--c-gold);background:var(--c-surface);color:var(--c-ink);border-radius:var(--radius);padding:11px 18px;font-size:15px;transition:background .15s ease,opacity .15s ease}.btn:active{opacity:.82}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--c-accent);border-color:var(--c-accent-deep);color:var(--c-on-accent)}.btn-block{display:flex;width:100%}.field{margin-bottom:16px}.field-label{display:block;font-size:14px;color:var(--c-ink-soft);margin-bottom:7px;font-weight:500}.field-label .req{color:var(--c-accent);margin-left:2px}.input,.select,.textarea{width:100%;border:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--radius);padding:11px 12px;outline:none;transition:border-color .15s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-gold)}.textarea{resize:vertical;min-height:88px;line-height:1.6}.field-error{color:var(--c-accent);font-size:12.5px;margin-top:6px}.seg{display:flex;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden}.seg-item{flex:1;text-align:center;padding:10px 4px;background:var(--c-surface);color:var(--c-ink-soft);border-left:1px solid var(--c-line-faint);font-size:14px}.seg-item:first-child{border-left:none}.seg-item.active{background:var(--c-accent);color:var(--c-on-accent)}.switch-row{display:flex;align-items:center;justify-content:space-between}.switch{width:46px;height:26px;border-radius:13px;border:1px solid var(--c-line);background:var(--c-surface-alt);position:relative;transition:background .18s ease,border-color .18s ease;flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--c-surface);box-shadow:0 1px 2px #0003;transition:transform .18s ease}.switch.on{background:var(--c-accent);border-color:var(--c-accent-deep)}.switch.on:after{transform:translate(20px)}.notice{border:1px solid var(--c-line);border-left:3px solid var(--c-gold);background:var(--c-surface-alt);border-radius:var(--radius);padding:10px 12px;font-size:13px;color:var(--c-ink-soft)}.notice-error{border-left-color:var(--c-accent);color:var(--c-accent-deep)}.fade-enter-active{transition:opacity .28s ease,transform .28s ease}.fade-leave-active{transition:opacity .16s ease}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0}.text-faint{color:var(--c-ink-faint)}.text-accent{color:var(--c-accent)}.divider{height:1px;background:var(--c-line-faint);margin:16px 0}.center-col{display:flex;flex-direction:column;align-items:center}