:root{--paper: #f3f0e8;--ink: #29423b;--jade: #c5d8cb;--blue: #9bb7c1;--apricot: #d6ab83;--font-serif: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "STSong", "SimSun", "Georgia", serif;--font-en-serif: "Baskerville", "Georgia", "Garamond", "Times New Roman", serif;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-serif);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100dvh;display:flex;flex-direction:column;background-image:url(/presence-art/background-quiet.webp);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}button{font-family:var(--font-sans);color:inherit;cursor:pointer}.quote-area{padding:clamp(20px,4.5vw,36px) 20px 0;display:flex;justify-content:center}.quote{margin:0;max-width:34em;text-align:center}.quote-cn{margin:0;font-family:var(--font-serif);font-size:clamp(1.1rem,3.8vw,1.35rem);line-height:2.1;letter-spacing:.04em;font-weight:400;text-shadow:0 1px 2px rgba(255,255,255,.6)}.quote-en{margin:10px 0 0;font-family:var(--font-en-serif);font-size:clamp(.85rem,2.6vw,.95rem);line-height:1.75;letter-spacing:.02em;font-style:italic;opacity:.8}.quote-source{margin-top:12px;font-family:var(--font-sans);font-size:.82rem;opacity:.75;display:flex;align-items:center;justify-content:center;gap:12px}.quote-cycle-btn{background:#fff6;border:1px solid rgba(41,66,59,.22);border-radius:999px;padding:3px 12px;font-size:.76rem;letter-spacing:.02em;opacity:.85;transition:all .22s ease;display:inline-flex;align-items:center;gap:4px}.quote-cycle-btn:hover{opacity:1;border-color:var(--ink);background:#ffffffd9;box-shadow:0 2px 8px #29423b14;transform:translateY(-1px)}.quote-cycle-btn:active{transform:translateY(0)}@keyframes quote-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.quote{animation:quote-in .26s cubic-bezier(.16,1,.3,1) both}.paused .quote{animation-play-state:paused}.entry-area{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3.5vw,28px) 20px}.entry-card{max-width:32em;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;background:#ffffff6b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);box-shadow:0 16px 40px #29423b0f,0 2px 10px #29423b08,inset 0 0 0 1px #29423b0f;border-radius:26px;padding:clamp(24px,5vw,36px) clamp(20px,4vw,32px) clamp(22px,4vw,28px);transition:box-shadow .26s ease}.entry-figure{width:clamp(210px,60vw,256px);height:clamp(210px,60vw,256px);margin-bottom:20px;border-radius:22px;overflow:visible;border:1px solid rgba(41,66,59,.16);background:#ffffffa6;box-shadow:0 8px 24px #29423b14,0 2px 6px #29423b0a;position:relative;transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s ease}.entry-figure img{display:block;width:100%;height:100%;object-fit:cover;border-radius:21px}.entry-figure.is-interactive{cursor:pointer}.entry-figure.is-interactive:hover{transform:scale(1.025);box-shadow:0 12px 32px #29423b24,0 0 0 1px #29423b40}.entry-figure.is-interactive:active{transform:scale(.985)}.entry-figure.is-ringing{border-color:#29423b59;box-shadow:0 0 36px #9bb7c18c}@keyframes bell-ripple-1{0%{transform:scale(.92);opacity:.85}to{transform:scale(1.42);opacity:0}}@keyframes bell-ripple-2{0%{transform:scale(.96);opacity:.65}to{transform:scale(1.58);opacity:0}}.ripple-aura{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:26px;border:2px solid var(--blue);animation:bell-ripple-1 2.8s cubic-bezier(.1,.8,.3,1) infinite;pointer-events:none}.ripple-aura.second-wave{animation:bell-ripple-2 2.8s cubic-bezier(.1,.8,.3,1) infinite .9s;border-color:var(--jade)}.bell-prompt-btn{background:#ffffff8c;border:1px solid rgba(41,66,59,.2);border-radius:999px;padding:5px 16px;font-size:.84rem;letter-spacing:.02em;color:var(--ink);opacity:.88;margin-bottom:18px;cursor:pointer;transition:all .22s ease;display:inline-flex;align-items:center;gap:6px}.bell-prompt-btn:hover{opacity:1;background:#ffffffe6;border-color:var(--ink);box-shadow:0 4px 12px #29423b14;transform:translateY(-1px)}.entry-text{margin:0;font-family:var(--font-serif);font-size:clamp(1.15rem,4vw,1.4rem);line-height:2.1;letter-spacing:.03em;max-width:22em}.entry-text.closing{font-size:clamp(1.05rem,3.6vw,1.25rem);opacity:.92}@keyframes prompt-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.entry-text{animation:prompt-in .24s cubic-bezier(.16,1,.3,1) both}.paused .entry-text{animation-play-state:paused}.collapse-toggle{margin-top:24px;min-height:44px;padding:8px 20px;border:none;background:transparent;font-family:var(--font-sans);font-size:.95rem;text-decoration:underline dotted;text-underline-offset:6px;opacity:.8;transition:opacity .18s ease}.collapse-toggle:hover{opacity:1}.entry-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0 20px clamp(24px,5vw,40px)}.entry-button{min-height:46px;padding:10px 22px;border-radius:999px;border:1px solid rgba(41,66,59,.22);background:#ffffff85;font-family:var(--font-sans);font-size:.98rem;font-weight:500;letter-spacing:.02em;box-shadow:0 2px 6px #29423b0a;transition:all .2s cubic-bezier(.16,1,.3,1)}.entry-button:hover{background:#ffffffd9;border-color:#29423b66;transform:translateY(-1px);box-shadow:0 4px 12px #29423b14}.entry-button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:0 4px 14px #29423b38}@media (max-width: 380px){.entry-nav{gap:8px}.entry-button{padding:9px 16px;font-size:.92rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}