*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #C2BDB5;--bg-secondary: #A39A93;--bg-card: #C9C4BB;--border-color: #6B6058;--text-primary: #2E2A25;--text-secondary: #4A4540;--text-muted: #6B6560;--accent: #5D6D52;--accent-hover: #4D5D42;--success: #5D7A5D;--warning: #A4876D;--error: #876D6D;--shadow-dark: rgba(46, 42, 37, .18);--shadow-light: rgba(255, 250, 240, .55)}body{font-family:"Noto Serif SC","Source Han Serif SC",serif;background-color:#c2bdb5;color:var(--text-primary);min-height:100vh;position:relative;background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='3' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.4 0 0 0 0 0.35 0 0 0 0.25 0'/%3E%3CfeComposite in2='SourceGraphic' operator='in'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='dots'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3' numOctaves='1' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.27 0 0 0 0 0.22 0 0 0 0.4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23dots)'/%3E%3C/svg%3E");background-size:400px 400px,200px 200px}.app-container{min-height:100vh}.page-container{max-width:800px;margin:0 auto;padding:40px 20px}h1{font-size:2.5rem;font-weight:600;text-align:left;margin-bottom:60px;letter-spacing:.3em;color:var(--text-primary);padding:0 20px}.motto-display{text-align:left;font-size:1.5rem;font-weight:400;color:var(--text-muted);letter-spacing:.2em;font-style:italic;margin:0 0 40px;padding:0 20px}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;gap:24px}.date-card{background-color:var(--bg-card);background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='cp'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='3' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0.22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23cp)'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='cf'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3' numOctaves='1' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.22 0 0 0 0 0.18 0 0 0 0.45 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23cf)'/%3E%3C/svg%3E");background-size:300px 300px,150px 150px;border-radius:18px;padding:28px 32px;display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:160px;gap:16px;width:50%;box-shadow:3px 3px 8px var(--shadow-dark),-3px -3px 8px var(--shadow-light)}.date-month-day{display:flex;align-items:baseline;gap:4px;position:relative}.date-month{font-size:3.5rem;font-weight:700;color:#3f4a38;line-height:1;transform:translateY(-12px);text-shadow:0 1px 1px rgba(0,0,0,.35)}.date-slash{font-size:3rem;font-weight:300;color:#3f4a38;line-height:1;transform:translateY(-2px);text-shadow:0 1px 1px rgba(0,0,0,.35)}.date-day{font-size:4.5rem;font-weight:700;color:#3f4a38;line-height:1;transform:translateY(8px);text-shadow:0 1px 1px rgba(0,0,0,.35)}.date-meta{display:flex;flex-direction:column;justify-content:center;gap:6px;margin-left:8px}.date-year{font-size:.95rem;color:var(--text-muted);margin:0;letter-spacing:.1em;font-weight:500}.date-weekday{font-size:.95rem;color:var(--text-secondary);margin:0;letter-spacing:.1em}.diaries-list{margin-top:40px}h2{font-size:1.5rem;font-weight:500;color:var(--text-primary);margin-bottom:20px}h3{font-size:1.2rem;font-weight:500;color:var(--text-primary)}p{line-height:1.8;color:var(--text-secondary)}button{font-family:inherit;cursor:pointer;border:none;border-radius:12px;padding:10px 20px;font-size:.95rem;transition:all .3s ease}.btn-primary{background-color:var(--bg-card);color:var(--accent);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.btn-primary:hover{box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transform:translateY(1px)}.btn-primary:active{box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #bec8b41f}.btn-secondary{background-color:var(--bg-card);color:var(--accent);box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #bec8b41f}.btn-secondary:hover{box-shadow:inset 5px 5px 10px #0000004d,inset -5px -5px 10px #bec8b42e}.btn-danger{background-color:var(--bg-card);color:var(--error);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.btn-danger:hover{box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transform:translateY(1px)}input,textarea{font-family:inherit;padding:14px 18px;border:none;border-radius:12px;background-color:#6a6e62;color:#e8e2d6;font-size:.95rem;box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #bec8b41f;transition:all .3s ease}input::placeholder,textarea::placeholder{color:#e8e2d699}input:focus,textarea:focus{outline:none;box-shadow:inset 5px 5px 10px #0000004d,inset -5px -5px 10px #bec8b42e}textarea{resize:vertical;min-height:200px;line-height:1.8}.form-group input{width:100%}.form-group textarea{width:100%;min-height:300px}.card{background-color:var(--bg-card);background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='cp'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='3' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0.22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23cp)'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='cf'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3' numOctaves='1' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.22 0 0 0 0 0.18 0 0 0 0.45 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23cf)'/%3E%3C/svg%3E");background-size:300px 300px,150px 150px;border-radius:18px;padding:28px;margin-bottom:24px;box-shadow:6px 6px 14px var(--shadow-dark),-6px -6px 14px var(--shadow-light)}.write-diary-card{background-color:var(--bg-card);background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='cp'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='3' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0.22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23cp)'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='cf'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3' numOctaves='1' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.22 0 0 0 0 0.18 0 0 0 0.45 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23cf)'/%3E%3C/svg%3E");background-size:300px 300px,150px 150px;box-shadow:6px 6px 14px var(--shadow-dark),-6px -6px 14px var(--shadow-light)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:1.3rem;font-weight:600;color:var(--text-primary)}.card-date{font-size:.85rem;color:var(--text-muted)}.card-content{color:var(--text-secondary);line-height:1.9;white-space:pre-wrap}.card-images{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.card-images img{max-width:200px;max-height:200px;object-fit:cover;border-radius:12px;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px}.toggle-btn{background:none;border:none;color:var(--accent);font-size:.9rem;padding:6px;border-radius:8px;transition:all .3s ease}.toggle-btn:hover{background-color:#8b9a7d1a;box-shadow:2px 2px 4px var(--shadow-dark),-2px -2px 4px var(--shadow-light)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;font-size:.95rem;color:var(--text-primary)}.comment-section{margin-top:28px}.comment-item{padding:20px;background-color:#6a6e62;color:#e8e2d6;border-radius:16px;margin-bottom:16px;box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #bec8b41f}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.comment-nickname{font-weight:500;color:#e8e2d6}.comment-date{font-size:.8rem;color:#e8e2d6b3}.comment-content{font-size:.95rem;color:#e8e2d6;line-height:1.7}.comment-input{display:flex;gap:12px;margin-top:20px}.nav-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;max-width:800px;margin:0 auto 30px}.nav-links{display:flex;gap:20px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .3s ease}.nav-links a:hover{color:var(--accent)}.password-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#5b55504d;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.password-dialog{background-color:var(--bg-card);border-radius:24px;padding:48px;width:420px;box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light)}.password-dialog h3{text-align:center;margin-bottom:28px}.password-dialog input{width:100%;margin-bottom:24px}.password-dialog-buttons{display:flex;gap:12px}.password-dialog-buttons button{flex:1}.alert{padding:14px 18px;border-radius:12px;margin-bottom:20px;font-size:.9rem;box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.alert-success{background-color:#7d9a7d26;color:var(--success)}.alert-error{background-color:#a77d7d26;color:var(--error)}.admin-menu{display:flex;gap:16px;margin-bottom:30px}.admin-menu button{flex:1}.visitor-table{width:100%;border-collapse:collapse;background-color:var(--bg-card);border-radius:20px;overflow:hidden;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light)}.visitor-table th,.visitor-table td{padding:14px 18px;text-align:left}.visitor-table th{background-color:#8b9a7d1a;font-weight:600;color:var(--text-primary)}.visitor-table tr:nth-child(2n){background-color:#00000005}.export-buttons{display:flex;gap:12px;margin-bottom:20px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state p{margin-top:12px}.image-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.image-preview-item{position:relative;width:120px;height:120px}.image-preview-item img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}.image-preview-item button{position:absolute;top:-8px;right:-8px;width:28px;height:28px;padding:0;background-color:var(--bg-card);color:var(--error);border-radius:50%;font-size:.9rem;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}.image-preview-item button:active{box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.image-upload-btn{display:inline-block;padding:12px 24px;background-color:var(--bg-card);color:var(--accent);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.image-upload-btn:hover{box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transform:translateY(1px)}.image-upload-btn:active{box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #bec8b41f}.image-upload-btn input{display:none}@media (max-width: 600px){h1{font-size:1.8rem;letter-spacing:.2em}.page-container{padding:20px 15px}.info-row{flex-direction:column;align-items:flex-start;gap:16px}.date-card{min-height:130px;padding:24px 20px;width:100%}.date-month{font-size:2.8rem}.date-day{font-size:3.6rem}.date-slash{font-size:2.4rem}.card{padding:20px;border-radius:16px;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}.password-dialog{width:90%;padding:32px}.comment-input,.admin-menu{flex-direction:column}.visitor-table{display:block;overflow-x:auto}}.tianchuan-youqi-root *{margin:0;padding:0;box-sizing:border-box}.tianchuan-youqi-root body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.tianchuan-youqi-root #root{width:100%;min-height:100vh}.tianchuan-youqi-root{--page-deep: #0f172a;--page-mid: #1e293b;--page-surface: #334155;--neon-mint: #00ffd6;--neon-green: #08e260;--neon-violet: #c084fc;--neon-pink: #f472b6;--glass-edge: rgba(255, 255, 255, .15);font-family:Plus Jakarta Sans,Tajawal,system-ui,sans-serif}.tianchuan-youqi-root html{scroll-behavior:smooth}.tianchuan-youqi-root .depthfold-container{min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:500;color:#e2e8f0;line-height:1.55;background-color:var(--page-deep);background-image:radial-gradient(ellipse 90% 60% at 10% -10%,rgba(0,255,214,.15),transparent 50%),radial-gradient(ellipse 70% 50% at 95% 10%,rgba(192,132,252,.15),transparent 45%),radial-gradient(ellipse 60% 40% at 50% 110%,rgba(8,226,96,.08),transparent 45%),linear-gradient(165deg,var(--page-deep) 0%,var(--page-mid) 45%,#0f172a 100%);background-attachment:fixed}.tianchuan-youqi-root .depthfold-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,214,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,214,.05) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,black,transparent);mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,black,transparent)}.tianchuan-youqi-root .depthfold-container>*{position:relative;z-index:1}.tianchuan-youqi-root .section--reveal{opacity:1;transform:none;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.tianchuan-youqi-root .section--reveal.is-visible{opacity:1;transform:none}.tianchuan-youqi-root .section{padding:clamp(2rem,5vw,3rem) clamp(1.25rem,4vw,2rem) clamp(2.5rem,6vw,4rem);max-width:1280px;margin:0 auto}.tianchuan-youqi-root .section-head{margin-bottom:2.5rem;text-align:center}.tianchuan-youqi-root .section-head h2{margin:0 0 .75rem;font-size:clamp(2.2rem,5vw,3.5rem);font-family:Noto Sans SC,system-ui,sans-serif;font-weight:900;letter-spacing:.02em;color:#f8fafc}.tianchuan-youqi-root .section-head p{margin:0 auto;max-width:38rem;color:#94a3b8;font-size:clamp(1.1rem,2.5vw,1.6rem);font-family:Noto Sans SC,system-ui,sans-serif;font-weight:200;letter-spacing:.05em}.tianchuan-youqi-root .shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,288px),1fr));gap:clamp(1.1rem,2.8vw,1.65rem);align-items:stretch}@media (min-width: 900px){.tianchuan-youqi-root .shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tianchuan-youqi-root .ux-parent--span-2{grid-column:span 2}}.tianchuan-youqi-root .ux-parent{width:100%;max-width:400px;height:300px;margin-inline:auto;perspective:1000px;perspective-origin:50% 50%;filter:drop-shadow(0 16px 30px rgba(0,0,0,.08));overflow:visible}.tianchuan-youqi-root .ux-parent--wide{max-width:none;width:100%;height:268px}.tianchuan-youqi-root .ux-card{position:relative;height:100%;border-radius:50px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease;box-shadow:#05471100 40px 50px 25px -40px,#00000014 0 15px 25px -5px}.tianchuan-youqi-root .ux-card-shape{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--ux-grad);z-index:0}.tianchuan-youqi-root .ux-parent:hover .ux-card{transform:rotate3d(1,1,0,28deg);box-shadow:#05471126 28px 48px 28px -38px,#00ffd614 0 0 40px -10px,#0000001a 0 15px 25px}.tianchuan-youqi-root .ux-parent--mint{--ux-grad: linear-gradient(135deg, rgb(0, 255, 214) 0%, rgb(8, 226, 96) 100%);--ux-title: #00894d;--ux-body: rgba(0, 137, 78, .82);--ux-cta: #00c37b;--ux-orbit: rgba(0, 249, 203, .22);--ux-fill: #00894d}.tianchuan-youqi-root .ux-parent--violet{--ux-grad: linear-gradient(145deg, #a855f7 0%, #6366f1 40%, #ec4899 100%);--ux-title: #3b0764;--ux-body: rgba(59, 7, 100, .85);--ux-cta: #7c3aed;--ux-orbit: rgba(216, 180, 254, .35);--ux-fill: #5b21b6}.tianchuan-youqi-root .ux-parent--solar{--ux-grad: linear-gradient(135deg, #fbbf24 0%, #f97316 45%, #dc2626 100%);--ux-title: #7c2d12;--ux-body: rgba(124, 45, 18, .88);--ux-cta: #c2410c;--ux-orbit: rgba(254, 243, 199, .4);--ux-fill: #9a3412}.tianchuan-youqi-root .ux-parent--ocean{--ux-grad: linear-gradient(155deg, #22d3ee 0%, #0284c7 50%, #1e3a8a 100%);--ux-title: #0c4a6e;--ux-body: rgba(12, 74, 110, .88);--ux-cta: #0369a1;--ux-orbit: rgba(125, 211, 252, .35);--ux-fill: #0e7490}.tianchuan-youqi-root .ux-parent--prism{--ux-grad: conic-gradient(from 200deg at 65% 35%, #22d3ee, #818cf8, #f472b6, #facc15, #22d3ee);--ux-title: #0f172a;--ux-body: rgba(15, 23, 42, .88);--ux-cta: #4338ca;--ux-orbit: rgba(255, 255, 255, .35);--ux-fill: #312e81}.tianchuan-youqi-root .ux-parent--void{--ux-grad: linear-gradient(160deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%);--ux-title: #5eead4;--ux-body: rgba(203, 213, 225, .82);--ux-cta: #c084fc;--ux-orbit: rgba(167, 139, 250, .25);--ux-fill: #c084fc;box-shadow:0 0 0 1px #a78bfa33}.tianchuan-youqi-root .ux-parent--void .ux-card{box-shadow:0 0 0 1px #a78bfa26,#05471100 40px 50px 25px -40px,#00000026 0 15px 25px -5px}.tianchuan-youqi-root .ux-parent--cut .ux-card{border-radius:36px}.tianchuan-youqi-root .ux-parent--cut .ux-card-shape{border-radius:36px;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.tianchuan-youqi-root .ux-parent--cut .ux-glass{border-radius:32px 100% 32px 32px!important}.tianchuan-youqi-root .ux-parent--wide .ux-card{border-radius:44px}.tianchuan-youqi-root .ux-parent--wide .ux-glass{border-radius:48px 55% 48px 48px}.tianchuan-youqi-root .ux-parent--wide .ux-content{padding:2.25rem 52% 0 1.75rem!important}.tianchuan-youqi-root .ux-parent--wide .ux-logo .ux-circle:nth-child(1){width:200px;height:200px}.tianchuan-youqi-root .ux-glass{transform-style:preserve-3d;position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:55px 100% 55px 55px;background:linear-gradient(0deg,#ffffff61,#ffffffd1);transform:translateZ(25px);border-inline-start:1px solid var(--glass-edge);border-bottom:1px solid rgba(255,255,255,.75);transition:all .5s ease-in-out;pointer-events:none;z-index:2}.tianchuan-youqi-root .ux-parent--void .ux-glass{background:linear-gradient(180deg,#ffffff1f,#0f172a8c);border-color:#94a3b840}.tianchuan-youqi-root .ux-logo{position:absolute;inset-inline-end:0;top:0;transform-style:preserve-3d;pointer-events:none;z-index:3}.tianchuan-youqi-root .ux-circle{display:block;position:absolute;aspect-ratio:1;border-radius:50%;top:0;inset-inline-end:0;background:var(--ux-orbit);box-shadow:#64646f1a -10px 10px 24px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:all .5s ease-in-out}.tianchuan-youqi-root .ux-circle:nth-child(1){width:170px;transform:translateZ(20px);top:8px;inset-inline-end:8px}.tianchuan-youqi-root .ux-circle:nth-child(2){width:140px;transform:translateZ(40px);top:10px;inset-inline-end:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition-delay:.05s}.tianchuan-youqi-root .ux-circle:nth-child(3){width:110px;transform:translateZ(60px);top:17px;inset-inline-end:17px;transition-delay:.1s}.tianchuan-youqi-root .ux-circle:nth-child(4){width:80px;transform:translateZ(80px);top:23px;inset-inline-end:23px;transition-delay:.15s}.tianchuan-youqi-root .ux-circle:nth-child(5){width:50px;transform:translateZ(100px);top:30px;inset-inline-end:30px;display:grid;place-content:center;transition-delay:.2s;color:#fff}.tianchuan-youqi-root .ux-circle:nth-child(5) svg{width:20px;fill:currentColor}.tianchuan-youqi-root .ux-parent:hover .ux-circle:nth-child(2){transform:translateZ(60px)}.tianchuan-youqi-root .ux-parent:hover .ux-circle:nth-child(3){transform:translateZ(80px)}.tianchuan-youqi-root .ux-parent:hover .ux-circle:nth-child(4){transform:translateZ(100px)}.tianchuan-youqi-root .ux-parent:hover .ux-circle:nth-child(5){transform:translateZ(120px)}.tianchuan-youqi-root .ux-content{padding:100px 3.75rem 0 1.85rem;transform:translateZ(26px);position:relative;z-index:3}.tianchuan-youqi-root .ux-title{display:block;color:var(--ux-title);font-weight:900;font-size:1.25rem;letter-spacing:-.02em}.tianchuan-youqi-root .ux-text{display:block;margin-top:1.05rem;color:var(--ux-body);font-size:.95rem;line-height:1.5;font-weight:600}.tianchuan-youqi-root .ux-bottom{padding:10px 12px;transform-style:preserve-3d;position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:flex-end;transform:translateZ(26px);z-index:4}.tianchuan-youqi-root .ux-more{display:flex;align-items:center;gap:4px;transition:transform .2s ease}.tianchuan-youqi-root .ux-more:hover{transform:translateZ(10px)}.tianchuan-youqi-root .ux-more-btn{background:none;border:none;color:var(--ux-cta);font-weight:800;font-size:.75rem;font-family:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.08em}.tianchuan-youqi-root .ux-more svg{fill:none;stroke:var(--ux-cta);stroke-width:3px;max-height:15px;width:18px}@font-face{font-family:喜鹊聚珍体;src:url(/assets/%E5%96%9C%E9%B9%8A%E8%81%9A%E7%8F%8D%E4%BD%93regula-ca4c_I1T-ca4c_I1T.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.tianchuan-youqi-root{--bg-color: #e5e5ea;--blob-1: #ff2a5f;--blob-2: #007aff;--blob-3: #ff9500;--blob-opacity: .7;--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: rgba(0, 0, 0, .1);--glass-highlight: rgba(255, 255, 255, .8);--glass-caustic: rgba(255, 255, 255, .4);--reflection-start: rgba(255, 255, 255, .6);--reflection-end: rgba(255, 255, 255, 0);--glare-color: rgba(255, 255, 255, .5);--pill-bg: rgba(255, 255, 250, .95);--pill-shadow: 0 4px 12px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05), inset 0 1px 1px rgba(255,255,255,.8);--icon-color: rgba(0, 0, 0, .5);--icon-active: rgba(0, 0, 0, .95);--divider: rgba(0, 0, 0, .15);--tian-bg: rgba(255, 255, 250, .9);--tian-line: #C6E2FF;--tian-text: #3A3A3A}.tianchuan-youqi-root[data-theme=dark]{--bg-color: #000000;--blob-1: #bf5af2;--blob-2: #0a84ff;--blob-3: #ff375f;--blob-opacity: .5;--glass-bg: rgba(30, 30, 35, .45);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: rgba(0, 0, 0, .8);--glass-highlight: rgba(255, 255, 255, .25);--glass-caustic: rgba(255, 255, 255, .05);--reflection-start: rgba(255, 255, 255, .15);--reflection-end: rgba(255, 255, 255, 0);--glare-color: rgba(255, 255, 255, .15);--pill-bg: rgba(60, 60, 65, .95);--pill-shadow: 0 4px 12px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.2);--icon-color: rgba(255, 255, 255, .5);--icon-active: #ffffff;--divider: rgba(255, 255, 255, .15);--tian-bg: rgba(60, 60, 65, .9);--tian-line: #7D5A7D;--tian-text: #ffffff}.quotes-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px;font-family:Noto Sans SC,system-ui,sans-serif;background:transparent;overflow-x:hidden}.quotes-bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--bg-color);transition:background .8s ease;overflow:hidden}.quotes-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:var(--blob-opacity);animation:quotes-float 20s infinite alternate cubic-bezier(.45,.05,.55,.95);will-change:transform;transition:background .8s ease,opacity .8s ease}.quotes-blob-1{width:50vw;height:50vw;top:-10%;left:-10%;background:var(--blob-1);animation-delay:0s}.quotes-blob-2{width:45vw;height:45vw;bottom:-10%;right:-10%;background:var(--blob-2);animation-delay:-5s}.quotes-blob-3{width:35vw;height:35vw;top:30%;left:40%;background:var(--blob-3);animation-delay:-10s}@keyframes quotes-float{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(5%,10%) scale(1.05) rotate(5deg)}66%{transform:translate(-5%,5%) scale(.95) rotate(-5deg)}to{transform:translateY(-10%) scale(1.1) rotate(0)}}.quotes-header{text-align:center;margin-bottom:30px;position:relative;z-index:1}.quotes-header h2{margin:0 0 8px;font-weight:700;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--icon-active);letter-spacing:2px;font-family:Noto Sans SC,system-ui,sans-serif}.quotes-header .quotes-desc{font-size:clamp(.9rem,2vw,1.1rem);color:var(--icon-color);line-height:1.6;margin:0;font-weight:200}.quotes-controls{margin-bottom:30px;padding:25px 30px;border-radius:8px;width:100%;max-width:550px;position:relative;background:var(--glass-bg);backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);box-shadow:0 40px 80px -20px var(--glass-shadow),0 10px 30px -10px var(--glass-shadow),inset 0 2px 3px -1px var(--glass-highlight),inset 0 -2px 4px -1px var(--glass-caustic),inset 0 0 0 1px var(--glass-border)}.quotes-controls:before{content:"";position:absolute;top:1px;left:1px;right:1px;height:46%;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--reflection-start) 0%,var(--reflection-end) 100%);pointer-events:none;z-index:6}.quotes-input-group{display:flex;gap:12px;margin-bottom:12px;position:relative;z-index:1}.quotes-controls input{flex:1;padding:12px 16px;border:2px solid var(--glass-border);border-radius:8px;font-size:15px;outline:none;box-shadow:none;background:#ffffff1a;transition:border-color .2s,background .2s;color:var(--icon-active);font-family:inherit}.quotes-controls input:focus{border-color:var(--glass-border);background:#fff3}.quotes-controls input::placeholder{color:var(--icon-color)}.quotes-controls button{padding:12px 20px;background:transparent;color:var(--icon-active);border:none;border-radius:99px;font-size:15px;font-weight:600;cursor:pointer;transition:color .3s ease;white-space:nowrap;font-family:inherit;position:relative;z-index:2;height:44px}.quotes-controls button:hover{color:var(--icon-color)}.quotes-controls button:active .quotes-btn-content{transform:scale(.92)}.quotes-controls button:disabled{opacity:.5;cursor:not-allowed}.quotes-btn-content{pointer-events:none;transition:transform .2s cubic-bezier(.32,.72,0,1)}.quotes-loading{display:none;margin-top:15px;color:var(--icon-color);font-size:14px;text-align:center;position:relative;z-index:1}.quotes-error-msg{color:#d9534f;margin-top:10px;font-size:14px;text-align:center;position:relative;z-index:1}#quotes-grid-container{width:100%;max-width:95%;padding:20px;border-radius:10px;min-height:100px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:80px;background:var(--pill-bg);box-shadow:var(--pill-shadow)}.quotes-tian-cell{width:65px;height:65px;position:relative;box-sizing:border-box;border:1px solid var(--tian-line);display:flex;justify-content:center;align-items:center;font-size:40px;color:var(--tian-text);background-color:var(--tian-bg)}.quotes-tian-text{position:relative;z-index:10;font-family:inherit}.quotes-tian-cell:before,.quotes-tian-cell:after{content:"";position:absolute;background-color:var(--tian-line);opacity:.35;z-index:1}.quotes-tian-cell:before{top:0;left:50%;width:1px;height:100%}.quotes-tian-cell:after{top:50%;left:0;width:100%;height:1px}.quotes-word-group{display:flex;flex-direction:row;gap:0}.quotes-word-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.quotes-sentence-row{display:flex;flex-wrap:wrap;align-items:center;width:100%;margin-top:5px}.quotes-punctuation-fix{position:absolute;left:-65px;top:0;margin:0!important}.quotes-footer{margin-top:40px;font-size:15px;color:var(--icon-color);letter-spacing:2px;font-family:Times New Roman,SimSun,serif}.quotes-liquid-nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;padding:8px;border-radius:99px;background:var(--glass-bg);backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);box-shadow:0 40px 80px -20px var(--glass-shadow),0 10px 30px -10px var(--glass-shadow),inset 0 2px 3px -1px var(--glass-highlight),inset 0 -2px 4px -1px var(--glass-caustic),inset 0 0 0 1px var(--glass-border);transition:all .5s ease;z-index:100}.quotes-liquid-nav:before{content:"";position:absolute;top:1px;left:1px;right:1px;height:46%;border-radius:99px 99px 24px 24px/99px 99px 12px 12px;background:linear-gradient(180deg,var(--reflection-start) 0%,var(--reflection-end) 100%);pointer-events:none;z-index:6}.quotes-liquid-glare-container{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;overflow:hidden;pointer-events:none;z-index:5}.quotes-liquid-glare{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle 90px at var(--x, 50%) var(--y, 50%),var(--glare-color) 0%,transparent 100%);mix-blend-mode:overlay}.quotes-liquid-nav:hover .quotes-liquid-glare{opacity:1}.quotes-nav-items{position:relative;display:flex;gap:4px;z-index:3}.quotes-active-pill{position:absolute;top:0;left:0;height:44px;background:var(--pill-bg);border-radius:99px;box-shadow:var(--pill-shadow);transition:transform .5s cubic-bezier(.34,1.2,.64,1),width .5s cubic-bezier(.34,1.2,.64,1),background .5s ease,box-shadow .5s ease;z-index:1}.quotes-nav-btn{position:relative;background:transparent;border:none;padding:0 20px;height:44px;border-radius:99px;font-family:inherit;font-size:15px;font-weight:600;color:var(--icon-color);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .3s ease;outline:none;box-shadow:none;z-index:2;display:flex;align-items:center;gap:8px}.quotes-nav-btn.active{color:var(--icon-active)}.quotes-nav-btn:active .quotes-btn-content{transform:scale(.92)}.quotes-btn-content{display:flex;align-items:center;gap:8px;pointer-events:none;transition:transform .2s cubic-bezier(.32,.72,0,1)}.quotes-nav-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.quotes-divider{width:1px;height:24px;background:var(--divider);margin:0 4px;z-index:3;transition:background .5s ease}.quotes-theme-btn{position:relative;background:transparent;border:none;width:44px;height:44px;border-radius:50%;color:var(--icon-color);cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:3;outline:none;box-shadow:none;margin-left:2px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.quotes-theme-btn:hover,.quotes-theme-btn:active{color:var(--icon-active)}.quotes-theme-icon-wrapper{position:relative;width:20px;height:20px;pointer-events:none;transition:transform .2s cubic-bezier(.32,.72,0,1)}.quotes-theme-btn:active .quotes-theme-icon-wrapper{transform:scale(.8)}.quotes-theme-icon-wrapper svg{position:absolute;top:0;left:0;transition:transform .5s cubic-bezier(.34,1.2,.64,1),opacity .4s ease;stroke-width:2.2;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.quotes-sun{opacity:1;transform:rotate(0) scale(1)}.quotes-moon{opacity:0;transform:rotate(-90deg) scale(0)}.tianchuan-youqi-root[data-theme=dark] .quotes-sun{opacity:0;transform:rotate(90deg) scale(0)}.tianchuan-youqi-root[data-theme=dark] .quotes-moon{opacity:1;transform:rotate(0) scale(1)}@media (max-width: 600px){.quotes-container,.quotes-controls{padding:20px 15px}.quotes-input-group{flex-direction:column}.quotes-controls button{width:100%;padding:12px 0}.quotes-tian-cell{width:45px;height:45px;font-size:28px}.quotes-punctuation-fix{left:-45px!important}.quotes-word-row{gap:12px}.quotes-footer{font-size:13px;margin-top:25px}.quotes-liquid-nav{padding:6px}.quotes-nav-btn{padding:0 15px;font-size:13px}}.quotes-captcha-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:quotes-fade-in .3s ease}.quotes-captcha-box{background:var(--pill-bg, #fff);border-radius:20px;padding:32px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:quotes-scale-in .3s ease}.quotes-captcha-icon{font-size:2.5rem;margin-bottom:12px}.quotes-captcha-title{margin:0 0 8px;font-size:1.2rem;color:var(--icon-active, #1a1a1a);font-weight:700}.quotes-captcha-desc{margin:0 0 24px;font-size:.9rem;color:var(--icon-color, #666)}.quotes-captcha-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;border-radius:40px;border:2px solid var(--glass-border, #ddd);background:var(--glass-bg, #f0f0f0);color:var(--icon-active, #333);font-size:1rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;font-family:inherit}.quotes-captcha-btn:hover{border-color:var(--blob-2, #007aff);background:#007aff0d}.quotes-captcha-btn:active{transform:scale(.96)}.quotes-captcha-btn.verified{background:#4caf50;border-color:#4caf50;color:#fff;cursor:default}.quotes-captcha-checkbox{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--glass-border, #ddd);font-size:14px;color:transparent;transition:all .3s ease}.quotes-captcha-btn.verified .quotes-captcha-checkbox{background:#fff3;color:#fff}.quotes-captcha-hint{margin-top:16px;font-size:.8rem;color:var(--icon-color, #999)}.quotes-rate-info{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:0 4px;font-size:.8rem;color:var(--icon-color, #888)}.quotes-rate-info strong{font-weight:700}.quotes-error-rate{color:#ff6b6b!important}.quotes-error-captcha{color:#ffb86b!important}@keyframes quotes-fade-in{0%{opacity:0}to{opacity:1}}@keyframes quotes-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@font-face{font-family:Xique;src:url(/assets/%E5%96%9C%E9%B9%8A%E8%81%9A%E7%8F%8D%E4%BD%93regula-ca4c_I1T-ca4c_I1T.woff2) format("woff2");font-weight:400;font-style:normal}.tianchuan-youqi-root{--calligraphy-bg: #1a0f0c;--calligraphy-card-bg: rgba(255, 255, 255, .04);--calligraphy-text: rgba(255, 245, 230, .95);--calligraphy-muted: rgba(255, 230, 210, .7);--calligraphy-accent-gradient: linear-gradient(135deg, #ff7b6b, #ffb86b);--calligraphy-title-gradient: linear-gradient(120deg, #fff2cc, #ffd699, #fff2cc);--calligraphy-grid-line: rgba(255, 255, 255, .035);--calligraphy-watermark: rgba(255, 255, 255, .035)}.calligraphy-container{min-height:100vh;font-family:Inter,Noto Sans SC,system-ui,sans-serif;background:var(--calligraphy-bg);color:var(--calligraphy-text);overflow-x:hidden;position:relative}.calligraphy-bg{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at 20% 30%,#ff7b6b,transparent 35%),radial-gradient(circle at 75% 65%,#ffb86b,transparent 40%);filter:blur(140px);opacity:.25;pointer-events:none}.calligraphy-header{text-align:center;padding:3rem 2rem 2rem;position:relative;z-index:2}.calligraphy-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;line-height:.95;letter-spacing:-1px;background:var(--calligraphy-title-gradient);-webkit-background-clip:text;color:transparent;margin:0}.calligraphy-subtitle{margin-top:12px;font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--calligraphy-muted)}.calligraphy-cards{display:flex;flex-direction:column;gap:1.5rem;padding:0 2rem 2rem;max-width:900px;margin:0 auto;position:relative;z-index:2}.calligraphy-card{position:relative;padding:32px;background:var(--calligraphy-card-bg);border-radius:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 40px 80px #00000080,inset 0 0 0 1px #ffffff0f;overflow:visible;opacity:0;transform:translateY(60px)}.calligraphy-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");mix-blend-mode:overlay;pointer-events:none}.calligraphy-card.color-splash:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle at 30% 30%,#ff7b6b,#ffb86b 60%,transparent 70%);opacity:.35;filter:blur(60px);pointer-events:none;mix-blend-mode:screen}.calligraphy-card-input{text-align:center}.calligraphy-input-label{display:block;margin-bottom:16px;font-size:16px;color:var(--calligraphy-muted)}.calligraphy-input-wrap{position:relative;display:inline-flex;align-items:center;gap:12px;padding:0 20px;background:#ffffff0d;border-radius:40px;border:1px solid rgba(255,255,255,.08)}.calligraphy-input{background:transparent;border:none;outline:none;color:var(--calligraphy-text);font-size:16px;padding:14px 20px 14px 0;width:200px}.calligraphy-input::placeholder{color:var(--calligraphy-muted);opacity:.6}.calligraphy-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:var(--calligraphy-accent-gradient);border:none;border-radius:40px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.calligraphy-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff7b6b4d}.calligraphy-submit-btn:active{transform:translateY(0)}.calligraphy-submit-btn svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.calligraphy-card-display{display:flex;gap:24px}@media (max-width: 600px){.calligraphy-card-display{flex-direction:column}.calligraphy-large-grid{width:100%;height:auto;aspect-ratio:1}}.calligraphy-large-grid{width:360px;height:360px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-start;justify-content:center;position:relative;flex-shrink:0;padding-top:4%;padding-bottom:4%;overflow:visible}.calligraphy-large-grid:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid var(--calligraphy-grid-line);border-radius:4px}.calligraphy-large-grid:after{content:"";position:absolute;width:1px;height:80%;background:var(--calligraphy-grid-line)}.calligraphy-large-grid-center-v{position:absolute;top:10%;bottom:10%;left:50%;width:1px;background:var(--calligraphy-grid-line)}.calligraphy-large-grid-center-h{position:absolute;left:10%;right:10%;top:50%;height:1px;background:var(--calligraphy-grid-line)}.calligraphy-large-grid-diagonal-1{position:absolute;top:10%;left:10%;width:113.12%;height:1px;background:var(--calligraphy-grid-line);transform-origin:top left;transform:rotate(45deg)}.calligraphy-large-grid-diagonal-2{position:absolute;top:10%;right:10%;width:113.12%;height:1px;background:var(--calligraphy-grid-line);transform-origin:top right;transform:rotate(-45deg)}.calligraphy-large-char{font-family:Xique,SimSun,serif;font-size:clamp(11rem,38vw,17.6rem);background:var(--calligraphy-title-gradient);-webkit-background-clip:text;color:transparent;position:relative;z-index:2;line-height:1;vertical-align:middle;padding-bottom:5%;transform:translateY(-3%)}.calligraphy-small-grids{flex:1;display:flex;flex-direction:column;gap:8px}.calligraphy-small-grid-row{display:flex;gap:8px;flex-wrap:wrap}.calligraphy-small-grid{width:72px;height:72px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.06);display:grid;place-items:center;position:relative;cursor:pointer;transition:transform .2s ease,background .2s ease}.calligraphy-small-grid:hover{transform:scale(1.05);background:#ffffff0d}.calligraphy-small-grid.active{background:#ffb86b1a;border-color:#ffb86b4d}.calligraphy-small-grid:before{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border:1px solid var(--calligraphy-grid-line);border-radius:2px}.calligraphy-small-grid-center-v{position:absolute;top:15%;bottom:15%;left:50%;width:1px;background:var(--calligraphy-grid-line)}.calligraphy-small-grid-center-h{position:absolute;left:15%;right:15%;top:50%;height:1px;background:var(--calligraphy-grid-line)}.calligraphy-small-char{font-family:Xique,SimSun,serif;font-size:36px;background:var(--calligraphy-title-gradient);-webkit-background-clip:text;color:transparent;position:relative;z-index:2}.calligraphy-watermark{position:absolute;bottom:-30px;right:-20px;font-size:140px;font-weight:900;letter-spacing:-8px;color:var(--calligraphy-watermark);transform:rotate(-8deg);pointer-events:none;mix-blend-mode:overlay}.calligraphy-write-btn{position:absolute;bottom:20px;right:20px;padding:10px 20px;background:var(--calligraphy-accent-gradient);border:none;border-radius:20px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;z-index:10;display:flex;align-items:center;gap:8px}.calligraphy-write-btn svg{width:16px;height:16px}svg.calligraphy-icon-envelope{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.calligraphy-write-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff7b6b4d}.calligraphy-dictation-mode{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;width:100%}.calligraphy-dictation-lines{display:flex;flex-direction:column;gap:32px;width:100%;max-width:500px}.calligraphy-dictation-line{height:48px;border-bottom:2px solid rgba(255,255,255,.2);display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.calligraphy-dictation-pinyin{font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-size:48px;color:var(--calligraphy-title-gradient);background:var(--calligraphy-title-gradient);-webkit-background-clip:text;color:transparent;letter-spacing:24px;word-spacing:32px}.calligraphy-nav{position:fixed;bottom:-4px;left:50%;transform:translate(-50%);display:flex;gap:0;padding:6px;background:#ffffff0d;border-radius:40px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);z-index:100}.calligraphy-nav-pill{position:absolute;top:6px;left:6px;width:calc(50% - 6px);height:calc(100% - 12px);background:#ffffff73;border-radius:34px;transition:transform .3s cubic-bezier(.22,1,.36,1);pointer-events:none}.calligraphy-nav-btn{flex:1;min-width:100px;padding:12px 20px;background:transparent;border:none;border-radius:34px;color:var(--calligraphy-text);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1;transition:color .2s ease}.calligraphy-nav-btn:hover{color:#fff}.calligraphy-nav-btn svg{width:16px;height:16px;fill:none;stroke:url(#accent-gradient);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}svg.calligraphy-icon-home{stroke-width:1.8}svg.calligraphy-icon-pen{stroke-width:1.8}.calligraphy-svg-defs{position:absolute;width:0;height:0;overflow:hidden}.calligraphy-empty-hint{text-align:center;color:var(--calligraphy-muted);font-size:14px;padding:40px}