:root{--color-page: #f8f0dc;--color-page-deep: #f1e6cc;--color-surface: #fffdf6;--color-surface-warm: #fdf5e1;--color-subtle: #faf3e0;--color-muted: #f3ead2;--color-text: #4d4237;--color-text-secondary: #7d6f5d;--color-text-muted: #a89a83;--color-border: #e6d9bb;--color-border-muted: #eee3ca;--color-primary: #eebc4e;--color-primary-hover: #e5ad35;--color-primary-soft: #fcf0cf;--color-primary-deep: #c8922a;--color-primary-text: #8a6516;--color-on-primary: #5d4713;--color-accent: #f0a89e;--color-accent-soft: #fcebe7;--color-accent-deep: #c96f63;--color-sage: #a8bfa0;--color-sage-soft: #eaf2e3;--color-success: #7d9c62;--color-success-soft: #ecf3e0;--color-warning: #c98a2b;--color-warning-soft: #faeecd;--color-danger: #d96a5f;--color-danger-hover: #c2554b;--color-danger-soft: #fbe5e0;--shadow-card: 0 1px 2px rgba(151, 124, 66, .07), 0 6px 16px rgba(151, 124, 66, .12);--shadow-lifted: 0 2px 4px rgba(151, 124, 66, .08), 0 14px 30px rgba(151, 124, 66, .16);--shadow-menu: 0 10px 28px rgba(151, 124, 66, .18);--shadow-overlay: 0 24px 64px rgba(94, 74, 35, .26);--shadow-inset: inset 0 2px 5px rgba(151, 124, 66, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--header-height: 64px;--page-width: 1200px;--reading-width: 760px;--focus-ring: 0 0 0 3px rgba(238, 188, 78, .4);--font-hand: "LXGW WenKai", "LXGW WenKai GB", "Kaiti SC", "STKaiti", "KaiTi", "楷体", serif;--font-sans: "LXGW WenKai", "Kaiti SC", "STKaiti", "KaiTi", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--color-page);color-scheme:light}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background-color:var(--color-page);background-image:var(--paper-grain),radial-gradient(1100px 480px at 50% -120px,rgba(255,238,195,.75),transparent 72%);color:var(--color-text);font-family:var(--font-hand);font-size:15px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{margin:0;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}a{color:var(--color-primary-text)}img,video,canvas,svg{display:block;max-width:100%}h1,h2,h3,p{overflow-wrap:anywhere}::selection{background:#eebc4e59}:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(max-width:767px){:root{--header-height: 56px}input,textarea,select{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#app{min-height:100vh}.app-shell{width:min(calc(100% - 64px),var(--page-width));margin:0 auto}.app-main{min-height:100vh;padding-top:calc(var(--header-height) + var(--space-7));padding-bottom:var(--space-8)}.page-heading{margin-bottom:var(--space-6)}.page-heading h1{margin:0;font-size:32px;line-height:1.25;font-weight:700;letter-spacing:.02em}.page-heading p{margin:var(--space-2) 0 0;color:var(--color-text-secondary)}.surface{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);background-image:var(--paper-grain);box-shadow:var(--shadow-card)}.tape{position:absolute;top:-12px;left:50%;z-index:2;width:96px;height:26px;border-radius:2px;background:linear-gradient(180deg,#f7d67ac7,#eebc4eb8);box-shadow:0 2px 5px #977c4233;clip-path:polygon(2% 6%,98% 0%,100% 94%,1% 100%);transform:translate(-50%) rotate(-3deg);pointer-events:none}.tape--pink{background:linear-gradient(180deg,#facdc4cc,#f0a89ebd)}.tape--stripes{background:repeating-linear-gradient(45deg,#f7d67ad1 0,#f7d67ad1 9px,#fffbeed1 9px,#fffbeed1 18px)}.tape--left{left:42px;transform:rotate(-8deg)}.tape--right{left:auto;right:42px;transform:rotate(6deg)}.stitch{border:0;border-top:2px dashed var(--color-border)}.form-field{display:grid;gap:var(--space-2)}.form-field>span{color:var(--color-text);font-size:14px;font-weight:700}.app-input,.app-textarea,.app-select{width:100%;min-height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffef9;color:var(--color-text);padding:8px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:var(--shadow-inset);transition:border-color .14s ease,box-shadow .14s ease}.app-textarea{resize:vertical}.app-input:hover,.app-textarea:hover,.app-select:hover{border-color:var(--color-text-muted)}.app-input:focus,.app-textarea:focus,.app-select:focus{border-color:var(--color-primary);outline:none;box-shadow:var(--shadow-inset),var(--focus-ring)}.app-input::placeholder,.app-textarea::placeholder{color:var(--color-text-muted)}.field-error{margin:0;color:var(--color-danger);font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1199px){.app-shell{width:min(calc(100% - 48px),var(--page-width))}}@media(max-width:767px){.app-shell{width:calc(100% - 32px)}.app-main{padding-top:calc(var(--header-height) + var(--space-5));padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom,0px))}.page-heading{margin-bottom:var(--space-5)}.page-heading h1{font-size:26px}}.toast-region[data-v-51f31c15]{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:7000;width:min(360px,calc(100vw - 32px));display:grid;gap:8px}.toast[data-v-51f31c15]{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;background-color:var(--color-surface-warm);background-image:var(--paper-grain);color:var(--color-text);box-shadow:var(--shadow-menu);text-align:left;cursor:pointer}.toast--success[data-v-51f31c15]{border-left:4px solid var(--color-success)}.toast--error[data-v-51f31c15]{border-left:4px solid var(--color-danger)}.toast-enter-active[data-v-51f31c15],.toast-leave-active[data-v-51f31c15]{transition:opacity .16s ease,transform .16s ease}.toast-enter-from[data-v-51f31c15],.toast-leave-to[data-v-51f31c15]{opacity:0;transform:translateY(8px)}@media(max-width:767px){.toast-region[data-v-51f31c15]{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}