:root{--bg-washi: #f4ece1;--text-primary: #2b2523;--text-secondary: #564c48;--text-faded: #8c7e75;--accent-red: #9e2a2b;--accent-gold: #c5a059;--border-color: #d1c4b2;--card-bg: rgba(244, 236, 225, .7);--font-serif: "Shippori Mincho", "Yuji Syuku", serif}body,html{margin:0;padding:0;width:100%;height:100vh;background-color:var(--bg-washi);color:var(--text-primary);font-family:var(--font-serif);overflow-x:hidden;overflow-y:auto;background-image:linear-gradient(90deg,rgba(209,196,178,.1) 1px,transparent 1px),linear-gradient(rgba(209,196,178,.1) 1px,transparent 1px);background-size:20px 20px}#app{min-height:100%;width:100%;padding:2rem;box-sizing:border-box}.washi-texture{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.3;z-index:1;mix-blend-mode:multiply}.fade-in{animation:fadeIn .8s cubic-bezier(.2,.8,.2,1) forwards}.fade-in-slow{animation:fadeIn 1.2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.novel-list-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;padding:2rem 0}.site-header{border-bottom:2px solid var(--text-primary);padding-bottom:1rem;margin-bottom:2rem;text-align:center}.site-title{font-size:4rem;font-weight:800;letter-spacing:.2em;margin:0;color:var(--text-primary);text-shadow:2px 2px 4px rgba(0,0,0,.1)}.site-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-top:1rem;letter-spacing:.1em}.novel-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.novel-item{position:relative;background:var(--card-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem;border:1px solid var(--border-color);box-shadow:4px 4px 10px #0000000d;cursor:pointer;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;opacity:0;animation:fadeIn .6s cubic-bezier(.2,.8,.2,1) forwards;min-height:250px}.novel-item:hover{background:#ffffffb3;box-shadow:8px 8px 20px #0000001a;transform:translateY(-5px);border-color:var(--accent-red)}.novel-meta{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary);border-bottom:1px dashed var(--border-color);padding-bottom:.5rem}.novel-date{font-family:monospace;font-size:.8rem;color:var(--text-faded)}.novel-title{font-size:2rem;margin:1rem 0;letter-spacing:.1em;font-weight:700;color:var(--text-primary)}.novel-item:hover .novel-title{color:var(--accent-red)}.novel-excerpt{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin-top:auto}.stamp-seal{position:absolute;bottom:2rem;right:2rem;width:40px;height:40px;border:2px solid var(--accent-red);color:var(--accent-red);font-size:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;font-family:Yuji Syuku,serif;transform:rotate(-10deg);opacity:.8}.reader-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;padding:2rem 0}.reader-controls{display:flex;justify-content:flex-start}.back-btn{background:transparent;border:1px solid var(--text-primary);color:var(--text-primary);font-family:var(--font-serif);padding:.5rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .3s ease;letter-spacing:.2rem}.back-btn:hover{background:var(--text-primary);color:var(--bg-washi)}.manuscript-paper{background:#fdfbf7;padding:4rem;box-shadow:5px 5px 25px #0000000d;border:1px solid var(--border-color);position:relative;background-image:linear-gradient(transparent 95%,#d1c4b266);background-size:100% 2.4rem;line-height:2.4rem}.manuscript-header{border-bottom:2px solid var(--accent-red);padding-bottom:2rem;margin-bottom:3rem;text-align:center}.manuscript-title{font-size:3rem;font-weight:700;margin:0 0 1rem;letter-spacing:.1em}.manuscript-author{font-size:1.5rem;color:var(--text-secondary);margin:0}.manuscript-content{font-size:1.2rem;letter-spacing:.05em;color:var(--text-primary)}.manuscript-content p{margin:0 0 2.4rem;text-indent:1.2em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-washi)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-faded)}
