.header{border-bottom:1px solid #eee;padding:0;height:38px;background:#fff;box-shadow:0 2px 8px #00000008;display:flex;align-items:center}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;padding:0 16px;box-sizing:border-box}.logo{font-size:1.1em;font-family:Dancing Script,Zhi Mang Xing,cursive;font-weight:500;letter-spacing:.5px}.nav{display:flex;gap:16px}.nav-link{color:#222;text-decoration:none;font-size:1em;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;padding:4px 10px;border-radius:3px;transition:background .2s;line-height:1.3}.nav-link.active,.nav-link:hover{background:#f2f2f2}@media (max-width: 600px){.header{height:30px;padding:0}.header-inner{flex-direction:row;gap:8px;padding:0 8px;height:30px}.nav{gap:2px;justify-content:flex-end}.nav-link{padding:2px 5px;font-size:1em;line-height:1.2;font-weight:500}.logo{font-size:.85em;flex-shrink:0}}@media (max-width: 400px){.header{height:26px}.header-inner{padding:0 5px;height:26px}.nav{gap:1px}.nav-link{padding:1px 4px;font-size:.8em;line-height:1.1;font-weight:500}.logo{font-size:.75em;max-width:40%}}@font-face{font-family:Caveat;src:url(/fonts/Caveat-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/Caveat-Italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:XYNT;src:url(/fonts/xynt.otf) format("opentype");font-display:swap}:root{--font-caveat: "Caveat", cursive}body{margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;background:#fff;color:#222;min-height:100vh;-webkit-text-size-adjust:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 8px 32px;box-sizing:border-box}.header,.footer{flex-shrink:0;width:100%;background:#fff;text-align:center;z-index:10}.header{border-bottom:1px solid #eee;padding:12px 0 8px}.footer{border-top:1px solid #eee;padding:10px 0 8px;font-size:14px;color:#888}.preview-card{background:#fff;box-shadow:0 2px 12px #eee;border-radius:24px;padding:36px 48px 32px;width:100%;max-width:700px;margin:40px auto 0;text-align:left;font-size:1.6em;position:relative;box-sizing:border-box}.preview-label{color:#888;font-weight:400;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:.95em}.preview-card .handwriting{font-size:1.1em}.preview-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:32px;font-size:.85em}.preview-author{color:#aaa;font-size:1em}.preview-time{color:#bbb;font-size:.9em}.typewriter{display:inline-block;white-space:pre-wrap;border-right:2px solid #bbb;animation:blink-caret 1s steps(1) infinite}@keyframes blink-caret{0%,to{border-color:#bbb}50%{border-color:transparent}}@media (max-width: 700px){.preview-card{width:100%;min-width:auto;max-width:100%;padding:24px 16px 20px;font-size:1.1em;margin:20px auto 0;border-radius:16px}.main-content{padding:16px 12px 24px}}@media (max-width: 600px){.main-content{padding:12px 8px 16px}.header,.footer{font-size:15px;padding:8px 0 6px}.preview-card{padding:18px 12px 16px;font-size:1em}}@media (max-width: 480px){.preview-card{padding:16px 10px 14px;border-radius:12px}}.browse-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;justify-items:center;width:100%}.browse-card{background:#fff;box-shadow:0 2px 12px #eee;border-radius:16px;padding:24px;width:100%;text-align:left;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}@media (max-width: 900px){.browse-list{grid-template-columns:1fr;gap:16px}.browse-card{min-width:auto;max-width:100%;width:100%}}@media (max-width: 600px){.browse-list{gap:12px}.browse-card{padding:16px;font-size:1em!important;border-radius:12px}}@media (max-width: 480px){.browse-card{padding:14px 12px}}@font-face{font-family:Caveat-Regular;src:url(/fonts/Caveat-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}.logo-caveat,.hello-caveat{font-family:Caveat-Regular,cursive!important;font-style:normal!important;font-weight:400!important}.hello-xynt{font-family:XYNT,cursive!important;font-style:normal!important;font-weight:400!important}