:root{--paper:#f7f3ea;--paper-warm:#fbf8f0;--bg:#e7e1d3;--ink:#2e2b26;--ink-soft:#6e6759;--ink-faint:#a79f8e;--sage:#9baf94;--sage-deep:#7d947a;--clay:#c9926f;--mist:#a6b8c2;--butter:#e9d6a5;--blush:#d7a39c;--line:#dcd5c4;--font:"Yuanti SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-hand:"HanziPen SC", "Yuanti SC", "PingFang SC", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;margin:0;padding:0}a{color:inherit;text-decoration:none}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.7}.page{background:var(--paper);max-width:430px;min-height:100vh;padding:30px 26px calc(40px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.page:after{content:"";pointer-events:none;z-index:5;opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");position:absolute;inset:0}.page:before{content:"";pointer-events:none;z-index:4;background-image:repeating-linear-gradient(0deg,#78695008 0 1px,#0000 1px 4px);position:absolute;inset:0}.brand{z-index:6;align-items:center;gap:9px;display:flex;position:relative}.brand-cross{flex:none;width:26px;height:26px;position:relative}.brand-cross svg{width:100%;height:100%;display:block}.brand-name{letter-spacing:.5px;font-size:15px;font-weight:600}.brand-sub{color:var(--ink-faint);letter-spacing:2px;margin-left:auto;font-size:11px}.back-link{background:var(--paper-warm);border:1.6px solid var(--line);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin-right:2px;transition:border-color .15s,background .15s;display:flex}.back-link:active{border-color:var(--sage);background:#f2eee2}.back-link svg{width:16px;height:16px;display:block}.quote-line{z-index:6;margin-top:13px;position:relative}.quote-line .q-wrap{background:#fdfaf2b8;border:1px dashed #a2988242;border-radius:13px 17px 12px 16px/15px 12px 17px 13px;padding:9px 13px 7px;transition:opacity .42s}.quote-line .q{font-family:var(--font-hand);letter-spacing:1.2px;color:#8f8778;margin:0;font-size:13px;font-style:italic;line-height:1.65}.quote-line .q-long{letter-spacing:1px;font-size:12.2px;line-height:1.6}.quote-line .q-from{font-family:var(--font-hand);letter-spacing:.8px;color:#b3aa98;text-align:right;margin:3px 0 0;font-size:12px;font-style:italic}.title{font-family:var(--font-hand);letter-spacing:1.5px;z-index:6;margin:0;font-size:31px;font-weight:400;line-height:1.55;position:relative}.sub{color:var(--ink-soft);z-index:6;margin:10px 0 0;font-size:14px;line-height:1.9;position:relative}.hand{font-family:var(--font-hand);color:var(--ink-faint);letter-spacing:1.5px;z-index:6;font-size:15px;display:inline-block;position:relative}.btn{cursor:pointer;background:var(--sage);color:#fffdf8;letter-spacing:2.5px;width:100%;font-size:17px;font-family:var(--font-hand);text-align:center;z-index:6;border:none;border-radius:26px 30px 24px 32px/30px 24px 32px 26px;padding:15px;font-weight:400;transition:background .15s,transform .1s;display:block;position:relative;box-shadow:0 2px #6e7d6947}.btn:active{background:var(--sage-deep);transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{color:var(--sage-deep);border:2px solid var(--sage);box-shadow:none;background:0 0}.btn-row{gap:10px;display:flex}.btn-sm{letter-spacing:1.5px;padding:13px;font-size:15px}.hall{justify-content:space-between;min-height:100vh}.hall-mid{z-index:6;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.hall-title{font-family:var(--font-hand);letter-spacing:2px;margin:0;font-size:33px;font-weight:400;line-height:1.6}.hall-brand{color:var(--ink-faint);letter-spacing:3px;margin-top:14px;font-size:12px}.hall-quote{color:var(--ink-soft);letter-spacing:1px;margin:20px 0 0;font-size:15px;line-height:2.1}.hall-actions{z-index:6;flex-direction:column;gap:14px;display:flex;position:relative}.hall-foot{text-align:center;z-index:6;margin:14px 0 0;position:relative}.sketch{z-index:6;position:relative}.sketch svg{width:100%;height:auto;display:block;overflow:visible}.field-label{color:var(--ink-faint);letter-spacing:1.5px;z-index:6;margin-bottom:10px;font-size:12px;position:relative}.dept-grid{z-index:6;flex-wrap:wrap;gap:10px;margin:18px 0 0;display:flex;position:relative}.dept{letter-spacing:1px;color:var(--ink);background:var(--paper-warm);border:1.6px solid var(--line);cursor:pointer;font-size:14px;font-family:var(--font);border-radius:16px 20px 15px 19px/19px 15px 20px 16px;padding:9px 17px;transition:all .15s}.dept.active{background:var(--sage);border-color:var(--sage-deep);color:#fffdf8}.dept-hint{color:var(--ink-faint);letter-spacing:.5px;z-index:6;min-height:18px;margin-top:12px;font-size:12px;position:relative}.write-box{z-index:6;background:var(--paper-warm);border:1.6px solid var(--line);border-radius:22px 28px 20px 26px/26px 20px 28px 22px;margin-top:22px;padding:20px 18px 14px;position:relative}.write-box textarea{resize:none;width:100%;font-family:var(--font-hand);color:var(--ink);letter-spacing:1px;background:repeating-linear-gradient(#0000 0 33px,#968a7029 33px 34px);border:none;outline:none;height:136px;font-size:17px;line-height:34px}.write-box textarea::placeholder{color:#bfb7a4}.counter{text-align:right;color:var(--ink-faint);letter-spacing:1px;font-size:12px}.switch-row{z-index:6;border-top:1.6px dashed var(--line);align-items:center;gap:14px;margin-top:22px;padding-top:20px;display:flex;position:relative}.switch-text{letter-spacing:1px;font-size:14.5px;font-weight:600}.switch-note{color:var(--ink-faint);letter-spacing:.4px;margin-top:3px;font-size:12px;display:block}.switch{cursor:pointer;background:#dcd6c6;border:none;border-radius:20px;flex:none;width:56px;height:32px;padding:0;transition:background .2s,box-shadow .2s;position:relative;box-shadow:inset 0 0 0 1.6px #968c7861}.switch:after{content:"";background:#fffdf8;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 2px #5046322e}.switch.on{background:var(--sage);box-shadow:inset 0 0 0 1.6px #7d947a80}.switch.on:after{transform:translate(24px)}.switch:active:after{width:27px}.box-stage{flex-direction:column;justify-content:center;align-items:center;display:flex}.mailbox{background:var(--sage);border:2.8px solid var(--ink);transform-origin:50% 92%;border-radius:18px 22px 16px 20px/20px 16px 22px 18px;width:150px;height:118px;position:relative}.mailbox:before{content:"";background:#2e2b26d1;border-radius:8px;width:76px;height:13px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.mailbox:after{content:"";background:var(--ink);width:6px;height:12px;box-shadow:88px 0 0 var(--ink);border-radius:3px;position:absolute;bottom:-10px;left:26px}.mailbox.shaking{animation:3s cubic-bezier(.36,.07,.19,.97) both boxShake}@keyframes boxShake{0%{transform:rotate(0)}8%{transform:rotate(-3deg)}16%{transform:rotate(3.4deg)}24%{transform:rotate(-4.2deg)}32%{transform:rotate(4.6deg)}40%{transform:rotate(-5deg)}48%{transform:rotate(5.2deg)}56%{transform:rotate(-5.6deg)}64%{transform:rotate(5.8deg)}72%{transform:rotate(-6deg)}80%{transform:rotate(5.4deg)}88%{transform:rotate(-4deg)}94%{transform:rotate(2deg)}to{transform:rotate(0)}}.paper-ball{border:2.2px solid var(--ink);background:#fdfbf3;border-radius:50%;width:54px;height:54px;animation:.64s cubic-bezier(.2,.8,.3,1) forwards ballOut;position:absolute;top:46%;left:50%}@keyframes ballOut{0%{opacity:0;transform:translate(-50%,10px)scale(.2)rotate(0)}35%{opacity:1;transform:translate(-50%,-72px)scale(1)rotate(120deg)}70%{opacity:1;transform:translate(-50%,-30px)scale(.95)rotate(240deg)}to{opacity:0;transform:translate(-50%,120px)scale(.9)rotate(330deg)}}.stage-hint{color:var(--ink-faint);letter-spacing:2px;margin-top:24px;font-size:13px}.skip-link{color:var(--ink-faint);cursor:pointer;font-size:13px;font-family:var(--font-hand);letter-spacing:1px;background:0 0;border:none;margin-top:12px;text-decoration:underline}.note-paper{z-index:6;transform-origin:50% 0;background:#fdfbf3 repeating-linear-gradient(#0000 0 37px,#968a7029 37px 38px) 0 27px;border-radius:3px 5px 4px 6px;padding:30px 24px 28px;animation:.5s cubic-bezier(.2,.8,.3,1) both unfold;position:relative;transform:rotate(-1.4deg);box-shadow:0 10px 26px #78684821,inset 0 1px #ffffffe6}@keyframes unfold{0%{opacity:0;transform:rotate(-1.4deg)scaleY(.06)scaleX(.92)}55%{opacity:1;transform:rotate(-1.4deg)scaleY(1.04)scaleX(1)}to{opacity:1;transform:rotate(-1.4deg)scaleY(1)scaleX(1)}}.note-paper .tape{background:#e9d6a59e;border-left:1px dashed #beaa8280;border-right:1px dashed #beaaaa80;width:92px;height:26px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-2deg)}.note-meta{color:var(--ink-faint);letter-spacing:1px;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.note-dept{border:1.4px solid var(--sage);color:var(--sage-deep);border-radius:10px 13px 9px 12px/12px 9px 13px 10px;padding:2px 9px;font-size:11px}.note-body{font-family:var(--font-hand);letter-spacing:1px;color:#3a362e;white-space:pre-wrap;word-break:break-word;font-size:20px;line-height:38px}.rx-head{border-bottom:2px solid var(--sage);justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;display:flex}.rx-title{font-family:var(--font-hand);letter-spacing:4px;font-size:22px}.rx-sub{color:var(--ink-faint);letter-spacing:1.2px;margin-top:4px;font-size:10.5px}.rx-symbol{font-family:var(--font-hand);color:var(--sage-deep);font-size:30px;line-height:1}.rx-row{color:var(--ink-faint);gap:10px;margin-bottom:14px;font-size:12px;display:flex}.rx-line{border-bottom:1.6px dashed var(--line);font-family:var(--font-hand);color:#3a382f;margin-bottom:12px;padding-bottom:10px;font-size:18px;line-height:1.9}.stamp{border:2px solid var(--clay);color:var(--clay);letter-spacing:3px;opacity:.9;font-size:12px;font-family:var(--font-hand);border-radius:5px;padding:4px 12px;display:inline-block;transform:rotate(-7deg)}.seal-wrap{justify-content:center;align-items:center;display:flex}.seal{transform-origin:50% 46%;mix-blend-mode:multiply;width:106px;height:106px;animation:.52s cubic-bezier(.22,1.35,.36,1) both sealLand;display:block}@keyframes sealLand{0%{opacity:0;transform:rotate(-9deg)scale(2.3)}55%{opacity:.96;transform:rotate(-9deg)scale(.94)}78%{opacity:.9;transform:rotate(-9deg)scale(1.03)}to{opacity:.94;transform:rotate(-9deg)scale(1)}}.share-gate{animation:.45s both fadeIn}.arch-mask{z-index:60;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#f7f3eae6;justify-content:center;align-items:center;animation:.18s both fadeIn;display:flex;position:fixed;inset:0}.arch-card{text-align:center;padding:0 24px}.arch-ring{width:64px;height:64px;margin:0 auto;animation:1.15s linear infinite archSpin;display:block}@keyframes archSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arch-title{font-family:var(--font-hand);letter-spacing:2px;color:var(--ink);margin-top:16px;font-size:19px}.arch-sub{color:var(--ink-soft);letter-spacing:.5px;margin:8px 0 0;font-size:12px}.img-mask{z-index:70;background:#2e2b268c;justify-content:center;align-items:center;padding:18px;animation:.18s both fadeIn;display:flex;position:fixed;inset:0}.img-sheet{background:var(--paper);border-radius:18px 22px 16px 20px/20px 16px 22px 18px;flex-direction:column;gap:12px;width:100%;max-width:352px;max-height:88vh;padding:14px;animation:.22s cubic-bezier(.2,.9,.3,1.2) both popIn;display:flex;position:relative}.img-close{z-index:3;border:1.5px solid var(--line);width:30px;height:30px;color:var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.img-wrap{-webkit-overflow-scrolling:touch;border:1.2px solid var(--line);background:#fff;border-radius:12px;flex:auto;min-height:0;overflow-y:auto}.img-wrap,.img-wrap img{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.img-wrap img{width:100%;display:block}.img-hint{color:var(--ink-soft);text-align:center;letter-spacing:.3px;margin:0;font-size:12px}.site-footer{z-index:6;flex-direction:column;align-items:center;gap:13px;margin-top:28px;padding-bottom:6px;display:flex;position:relative}.foot-rule{border-top:1.4px dashed #968c7857;width:100%;height:0}.co-brand{width:190px;height:auto;display:block}.sheet{background:var(--paper-warm);border:1.6px solid var(--line);z-index:6;border-radius:22px 28px 20px 26px/26px 20px 28px 22px;margin-bottom:16px;padding:18px;position:relative}.record-item{background:var(--paper-warm);border:1.6px solid var(--line);z-index:6;border-radius:18px 24px 16px 22px/22px 16px 24px 18px;margin-bottom:12px;padding:15px 16px;position:relative}.record-text{font-family:var(--font-hand);color:#3a382f;font-size:17px;line-height:1.9}.record-meta{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.badge{color:var(--sage-deep);background:#9baf9438;border-radius:9px 11px 8px 10px/10px 8px 11px 9px;padding:1px 8px;font-size:11px;display:inline-block}.badge-pending{color:#8a6d10;background:#e9d6a580}.empty{color:var(--ink-faint);text-align:center;padding:16px 0;font-size:13px}.modal-mask{z-index:20;background:#2e2b2661;justify-content:center;align-items:center;padding:24px;animation:.18s both fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper);border-radius:26px 32px 22px 30px/30px 22px 32px 26px;width:100%;max-width:340px;padding:24px 22px;animation:.22s cubic-bezier(.2,.9,.3,1.2) both popIn;box-shadow:0 20px 46px #3c322338}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-title{font-family:var(--font-hand);letter-spacing:1px;margin-bottom:10px;font-size:19px}.modal-body{color:#57544b;margin-bottom:18px;font-size:14px;line-height:1.9}.modal-body .masked{border:1.5px dashed var(--line);font-family:var(--font-hand);color:#3a382f;background:#fdfbf3;border-radius:12px 16px 11px 15px/15px 11px 16px 12px;margin-top:12px;padding:11px 13px;font-size:16px;display:block}.toast{color:#fffdf8;z-index:40;letter-spacing:.5px;background:#2e2b26e6;border-radius:999px;padding:10px 20px;font-size:13px;animation:.2s both fadeIn;position:fixed;bottom:42px;left:50%;transform:translate(-50%)}.text-input{border:1.6px solid var(--line);font-size:15px;font-family:var(--font-hand);color:var(--ink);background:#fdfbf3;border-radius:14px 18px 13px 17px/17px 13px 18px 14px;outline:none;width:100%;padding:13px 15px}.text-input::placeholder{color:#bfb7a4}.text-input:focus{border-color:var(--sage)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}