:root{--bg: #0a0a12;--bg-card: rgba(18, 18, 35, .55);--text: #d8d8e0;--text-dim: #7a7a8a;--accent: #8b6cf7;--accent2: #5cc4bc;--border: rgba(139, 108, 247, .12);--input-bg: rgba(255, 255, 255, .04);--lantern-bg: rgba(255, 255, 255, .03);--font-cn: "Noto Serif SC", "Source Han Serif SC", serif;color-scheme:dark}:root[data-theme=light]{--bg: #f4f2fa;--bg-card: rgba(255, 255, 255, .68);--text: #2e2b3a;--text-dim: #6a6880;--accent: #6d4fd8;--accent2: #2f9e94;--border: rgba(109, 79, 216, .2);--input-bg: rgba(30, 20, 60, .05);--lantern-bg: rgba(30, 20, 60, .04);color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.7;transition:background-color .45s ease,color .45s ease}#particle-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.section{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px}.section-inner{max-width:680px;width:100%}.section-title{font-family:var(--font-cn);font-size:clamp(1.5rem,3vw,2rem);font-weight:400;text-align:center;margin-bottom:40px;letter-spacing:.4em;color:var(--text-dim)}#hero{text-align:center}.hero-title{font-family:var(--font-cn);font-size:clamp(4rem,12vw,8rem);font-weight:200;letter-spacing:.15em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 50%,var(--accent) 100%);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fadeUp 1.5s ease-out,gradientShift 6s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#hero .section-inner{position:relative}#hero .section-inner:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(139,108,247,.05) 0%,rgba(92,196,188,.02) 40%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:heroGlow 5s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes heroGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.4);opacity:.8}}.hero-sub{font-family:var(--font-cn);font-size:clamp(.9rem,2vw,1.1rem);color:var(--text-dim);letter-spacing:.6em;margin-top:12px;animation:fadeUp 1.5s ease-out .4s both}.typing-container{margin-top:16px;min-height:2em;display:flex;align-items:center;justify-content:center;animation:fadeUp 1.5s ease-out .6s both}.typing-text{font-family:var(--font-cn);font-size:clamp(.85rem,2vw,1rem);color:var(--text-dim);letter-spacing:.4em;white-space:nowrap;overflow:hidden}.typing-cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent2);margin-left:4px;animation:blink .8s step-end infinite;vertical-align:text-bottom;opacity:.7}@keyframes blink{0%,to{opacity:.7}50%{opacity:0}}.scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);color:var(--text-dim);font-size:.75rem;letter-spacing:.3em;opacity:.4;animation:float 2.5s ease-in-out infinite;transition:opacity .6s}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#about{min-height:80vh}.about-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:48px 40px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;margin-bottom:32px;position:relative;overflow:hidden;transition:background-color .45s ease,border-color .45s ease}.about-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(139,108,247,.04) 0%,transparent 60%),radial-gradient(circle at 70% 60%,rgba(92,196,188,.04) 0%,transparent 60%);pointer-events:none}.about-greeting{font-family:var(--font-cn);font-size:clamp(1rem,2.5vw,1.25rem);color:var(--accent2);letter-spacing:.3em;margin-bottom:20px;position:relative}.about-text{font-family:var(--font-cn);font-size:clamp(.95rem,2vw,1.1rem);line-height:2.2;color:var(--text);letter-spacing:.08em;position:relative}.about-text .highlight{background:linear-gradient(135deg,var(--accent),var(--accent2));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-traits{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.trait-card{background:var(--bg-card);border:1px solid var(--border);border-radius:100px;padding:8px 20px;font-size:.85rem;color:var(--text-dim);letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;transition:all .35s ease;-webkit-user-select:none;user-select:none}.trait-card:hover{border-color:var(--accent);color:var(--text);transform:translateY(-3px);box-shadow:0 6px 20px #8b6cf71f}.trait-card:nth-child(1):hover{border-color:#8b6cf7}.trait-card:nth-child(2):hover{border-color:#5cc4bc}.trait-card:nth-child(3):hover{border-color:#9b7dfa}.trait-card:nth-child(4):hover{border-color:#6dd5c8}.trait-card:nth-child(5):hover{border-color:#a78bfa}.trait-card:nth-child(6):hover{border-color:#4ecdc4}.about-typing-cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent2);margin-left:3px;animation:blink .8s step-end infinite;vertical-align:text-bottom;opacity:.7}.quote-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:48px 36px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;transition:background-color .45s ease,border-color .45s ease}.quote-badges{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:1}.quote-daily-badge{font-family:var(--font-cn);font-size:.68rem;letter-spacing:.25em;padding:3px 14px;border-radius:100px;background:linear-gradient(135deg,#8b6cf729,#5cc4bc29);border:1px solid rgba(139,108,247,.28);color:var(--accent2);animation:badgeGlow 3s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 6px #8b6cf71a}50%{box-shadow:0 0 16px #5cc4bc38}}.quote-box:before{content:"「";position:absolute;top:8px;left:16px;font-size:3rem;color:var(--accent);opacity:.12;line-height:1}.quote-box:after{content:"」";position:absolute;bottom:0;right:16px;font-size:3rem;color:var(--accent);opacity:.12;line-height:1}.quote-text{font-family:var(--font-cn);font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.9;min-height:3em;display:flex;align-items:center;justify-content:center;transition:opacity .4s}.quote-text.fading{opacity:0}.quote-date{font-size:.8rem;color:var(--text-dim);margin-top:16px}.quote-categories{display:flex;justify-content:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.cat-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:4px 14px;border-radius:100px;font-size:.75rem;cursor:pointer;transition:all .3s;letter-spacing:.05em;font-family:var(--font-cn)}.cat-btn:hover{border-color:var(--accent);color:var(--accent)}.cat-btn.active{background:linear-gradient(135deg,#8b6cf726,#5cc4bc26);border-color:var(--accent);color:var(--accent2)}.quote-meta{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px;transition:opacity .3s}.quote-cat-tag{display:inline;font-size:.7rem;padding:2px 10px;border-radius:100px;background:linear-gradient(135deg,#8b6cf71f,#5cc4bc1f);border:1px solid rgba(139,108,247,.15);color:var(--accent2);letter-spacing:.1em}.quote-source{font-size:.75rem;color:var(--text-dim);font-style:italic}.quote-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:8px 28px;border-radius:100px;font-size:.8rem;cursor:pointer;transition:all .3s;letter-spacing:.1em;font-family:var(--font-cn)}.quote-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.quote-actions .quote-btn{margin-top:0}.quote-btn:hover{border-color:var(--accent);color:var(--accent)}.quote-btn:disabled{opacity:.3;cursor:not-allowed}.collect-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:8px 20px;border-radius:100px;font-size:.8rem;cursor:pointer;transition:all .3s;letter-spacing:.1em;font-family:var(--font-cn);white-space:nowrap}.collect-btn:hover{border-color:var(--accent2);color:var(--accent2);background:#5cc4bc0f}.collect-btn.collected{border-color:#5cc4bc66;color:var(--accent2);background:#5cc4bc1a;box-shadow:0 0 12px #5cc4bc26}.copy-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:8px 18px;border-radius:100px;font-size:.8rem;cursor:pointer;transition:all .3s;letter-spacing:.1em;font-family:var(--font-cn);white-space:nowrap}.copy-btn:hover{border-color:var(--accent);color:var(--accent);background:#8b6cf70f}.card-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:8px 18px;border-radius:100px;font-size:.8rem;cursor:pointer;transition:all .3s;letter-spacing:.1em;font-family:var(--font-cn);white-space:nowrap}.card-btn:hover{border-color:var(--accent2);color:var(--accent2);background:#5cc4bc0f;box-shadow:0 0 12px #5cc4bc26}.card-btn:disabled{opacity:.4;cursor:wait}.collected-box{margin-top:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px 24px 18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .45s ease,border-color .45s ease}.collected-title{text-align:center;font-family:var(--font-cn);font-size:.85rem;font-weight:400;color:var(--text-dim);letter-spacing:.3em;margin-bottom:16px}.collected-count{font-family:system-ui,sans-serif;font-size:.7rem;color:var(--accent2);letter-spacing:.05em}.collected-list{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow-y:auto;padding-right:4px}.collected-list::-webkit-scrollbar{width:4px}.collected-list::-webkit-scrollbar-thumb{background:#8b6cf740;border-radius:4px}.collected-item{display:flex;align-items:flex-start;gap:10px;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;transition:border-color .3s,background-color .45s}.collected-item:hover{border-color:#8b6cf74d}.collected-item-main{flex:1;min-width:0}.collected-item-text{font-family:var(--font-cn);font-size:.88rem;line-height:1.8;color:var(--text);letter-spacing:.03em;word-break:break-word}.collected-item-meta{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}.collected-item-source{font-size:.72rem;color:var(--text-dim);font-style:italic}.collected-remove{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--text-dim);font-size:.75rem;cursor:pointer;transition:all .25s;line-height:1;display:flex;align-items:center;justify-content:center}.collected-remove:hover{color:#ff6b6b;background:#ff6b6b1a}.guestbook-form{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:24px;transition:background-color .45s ease,border-color .45s ease}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 14px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;transition:border-color .3s,background-color .45s;font-family:inherit}.form-group textarea{resize:vertical;min-height:70px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.submit-btn{background:linear-gradient(135deg,var(--accent),#6a4fd4);color:#fff;border:none;padding:10px 32px;border-radius:100px;font-size:.85rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:scale(1.03);box-shadow:0 0 20px #8b6cf733}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.message-list{display:flex;flex-direction:column;gap:10px}.message-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;gap:10px;align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .45s ease,border-color .45s ease}.avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.msg-body{flex:1;min-width:0}.msg-name{font-weight:500;font-size:.8rem}.msg-time{font-size:.7rem;color:var(--text-dim)}.msg-content{font-size:.85rem;color:var(--text-dim);margin-top:2px;word-break:break-word}.msg-actions{margin-top:8px;display:flex;align-items:center}.like-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border);border-radius:100px;padding:2px 10px;font-size:.72rem;color:var(--text-dim);cursor:pointer;transition:all .3s ease;font-family:inherit}.like-btn:hover:not(:disabled){border-color:#ff6b6b4d;color:#ff6b6b;background:#ff6b6b0d}.like-btn.liked{border-color:#ff6b6b40;color:#ff6b6b;background:#ff6b6b0f;cursor:default}.like-btn:disabled{opacity:.85;cursor:default}.like-icon{font-size:.75rem;line-height:1}.like-count{font-variant-numeric:tabular-nums;min-width:.8em;text-align:center}.react-bar{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.react-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border);border-radius:100px;padding:2px 9px;font-size:.7rem;color:var(--text-dim);cursor:pointer;transition:all .25s ease;font-family:inherit;line-height:1.5}.react-btn:hover{border-color:#8b6cf759;background:#8b6cf70f;transform:translateY(-1px)}.react-btn.active{border-color:#5cc4bc73;background:#5cc4bc1a;color:var(--accent2);box-shadow:0 0 10px #5cc4bc2e}.react-icon{font-size:.78rem;line-height:1}.react-count{font-variant-numeric:tabular-nums;min-width:.7em;text-align:center}.react-btn.pop{animation:reactPop .3s ease}@keyframes reactPop{0%{transform:scale(1)}50%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes likePop{0%{transform:scale(1)}40%{transform:scale(1.3)}70%{transform:scale(.95)}to{transform:scale(1)}}.like-btn.pop{animation:likePop .5s cubic-bezier(.175,.885,.32,1.275)}.msg-empty{text-align:center;padding:36px;color:var(--text-dim);font-size:.85rem}footer{position:relative;z-index:1;text-align:center;padding:32px 24px 40px;font-size:.75rem;color:var(--text-dim);opacity:.5;letter-spacing:.15em;transition:opacity .4s}footer:hover{opacity:.8}.footer-tagline{margin-bottom:10px}.footer-stats{display:flex;justify-content:center;align-items:center;gap:4px;font-size:.72rem;letter-spacing:.05em}.stat-item{display:inline-flex;align-items:center;gap:3px;transition:color .3s}.stat-item:hover{color:var(--accent2)}.stat-icon{font-size:.65rem;opacity:.7}.stat-label{opacity:.6}.stat-value{font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.stat-unit{opacity:.5;font-size:.65rem}.stat-divider{margin:0 6px;opacity:.3}.footer-divider{width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent);margin:12px auto;opacity:.3}.footer-site-info{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2px;font-size:.7rem;letter-spacing:.05em;opacity:.5;transition:opacity .4s}footer:hover .footer-site-info{opacity:.8}.site-info-loading{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.site-info-item{display:inline-flex;align-items:center;gap:3px;transition:color .3s;white-space:nowrap}.site-info-item:hover{color:var(--accent2)}.site-info-icon{font-size:.6rem;opacity:.7}.site-info-item strong{font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.site-info-divider{margin:0 4px;opacity:.3}.rings-container{position:relative;padding-left:40px}.rings-loading,.rings-empty{text-align:center;color:var(--text-dim);font-size:.85rem;padding:40px 0;letter-spacing:.1em}.ring-item{position:relative;padding-bottom:32px;display:flex;align-items:flex-start;gap:16px}.ring-line{position:absolute;left:-28px;top:28px;bottom:0;width:1.5px;background:linear-gradient(to bottom,var(--accent),var(--accent2));opacity:.25}.ring-line-last{display:none}.ring-dot{position:absolute;left:-36px;top:4px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;z-index:2}.ring-dot-birth{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 12px #8b6cf74d}.ring-dot-milestone{background:var(--accent2);box-shadow:0 0 10px #5cc4bc4d}.ring-dot-growth{background:var(--accent);box-shadow:0 0 10px #8b6cf74d}.ring-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px 20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex:1;min-width:0;transition:border-color .3s,transform .3s;cursor:default}.ring-card:hover{border-color:#8b6cf74d;transform:translate(4px)}.ring-date{font-size:.7rem;color:var(--text-dim);letter-spacing:.1em;margin-bottom:4px}.ring-title{font-family:var(--font-cn);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:.05em}.ring-desc{font-size:.82rem;color:var(--text-dim);line-height:1.7}#friends{min-height:70vh}.friends-intro{text-align:center;font-family:var(--font-cn);font-size:clamp(.85rem,2vw,.95rem);color:var(--text-dim);letter-spacing:.2em;margin-bottom:32px;line-height:1.8}.friends-grid{display:flex;flex-direction:column;gap:12px}.works-intro{text-align:center;font-family:var(--font-cn);font-size:clamp(.85rem,2vw,.95rem);color:var(--text-dim);letter-spacing:.15em;margin-bottom:32px;line-height:1.8}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.work-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px 22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;transition:all .35s ease;cursor:default}.work-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b6cf70d,#5cc4bc0d);opacity:0;transition:opacity .35s}.work-card:hover{transform:translateY(-4px);border-color:#8b6cf747;box-shadow:0 8px 24px #00000038}.work-card:hover:before{opacity:1}.work-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.work-icon{font-size:1.7rem}.work-stage{font-size:.68rem;letter-spacing:.12em;padding:3px 12px;border-radius:100px;border:1px solid;opacity:.85}.work-stage-bloom{color:#a78bfa;border-color:#a78bfa59;background:#a78bfa14}.work-stage-grow{color:#5cc4bc;border-color:#5cc4bc59;background:#5cc4bc14}.work-stage-sprout{color:#6dd5c8;border-color:#6dd5c859;background:#6dd5c814}.work-title{font-family:var(--font-cn);font-size:1rem;font-weight:600;color:var(--text);letter-spacing:.08em;margin-top:14px;position:relative;z-index:1}.work-desc{font-size:.8rem;color:var(--text-dim);line-height:1.7;margin-top:6px;letter-spacing:.04em;position:relative;z-index:1}@media (max-width: 480px){.work-card{padding:20px 16px}}.friend-card{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px 20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-decoration:none;color:var(--text);transition:all .35s ease;cursor:pointer;position:relative;overflow:hidden}.friend-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b6cf708,#5cc4bc08);opacity:0;transition:opacity .35s}.friend-card:hover{border-color:#8b6cf740;transform:translate(6px);box-shadow:0 4px 20px #0003}.friend-card:hover:before{opacity:1}.friend-icon{font-size:1.6rem;flex-shrink:0;width:40px;text-align:center;position:relative;z-index:1}.friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.friend-name{font-family:var(--font-cn);font-size:.95rem;font-weight:600;color:var(--text);letter-spacing:.08em}.friend-desc{font-size:.78rem;color:var(--text-dim);line-height:1.5;letter-spacing:.05em}.friend-arrow{font-size:1.1rem;color:var(--text-dim);opacity:0;transform:translate(-8px);transition:all .35s ease;flex-shrink:0;position:relative;z-index:1}.friend-card:hover .friend-arrow{opacity:.6;transform:translate(0);color:var(--accent2)}@media (max-width: 480px){.friend-card{padding:14px 16px}.friend-icon{font-size:1.3rem;width:32px}.friend-name{font-size:.88rem}.friend-desc{font-size:.72rem}}#wish{min-height:80vh}.wish-intro{text-align:center;font-family:var(--font-cn);font-size:clamp(.85rem,2vw,.95rem);color:var(--text-dim);letter-spacing:.15em;margin-bottom:32px;line-height:1.8}.wish-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.wish-columns{grid-template-columns:1fr}}.wish-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px 24px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;transition:border-color .35s}.wish-card:hover{border-color:#8b6cf733}.wish-card-icon{font-size:2rem;margin-bottom:8px}.wish-card-title{font-family:var(--font-cn);font-size:1.1rem;font-weight:500;color:var(--text);letter-spacing:.2em;margin-bottom:16px}.wish-textarea{width:100%;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.9rem;font-family:inherit;resize:none;min-height:80px;transition:border-color .3s,background-color .45s}.wish-textarea:focus{outline:none;border-color:var(--accent)}.wish-btn{margin-top:14px;padding:8px 28px;border-radius:100px;font-size:.85rem;cursor:pointer;transition:all .3s;font-family:inherit;letter-spacing:.1em;border:none}.wish-btn-send{background:linear-gradient(135deg,var(--accent),#6a4fd4);color:#fff}.wish-btn-send:hover:not(:disabled){transform:scale(1.03);box-shadow:0 0 20px #8b6cf733}.wish-btn-fetch{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.wish-btn-fetch:hover:not(:disabled){border-color:var(--accent2);color:var(--accent2)}.wish-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.wish-lantern{min-height:100px;background:var(--lantern-bg);border:1px solid var(--border);border-radius:10px;padding:20px 16px;display:flex;align-items:center;justify-content:center;transition:border-color .5s,background-color .45s}.wish-lantern.has-wish{border-color:#ffc10740;background:radial-gradient(ellipse at center,rgba(255,193,7,.04) 0%,transparent 70%);animation:lanternGlow 3s ease-in-out infinite}@keyframes lanternGlow{0%,to{box-shadow:0 0 8px #ffc1070d}50%{box-shadow:0 0 20px #ffc1071f}}.wish-lantern-placeholder{font-family:var(--font-cn);font-size:.85rem;color:var(--text-dim);line-height:1.7;opacity:.55}.wish-result{animation:fadeUp .6s ease-out}.wish-result-line{font-family:var(--font-cn);font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.9;color:var(--text);letter-spacing:.05em}.wish-result-date{font-size:.72rem;color:var(--text-dim);margin-top:10px;opacity:.5}.wish-footer{text-align:center;margin-top:24px;font-size:.78rem;color:var(--text-dim);letter-spacing:.1em}.wish-footer strong{color:var(--accent);font-weight:600}#ambient{min-height:60vh}.ambient-intro{text-align:center;font-family:var(--font-cn);font-size:clamp(.85rem,2vw,.95rem);color:var(--text-dim);letter-spacing:.15em;margin-bottom:32px;line-height:1.8}.ambient-controls{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.ambient-btn{width:130px;padding:24px 16px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:all .4s;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit}.ambient-btn:hover{border-color:var(--accent);transform:translateY(-4px)}.ambient-btn.playing{border-color:var(--accent2);background:linear-gradient(135deg,#5cc4bc0f,#8b6cf70f);box-shadow:0 0 24px #5cc4bc14}.ambient-icon{display:block;font-size:2rem;margin-bottom:10px}.ambient-label{display:block;font-size:.85rem;color:var(--text);letter-spacing:.1em;margin-bottom:6px}.ambient-status{display:inline-block;width:6px;height:6px;border-radius:50%;background:transparent;transition:background .3s}.ambient-btn.playing .ambient-status{background:var(--accent2);animation:pulse 1.2s ease-in-out infinite}.ambient-vol{text-align:center;margin-top:24px}.ambient-vol-label{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-dim);letter-spacing:.05em;cursor:default}.ambient-slider{width:120px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer;transition:background .3s}.ambient-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent2);border:none;cursor:pointer;transition:transform .2s}.ambient-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.ambient-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent2);border:none;cursor:pointer}.ambient-vol-val{font-variant-numeric:tabular-nums;min-width:3em;text-align:right;font-size:.78rem;color:var(--text-dim)}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .7s ease-out,transform .7s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(80px);background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 24px;border-radius:10px;font-size:.85rem;color:var(--text);z-index:200;opacity:0;transition:all .4s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.progress-bar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent));z-index:300;width:0%;transition:width .1s linear;box-shadow:0 0 8px #8b6cf74d}.back-to-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-dim);font-size:1.2rem;cursor:pointer;z-index:200;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease,border-color .3s,color .3s;display:flex;align-items:center;justify-content:center;pointer-events:none}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px #8b6cf726}.site-logo{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:8px;font-family:var(--font-cn);font-size:.9rem;color:var(--text);text-decoration:none;z-index:240;background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 16px;border-radius:100px;cursor:pointer;transition:all .35s ease,background-color .45s,border-color .45s;box-shadow:0 2px 14px #0000002e}.site-logo span{font-weight:500;letter-spacing:.15em}.site-logo:hover{border-color:var(--accent2);color:var(--accent2);transform:translateY(-2px);box-shadow:0 0 18px #5cc4bc38}.site-logo:active{transform:translateY(0) scale(.96)}@media (max-width: 480px){.site-logo{top:14px;left:14px;padding:6px 12px;font-size:.8rem;gap:6px}.site-logo span{letter-spacing:.1em}}.theme-toggle{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:1.15rem;line-height:1;cursor:pointer;z-index:250;display:flex;align-items:center;justify-content:center;transition:all .35s ease,background-color .45s,border-color .45s;box-shadow:0 2px 14px #0000002e}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-2px) rotate(15deg);box-shadow:0 0 18px #8b6cf738}.theme-toggle:active{transform:translateY(0) scale(.92)}@media (max-width: 480px){.theme-toggle{top:14px;right:14px;width:40px;height:40px;font-size:1.05rem}}@media (max-width: 480px){.section{padding:60px 20px}.quote-box{padding:36px 24px}.guestbook-form{padding:20px 16px}footer{padding:24px 20px}.rings-container{padding-left:32px}.ring-dot{left:-30px;width:18px;height:18px;font-size:.55rem}.ring-line{left:-22px}.ring-card{padding:12px 16px}}