:root{--ink-black: #1a1a1a;--ink-dark: #3d3d3d;--ink-medium: #6b6b6b;--ink-light: #9e9e9e;--ink-wash: #d4cfc7;--cinnabar: #c04040;--cinnabar-light: #e57373;--celadon: #5b8c5a;--celadon-light: #81c784;--indigo: #4a5b7a;--amber: #c7924a;--gold: #b8954a;--seal-red: #b33030;--paper-white: #faf7f2;--paper-warm: #f5efe0;--paper-aged: #ede4d0;--paper-dark: #e3d9c5;--bamboo: #c4a46c;--bamboo-light: #d4bc8c;--bamboo-dark: #a07840;--font-song: "Noto Serif SC", "STSong", "SimSun", "宋体", serif;--font-kai: "ZCOOL XiaoWei", "KaiTi", "STKaiti", "楷体", serif;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--ease-ink: .25s cubic-bezier(.4, 0, .2, 1);--ease-scroll: .4s cubic-bezier(.25, .46, .45, .94)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;height:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);color:var(--ink-dark);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;overflow-x:hidden;max-width:100vw;padding-bottom:env(safe-area-inset-bottom,0);background-color:var(--paper-white);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(180,160,130,.03) 2px,rgba(180,160,130,.03) 4px),radial-gradient(ellipse at 20% 80%,rgba(180,160,130,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(180,160,130,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(200,180,150,.04) 0%,transparent 70%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E");background-size:256px}.song-title{font-family:var(--font-song);letter-spacing:.05em}.kai-quote{font-family:var(--font-kai);font-style:normal}.seal{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid var(--seal-red);color:var(--seal-red);font-family:var(--font-song);font-size:14px;font-weight:700;border-radius:3px;transform:rotate(-3deg);position:relative}.seal:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px solid var(--seal-red);border-radius:2px;opacity:.3}.seal--green{border-color:var(--celadon);color:var(--celadon)}.seal--green:after{border-color:var(--celadon)}.ink-divider{height:2px;background:linear-gradient(90deg,transparent 0%,var(--ink-wash) 15%,var(--ink-medium) 50%,var(--ink-wash) 85%,transparent 100%);margin:var(--space-4) 0;border:none;opacity:.4}.bamboo-card{background:linear-gradient(180deg,#faf7f2,#f5efe0,#faf7f2 6%,#f5efe0);border-left:3px solid var(--bamboo-light);border-right:1px solid var(--bamboo-light);border-radius:var(--radius-md);padding:var(--space-4);position:relative;box-shadow:0 1px 3px #0000000f,inset 0 1px #ffffff80}.bamboo-card:before{content:"";position:absolute;top:12px;bottom:12px;left:16px;width:1px;background:linear-gradient(180deg,transparent,rgba(160,120,60,.2),transparent)}.scroll-container{background:var(--paper-warm);border:1px solid var(--paper-dark);border-radius:var(--radius-lg);padding:var(--space-5);position:relative;box-shadow:0 2px 8px #0000000a,inset 0 0 40px #c8b49614}.scroll-container:before,.scroll-container:after{content:"";position:absolute;left:8px;right:8px;height:4px;background:linear-gradient(180deg,var(--bamboo-dark),var(--bamboo),var(--bamboo-dark));border-radius:2px}.scroll-container:before{top:-2px}.scroll-container:after{bottom:-2px}.stamp-mark{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;font-family:var(--font-kai);font-size:12px;font-weight:700;letter-spacing:.1em;transform:rotate(-2deg);border:2px solid;border-radius:2px;position:relative}.stamp-mark:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid currentColor;border-radius:1px;opacity:.25}@keyframes ink-spread{0%{opacity:0;transform:scale(.95);filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes seal-stamp{0%{transform:rotate(-8deg) scale(1.3);opacity:0}60%{transform:rotate(1deg) scale(.95);opacity:1}to{transform:rotate(-3deg) scale(1);opacity:1}}@keyframes scroll-unfold{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.ink-enter{animation:ink-spread .4s var(--ease-ink)}.seal-stamp{animation:seal-stamp .5s var(--ease-scroll)}.scroll-unfold{animation:scroll-unfold .5s var(--ease-scroll)}.ink-select{width:100%;padding:var(--space-3);border:none;border-bottom:2px solid var(--ink-wash);background:transparent;font-family:var(--font-body);font-size:var(--text-base);color:var(--ink-dark);outline:none;cursor:pointer;transition:border-color var(--ease-ink);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b6b6b' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.ink-select:focus{border-bottom-color:var(--ink-dark)}.ink-select option{background:var(--paper-white);color:var(--ink-dark);font-family:var(--font-body);padding:var(--space-2) var(--space-3)}.ink-select--cinnabar{border-bottom-color:var(--cinnabar-light)}.ink-select--cinnabar:focus{border-bottom-color:var(--cinnabar)}.ink-input{width:100%;padding:var(--space-3);border:none;border-bottom:2px solid var(--ink-wash);background:transparent;font-family:var(--font-body);font-size:var(--text-base);color:var(--ink-dark);outline:none;transition:border-color var(--ease-ink)}.ink-input:focus{border-bottom-color:var(--ink-dark)}.ink-input::placeholder{color:var(--ink-light)}input[type=date].ink-input,input[type=number].ink-input{color-scheme:light}input[type=date].ink-input::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;filter:grayscale(.6)}.btn-ink{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);font-family:var(--font-kai);font-size:var(--text-sm);border:2px solid var(--ink-dark);background:transparent;color:var(--ink-dark);cursor:pointer;transition:all var(--ease-ink);position:relative;overflow:hidden}.btn-ink:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink-dark);transform:scaleX(0);transform-origin:left;transition:transform var(--ease-ink)}.btn-ink:hover:before{transform:scaleX(1)}.btn-ink:hover{color:var(--paper-white)}.btn-ink span{position:relative;z-index:1}.btn-cinnabar{border-color:var(--cinnabar);background:var(--cinnabar);color:var(--paper-white)}.btn-cinnabar:before{background:var(--seal-red)}.metric-label{font-family:var(--font-kai);font-size:var(--text-xs);color:var(--ink-medium);letter-spacing:.05em}.metric-value{font-family:var(--font-song);font-size:var(--text-lg);font-weight:700;color:var(--ink-dark)}a{color:var(--ink-dark);text-decoration:none}button,.btn-ink,.ink-select,.ink-input,a[role=button],[onclick]{min-height:44px;touch-action:manipulation}.btn-ink{min-height:44px;padding-top:var(--space-2);padding-bottom:var(--space-2)}@media (max-width: 360px){.scroll-container,.bamboo-card{padding:var(--space-3)}body{font-size:14px}}html{scroll-behavior:smooth}::selection{background:#5b8c5a33;color:var(--ink-dark)}