/* 临听视觉系统：纸白、鼠尾草绿与低饱和水彩色。 */
:root{--paper:#f7f5ef;--ink:#3f5a4e;--text:#5e7465;--muted:#8a948d;--line:#e2e6de;--sage:#dce7de;--lavender:#d8d2e8;--water:#d9e4ec;--peach:#f0d5c9;--ease:cubic-bezier(.22,.68,0,1.01);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--text);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button{transition:background .25s,transform .35s var(--ease),box-shadow .3s,color .25s}button:hover{filter:brightness(.985)}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #958cad;outline-offset:5px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button svg{pointer-events:none}[hidden]{display:none!important}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.site-header{height:104px;position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;border-bottom:1px solid rgba(121,144,125,.13);background:rgba(247,245,239,.83);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand-seal{width:35px;height:39px;display:grid;place-items:center;transform:rotate(-5deg);border:1px solid #708676;border-radius:40% 40% 36% 36%}.brand-seal .icon{width:22px;height:24px}.brand-cn{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:31px;letter-spacing:5px;color:#3a5144}.brand-en{font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;font-size:17px;letter-spacing:1px;padding-left:12px;margin-left:2px;border-left:1px solid #cbd4c9}.main-nav{display:flex;gap:8px;position:absolute;left:50%;transform:translateX(-50%);padding:5px;border:1px solid #e5e7de;background:rgba(255,255,255,.26);border-radius:32px}.nav-link{display:flex;align-items:center;gap:8px;padding:11px 21px;border-radius:25px;font-size:13px;white-space:nowrap;color:#879087}.nav-link .icon{width:16px;height:16px}.nav-link.active{background:#e4eadd;color:#506852;box-shadow:0 2px 5px #64735105}.header-note{font-family:"Songti SC",STSong,serif;font-size:14px;letter-spacing:2px;color:#80907e}.header-note>span{font-size:24px;vertical-align:middle;margin-left:16px;color:#8ca18c}
.view{min-height:100svh;animation:view-enter .6s var(--ease)}.map-view{position:relative;height:100svh;min-height:720px;overflow:hidden;background:#edf0e7}.map-viewport{position:absolute;inset:104px 0 0;overflow:hidden}.map-art{position:absolute;inset:0;transform-origin:60% 50%;transition:transform .75s var(--ease)}.illustrated-map{display:block;width:100%;height:100%;opacity:.89}.map-viewport:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(247,245,239,.83),rgba(247,245,239,.57) 21%,transparent 47%),linear-gradient(0deg,rgba(247,245,239,.73),transparent 25%,transparent 80%,rgba(247,245,239,.12))}.map-topline{position:absolute;z-index:3;top:135px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between}.location-pill{display:flex;align-items:center;gap:9px;font-size:12px;background:#fbfaf3b3;border:1px solid #ffffffb8;border-radius:30px;padding:12px 17px;box-shadow:0 4px 20px #526b4704;backdrop-filter:blur(12px)}.location-pill .icon{height:16px;width:16px}.location-pill .sun{color:#a19e79}.location-divider{height:14px;width:1px;background:#cfd8cd;margin:0 5px}.map-filters{display:flex;gap:3px;padding:5px;border-radius:30px;background:#fbfaf3b8;border:1px solid #ffffffb8;backdrop-filter:blur(10px)}.filter{border-radius:25px;padding:10px 16px;font-size:12px;display:flex;align-items:center;gap:7px;color:#829081}.filter.active{background:#e5eadd;color:#526850}.dot{width:6px;height:6px;border-radius:50%}.peach-dot{background:#dbaf9c}.apricot-dot{background:#d5aa83}.blue-dot{background:#96b5cb}.map-intro{position:absolute;z-index:4;left:6.3%;top:33%;width:292px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:3px;color:#8a9a87;display:flex;align-items:center;gap:9px}.live-dot{width:5px;height:5px;border-radius:50%;background:#91a889;box-shadow:0 0 0 4px #a4b49c13}.map-intro h1{font-family:"Songti SC",STSong,"Noto Serif CJK SC",serif;font-weight:400;font-size:clamp(40px,3.5vw,57px);line-height:1.45;letter-spacing:4px;color:#415e4b;margin:22px 0 20px}.map-intro>p{font-size:13px;line-height:2.05;letter-spacing:1.2px;color:#8a9987}.intro-divider{height:1px;width:46px;background:#bcc8b5;margin:32px 0 25px}.nearby-link{padding:0;display:flex;gap:12px;align-items:center;width:100%;text-align:left}.tiny-wave{width:39px;height:39px;border-radius:50%;background:#e7ebdfaa;border:1px solid #fff8;display:grid;place-items:center}.tiny-wave .icon{width:19px}.nearby-link strong{font-weight:400;font-size:13px}.nearby-link b{font-weight:500;font-family:Georgia,serif;font-size:16px}.nearby-link small{display:block;font-size:10px;margin-top:7px;color:#99a18f;letter-spacing:.3px}.nearby-link>.icon{width:17px;margin-left:5px;color:#8a9b81}.map-bottom-center{position:absolute;bottom:54px;left:55%;transform:translateX(-50%);z-index:4;text-align:center;display:flex;flex-direction:column;gap:14px}.leave-voice-button{padding:19px 25px;border:1px solid #f4f1f8;background:#dad5e6;color:#6d627f;border-radius:40px;display:flex;gap:16px;align-items:center;justify-content:center;min-width:256px;box-shadow:0 10px 30px #82789120,inset 0 1px 0 #fff7}.leave-voice-button:hover{background:#d2cbdf;box-shadow:0 14px 35px #82789130;transform:translateY(-3px)}.leave-voice-button span{font-size:14px;letter-spacing:1.5px}.leave-voice-button>.icon:last-child{width:17px;margin-left:13px}.map-bottom-center>span{font-size:10px;color:#929c8d;letter-spacing:1px;white-space:nowrap}.map-controls{position:absolute;right:4.2%;bottom:90px;z-index:5;display:flex;flex-direction:column;gap:12px}.icon-button{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#f9f9f2b8;border:1px solid #fff8}.locate-button{width:44px;height:44px;border-radius:15px;backdrop-filter:blur(8px);box-shadow:0 3px 16px #4a665309}.zoom-control{width:44px;border-radius:15px;background:#f9f9f2c9;border:1px solid #fff9;display:flex;flex-direction:column;box-shadow:0 3px 16px #4a665309;overflow:hidden}.zoom-control button{height:39px;font-size:20px;font-weight:300}.zoom-control button+button{border-top:1px solid #dce2d67d}.map-footnote{position:absolute;z-index:3;bottom:21px;left:4.2%;display:flex;align-items:end;gap:16px;font-size:9px;color:#9aa291}.map-scale{border-bottom:1px solid #9aa291;width:54px;text-align:center;position:relative;line-height:1.7;font-family:Georgia,serif}.map-scale:before,.map-scale:after{content:"";position:absolute;bottom:0;height:4px;border-left:1px solid #9aa291}.map-scale:before{left:0}.map-scale:after{right:0}.map-corner-note{position:absolute;right:4.2%;bottom:24px;font:italic 12px Georgia,serif;letter-spacing:.3px;color:#94a295}
/* 涟漪只改变透明度与缩放，避免触发布局计算。 */
.sound-marker{position:absolute;width:58px;height:58px;transform:translate(-50%,-50%);z-index:6;display:grid;place-items:center;border-radius:50%;--marker:#e8baa7;--marker-fade:#e8baa75c;overflow:visible}.sound-marker:hover{transform:translate(-50%,-50%) scale(1.06);z-index:8}.sound-marker:active{transform:translate(-50%,-50%) scale(.96)}.marker-one{left:64%;top:40%}.marker-two{left:76%;top:61%}.marker-three{left:46%;top:24%}.marker-four{left:57%;top:65%}.blue{--marker:#a6c4d5;--marker-fade:#a6c4d55c}.apricot{--marker:#e5bf96;--marker-fade:#e5bf965c}.lavender{--marker:#beb4d9;--marker-fade:#beb4d960}.marker-core{position:relative;z-index:2;display:grid;place-items:center;height:35px;width:35px;border-radius:50%;background:var(--marker);border:4px solid #fcfaf2dd;box-shadow:0 0 0 8px #fff4,0 4px 13px var(--marker-fade);color:#fff}.marker-core .icon{width:17px;height:17px;stroke-width:1.8}.marker-ripple{position:absolute;inset:1px;border:1px solid #ffffffba;border-radius:50%;background:var(--marker-fade);animation:ripple 5s ease-out infinite;box-shadow:0 0 15px var(--marker-fade)}.marker-ripple.second{animation-delay:-2.5s}.marker-two .marker-ripple{animation-delay:-1s}.marker-two .second{animation-delay:-3.5s}.marker-three .marker-ripple{animation-delay:-1.8s}.marker-four .marker-ripple{animation-delay:-3.2s}.marker-caption{position:absolute;top:61px;left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;font-size:11px;letter-spacing:.5px;color:#5f7966;text-shadow:0 1px 6px #fff,0 1px 4px #fff;background:rgba(250,249,241,.64);padding:8px 13px;border:1px solid #fff6;border-radius:11px;backdrop-filter:blur(8px);box-shadow:0 3px 10px #60746104}.marker-caption>span{display:block;margin-top:5px;font-size:9px;color:#91a18e;letter-spacing:1px}.you-radius{position:absolute;left:61%;top:53%;height:200px;width:200px;transform:translate(-50%,-50%);border:1px dashed #95adae52;background:#b4d1cf14;border-radius:50%}.you-marker{position:absolute;left:61%;top:53%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;z-index:5}.you-marker i{width:13px;height:13px;border:3px solid #fff;background:#749c91;border-radius:50%;box-shadow:0 0 0 6px #749c9117}.you-marker span{font-size:9px;margin-top:8px;color:#748d7b;white-space:nowrap;text-shadow:0 1px 4px #fff}.new-marker{--marker:#e8baa7;--marker-fade:#e8baa75c}.marker-label{position:absolute;top:60px;font-size:10px;white-space:nowrap;background:#faf9f0d9;padding:7px 10px;border-radius:12px}
.quiet-view{position:relative;padding:104px 6.3% 60px;background:radial-gradient(ellipse at 33% 44%,#efeee580,transparent 44%),var(--paper)}.back-link{position:absolute;top:140px;left:6.3%;display:flex;align-items:center;gap:10px;font-size:12px;color:#8b9687;padding:4px 0}.back-link .icon{width:17px;height:17px}.quiet-location{position:absolute;top:146px;right:6.3%;display:flex;align-items:center;gap:7px;font-size:11px;color:#94a08e}.quiet-location .icon{width:14px;height:14px}.quiet-footer{position:absolute;bottom:29px;left:0;right:0;text-align:center;font-family:"Songti SC",STSong,serif;font-size:13px;letter-spacing:2px;color:#98a18f}.listen-layout{max-width:1060px;margin:0 auto;min-height:calc(100svh - 164px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:68px;padding:95px 0 70px}.orb-wrap{position:relative;display:grid;place-items:center;isolation:isolate}.listening-orb{height:390px;width:390px;max-width:100%;margin:auto}.orb-halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#e7e1e555 15%,#e6e8df37 45%,transparent 69%);transform:scale(1.26);filter:blur(8px);z-index:-1}.organic-blob{position:relative;height:70%;width:70%;border-radius:44% 56% 56% 44%/43% 42% 58% 57%;background:radial-gradient(ellipse at 29% 23%,#e0e8df 3%,transparent 51%),radial-gradient(ellipse at 70% 75%,#e7c9c28c,transparent 60%),linear-gradient(145deg,#bfcfbf 5%,#d1cbdc 56%,#e6d7d2 100%);box-shadow:inset 5px 7px 19px #ffffff48,inset -8px -10px 24px #ada1ba17,0 20px 65px #8e9b8710;animation:organic-morph 12s ease-in-out infinite;will-change:border-radius,transform}.blob-inner{position:absolute;inset:10%;border-radius:40% 60% 49% 51%/58% 44% 56% 42%;background:radial-gradient(ellipse at 27% 17%,#f8faf041,transparent 60%);animation:organic-morph 15s ease-in-out infinite reverse;filter:blur(8px)}.orb-wave{position:absolute;width:72px;height:36px;stroke:#ffffffb5;stroke-linecap:round;stroke-width:2;fill:none}.listen-copy h1{font-family:"Songti SC",STSong,serif;font-weight:400;font-size:38px;letter-spacing:2px;line-height:1.5;color:#49634f;margin:18px 0 14px}.voice-byline{font-size:11px;display:flex;gap:12px;color:#96a18e}.listen-poem{font-family:"Songti SC",STSong,serif;letter-spacing:1px;line-height:2.05;font-size:16px;color:#8d9a85;margin:30px 0 35px}.player{display:flex;gap:16px;align-items:center}.play-button{height:54px;width:54px;border-radius:50%;background:#dce5d6;color:#66805c;display:grid;place-items:center;flex-shrink:0}.play-button .icon{width:19px;height:19px;margin-left:2px;fill:currentColor;stroke-width:0}.play-button.playing:after{content:"";height:15px;width:11px;border-left:4px solid currentColor;border-right:4px solid currentColor}.play-button.playing svg{display:none}.player-track{flex:1}.player-label{display:flex;justify-content:space-between;font-size:10px;color:#8a9884;margin-bottom:12px}.player-label>span:first-child{color:#68805e;font-size:11px}.progress-track{height:3px;border-radius:5px;background:#e3e6dc;overflow:hidden}.progress-track>span{display:block;width:0;height:100%;background:#9eae92;border-radius:5px;transition:width .2s linear}.demo-audio-note{display:block;font-size:9px;color:#a1a797;margin:14px 0 0 70px;line-height:1.6}.response-row{display:flex;gap:15px;align-items:center;padding-top:29px;margin-top:30px;border-top:1px solid #e2e6da;flex-wrap:wrap}.response-row button{display:flex;align-items:center;gap:6px;font-size:11px;padding:0;color:#8a9880}.response-row .icon{width:15px;height:15px}.response-row>span{font-size:9px;color:#a5ad9c;margin-left:auto}.response-row button.responded{color:#c7917c}.playing .organic-blob,.organic-blob.playing{animation-duration:6s}.playing .orb-wave{animation:wave-breathe 2s ease-in-out infinite}
.record-view{min-height:800px;height:100svh;display:flex;align-items:center;flex-direction:column;padding-top:104px;overflow:hidden}.record-heading{text-align:center;margin-top:78px}.record-heading .eyebrow{justify-content:center;font-size:9px;letter-spacing:3.7px}.record-heading h1{font-family:"Songti SC",STSong,serif;font-weight:400;font-size:33px;letter-spacing:3px;color:#526b55;margin:17px 0 14px}.record-heading p{font-size:12px;letter-spacing:1px;color:#9aa38f}.record-orb{width:320px;height:320px;margin-top:13px;flex-shrink:0}.record-orb .organic-blob{height:70%;width:70%}.orb-center-dot{height:5px;width:5px;position:absolute;left:50%;top:50%;background:#ffffffaf;border-radius:50%;box-shadow:0 0 18px 8px #fff1}.record-console{display:flex;align-items:center;flex-direction:column;position:relative;margin-top:-8px}.record-timer{font-family:"Palatino Linotype",Palatino,serif;font-size:17px;letter-spacing:2px;color:#7b8973;font-variant-numeric:tabular-nums}.record-timer small{font-size:12px;color:#b0b5a8;letter-spacing:1px}.record-button{height:68px;width:68px;display:grid;place-items:center;border-radius:50%;background:#e0dbe9;border:5px solid #f0edf3;margin:19px 0 13px;box-shadow:0 0 0 1px #d9d3e3,0 8px 24px #81789113;color:#82758e}.record-button:hover{box-shadow:0 0 0 7px #e5dfed66,0 8px 24px #81789113}.record-button .icon{width:23px;height:23px;stroke-width:1.5}.record-console>#record-status{font-size:10px;letter-spacing:1px;color:#98a18e;max-width:380px;text-align:center;line-height:1.7}.stop-square{display:none;width:15px;height:15px;border-radius:4px;background:#9584a1}.recording .record-button svg,.record-button.recording svg{display:none}.recording .record-button .stop-square,.record-button.recording .stop-square{display:block}.recording .record-button{box-shadow:0 0 0 9px #e6dfeb4a;animation:button-breathe 3s ease-in-out infinite}.recording .organic-blob,.organic-blob.recording{animation:organic-morph 5s ease-in-out infinite;filter:saturate(1.13)}.recording .orb-halo{animation:wave-breathe 4s ease-in-out infinite}.record-actions{display:flex;align-items:center;gap:24px;margin-top:18px}.text-button{font-size:12px;color:#89917e;padding:8px 0;display:inline-flex;align-items:center;gap:8px}.text-button .icon{width:16px}.soft-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#e4e9dc;padding:13px 20px;font-size:12px;border-radius:26px;color:#708263;white-space:nowrap}.soft-button .icon{width:17px;height:17px}.record-footer{position:absolute;bottom:29px;text-align:center;color:#a7ae9e;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:22px}.record-footer button{font-size:10px;padding:0;color:#97a18c;border-bottom:1px solid #cfd6c6;padding-bottom:3px}.record-footer button>span{color:#b0b6a6}
.echoes-content{max-width:1040px;margin:90px auto 30px}.echoes-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.echoes-heading h1{font-family:"Songti SC",STSong,serif;font-size:38px;letter-spacing:5px;font-weight:400;color:#526b55;margin:17px 0}.echoes-heading p{font-size:12px;color:#9aa38f;letter-spacing:1px}.echo-stats{display:flex;align-items:center;gap:60px;padding:42px 0;margin-top:20px;border-bottom:1px solid #dde3d5}.echo-stats>div:not(.echo-stats-note){display:flex;align-items:center;gap:15px}.echo-stats strong{font-family:"Palatino Linotype",Palatino,serif;font-weight:400;font-size:39px;color:#6f8565}.echo-stats span{font-size:11px;color:#94a18a}.echo-stats-note{margin-left:auto;display:flex;align-items:center;gap:9px;font-family:"Songti SC",STSong,serif;font-size:13px;color:#a1ae95}.echo-stats-note .icon{width:20px}.echo-list-heading{display:flex;align-items:center;justify-content:space-between;padding:30px 0 20px}.echo-list-heading h2{font-size:13px;font-weight:400;letter-spacing:1px}.echo-list-heading>span{font-size:10px;color:#abb2a1}.own-sounds{display:grid;grid-template-columns:1fr;gap:12px}.echo-empty,.empty-state{text-align:center;padding:20px 0 45px;grid-column:1/-1;display:flex;align-items:center;flex-direction:column}.mini-orb,.empty-ripple{height:70px;width:76px;margin-bottom:20px;background:linear-gradient(150deg,#dce5d6,#d9d2e2);border-radius:45% 55% 51% 49%/55% 40% 60% 45%;animation:organic-morph 12s infinite ease-in-out;box-shadow:0 0 35px #dce1d748}.echo-empty h3,.empty-state h2{font-family:"Songti SC",STSong,serif;font-weight:400;font-size:19px;letter-spacing:2px;color:#839477}.echo-empty p,.empty-state p{font-size:11px;letter-spacing:1px;color:#a6af9b;margin:13px 0 18px}.own-sound-card{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:24px 25px;background:#fdfcf650;border:1px solid #e5e9dd;border-radius:18px;gap:20px}.own-sound-card:hover{background:#eef1e6}.own-sound-card strong{font-family:"Songti SC",STSong,serif;font-size:18px;font-weight:400;color:#6b805d;line-height:1.6}.own-sound-card span{font-size:11px;color:#98a68c;line-height:1.8}.primary-button{border-radius:25px;background:#e3e8da;font-size:12px;padding:12px 20px}
.publish-sheet{border:1px solid #fff;border-radius:28px;padding:30px 34px;width:min(510px,calc(100% - 30px));color:var(--text);background:#f9f8f2;box-shadow:0 20px 100px #30473526;max-height:90svh;overflow:auto}.publish-sheet::backdrop{background:#4b60523b;backdrop-filter:blur(10px)}.sheet-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.sheet-top .eyebrow{font-size:8px;letter-spacing:2px}.sheet-top .icon-button{width:28px;height:28px;background:none;border:0}.sheet-top .icon{width:18px}.publish-sheet h2{font-family:"Songti SC",STSong,serif;font-weight:400;font-size:26px;letter-spacing:1px;margin:19px 0 12px}.sheet-description{font-size:12px;color:#96a18c;line-height:1.8;margin-bottom:25px}.field-label,fieldset legend{font-size:11px;color:#7e8d73;display:block;margin-bottom:11px}.field-label span{font-size:10px;color:#afb6a6;margin-left:6px}#voice-title{width:100%;border:1px solid #e0e5d7;background:#f1f3e9;border-radius:10px;padding:13px 14px;font-size:12px;color:#687c5d}#voice-title::placeholder{color:#a7b09b}.field-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.field-row .field-label{margin:0}.field-row select{font-size:11px;padding:7px 10px;color:#839276;background:#f0f2e8;border:1px solid #e1e6d8;border-radius:8px}fieldset{padding:0;border:0;margin:24px 0 0}fieldset legend{padding:0}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-card{display:flex;align-items:center;gap:9px;background:#f5f5ed;border:1px solid #e3e7d9;border-radius:13px;padding:15px 11px;cursor:pointer}.choice-card:has(input:checked){background:#e9ecdf;border-color:#cbd7bc}.choice-card input{accent-color:#95a885;margin:0;width:12px;height:12px}.choice-card strong{font-size:12px;font-weight:400;color:#778b6a;display:block}.choice-card small{font-size:9px;color:#9fa98f;display:block;margin-top:6px}.radius-choices{display:flex;gap:10px}.radius-choices label{position:relative;flex:1;cursor:pointer}.radius-choices input{position:absolute;opacity:0}.radius-choices span{display:block;text-align:center;padding:12px;background:#f0f2e9;border:1px solid #e3e7d9;border-radius:10px;font-size:12px;color:#a0aa94}.radius-choices input:checked+span{background:#e5eadb;border-color:#c5d2b8;color:#778b69}.radius-choices input:focus-visible+span{outline:2px solid #958cad;outline-offset:3px}.publish-button{margin-top:26px;width:100%;padding:16px 20px;background:#dcd6e7;border-radius:27px;color:#867495;font-size:13px;display:flex;align-items:center;justify-content:center;gap:20px}.publish-button .icon{width:18px}.sheet-note{font-size:9px;text-align:center;color:#afb5a5;line-height:1.7;margin-top:13px}#record-preview{width:100%;height:38px;margin:0 0 20px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:100;color:#f9faf3;background:#596f59ed;box-shadow:0 8px 30px #334b2e22;border:1px solid #76866b;border-radius:16px;padding:14px 22px;font-size:12px;line-height:1.6;max-width:calc(100% - 30px);width:max-content;transition:transform .4s var(--ease),opacity .3s;backdrop-filter:blur(15px)}.toast.visible,.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes ripple{0%{transform:scale(.62);opacity:.6}85%,100%{transform:scale(1.8);opacity:0}}@keyframes organic-morph{0%,100%{border-radius:44% 56% 56% 44%/43% 42% 58% 57%;transform:rotate(-9deg) scale(1)}25%{border-radius:54% 46% 43% 57%/51% 55% 45% 49%;transform:rotate(2deg) scale(1.025,.98)}50%{border-radius:59% 41% 52% 48%/45% 59% 41% 55%;transform:rotate(9deg) scale(.985,1.03)}75%{border-radius:46% 54% 59% 41%/57% 47% 53% 43%;transform:rotate(-3deg) scale(1.01)}}@keyframes wave-breathe{50%{opacity:.65;transform:scale(1.08)}}@keyframes button-breathe{50%{box-shadow:0 0 0 14px #e6dfeb1a}}@keyframes view-enter{from{opacity:0}to{opacity:1}}
@media(min-width:1700px){.map-intro{left:8%;top:34%}.map-intro h1{font-size:62px}.map-bottom-center{bottom:70px}.record-heading{margin-top:100px}.record-orb{width:370px;height:370px}.record-console{margin-top:5px}.record-heading h1{font-size:38px}}
@media(max-width:1100px){.header-note{display:none}.site-header{padding:0 4%}.main-nav{left:auto;right:4%;transform:none}.map-intro{left:5%;width:255px;top:34%}.map-intro h1{font-size:45px}.map-bottom-center{left:57%}.marker-three{left:47%;top:28%}.listen-layout{gap:20px}.listening-orb{width:320px;height:320px}.listen-copy h1{font-size:32px}.echo-stats-note{display:none}.response-row>span{margin-left:0}.record-heading{margin-top:80px}}
@media(max-width:760px){.site-header{height:83px;padding:0 22px}.brand{gap:8px}.brand-seal{width:27px;height:31px}.brand-seal .icon{width:18px}.brand-cn{font-size:26px;letter-spacing:3px}.brand-en{font-size:14px;padding-left:9px;margin-left:0}.main-nav{padding:4px;right:21px;border:0;background:#e9ecdf66;gap:0}.nav-link{padding:9px 11px;font-size:11px}.nav-link .icon{display:none}.map-view{min-height:730px;height:100svh}.map-viewport{top:83px}.map-art{width:150%;left:-40%;right:auto}.map-viewport:after{background:linear-gradient(180deg,#f7f5ef55,transparent 40%,transparent 52%,#f7f5ef99 82%,#f7f5efdd),linear-gradient(90deg,#f7f5ef44,transparent 60%)}.map-topline{top:104px;left:22px;right:22px;display:block}.location-pill{display:inline-flex;padding:10px 12px;font-size:10px;gap:6px;background:#faf9f1c9}.location-pill .icon{width:13px;height:13px}.map-filters{margin-top:14px;display:inline-flex;position:absolute;right:0;top:-2px;padding:4px;background:#faf9f1cc}.filter{font-size:10px;padding:9px 10px;gap:4px}.filter:first-child{font-size:0;padding:9px 10px}.filter:first-child:after{content:"全部";font-size:10px}.filter .dot{width:4px;height:4px}.map-intro{left:26px;top:auto;bottom:171px;width:265px}.map-intro .eyebrow{font-size:8px;letter-spacing:2.5px}.map-intro h1{font-size:34px;line-height:1.35;letter-spacing:3px;margin:14px 0 12px}.map-intro h1 br{display:initial}.map-intro>p{font-size:11px;line-height:1.7;letter-spacing:.7px}.map-intro>p br{display:none}.intro-divider{display:none}.nearby-link{margin-top:15px;gap:9px}.tiny-wave{width:29px;height:29px}.tiny-wave .icon{width:14px}.nearby-link strong{font-size:11px}.nearby-link b{font-size:13px}.nearby-link small{display:none}.nearby-link>.icon{width:14px}.map-bottom-center{left:50%;bottom:59px;width:calc(100% - 52px);gap:11px}.leave-voice-button{padding:17px 23px;width:100%;min-width:0;gap:13px}.leave-voice-button span{font-size:13px}.leave-voice-button>.icon:last-child{margin-left:auto}.leave-voice-button>.icon:first-child{margin-right:auto}.map-bottom-center>span{font-size:9px}.map-controls{right:24px;bottom:198px;gap:10px}.locate-button{height:39px;width:39px;border-radius:13px}.zoom-control{width:39px;border-radius:13px}.zoom-control button{height:34px;font-size:18px}.map-footnote{left:26px;bottom:17px;gap:11px;font-size:7px}.map-corner-note{display:none}.map-scale{width:37px;font-size:8px}.sound-marker{width:48px;height:48px}.marker-core{width:33px;height:33px}.marker-caption{top:51px;font-size:10px;padding:7px 10px}.marker-caption>span{font-size:8px;margin-top:4px}.marker-one{left:64%;top:29%}.marker-two{left:80%;top:44%}.marker-three{left:47%;top:20%}.marker-four{left:52%;top:42%}.you-marker,.you-radius{left:64%;top:43%}.you-radius{width:150px;height:150px}.you-marker span{font-size:8px}.quiet-view{padding:83px 24px 70px}.back-link{top:109px;left:25px;font-size:10px;gap:7px}.back-link .icon{width:14px}.quiet-location{top:114px;right:25px;font-size:9px;gap:5px}.quiet-location .icon{width:12px}.listen-layout{min-height:auto;display:flex;flex-direction:column;gap:4px;padding:87px 0 25px}.listening-orb{width:250px;height:250px}.listen-copy{text-align:center;width:min(100%,390px)}.listen-copy .eyebrow{justify-content:center;font-size:8px}.listen-copy h1{font-size:28px;margin:15px 0 10px}.voice-byline{justify-content:center;font-size:10px}.listen-poem{font-size:13px;line-height:1.85;margin:21px 0 25px}.player{text-align:left;gap:12px}.play-button{height:45px;width:45px}.demo-audio-note{font-size:8px;margin-left:57px;text-align:left}.response-row{justify-content:center;gap:24px;margin-top:24px;padding-top:23px}.response-row>span{width:100%;font-size:8px;margin-top:-12px}.response-row button{font-size:10px}.quiet-footer{font-size:11px;letter-spacing:1px;bottom:25px}.record-view{min-height:760px;padding-top:83px}.record-heading{margin-top:98px}.record-heading .eyebrow{font-size:8px;letter-spacing:3px}.record-heading h1{font-size:27px;letter-spacing:2px;margin:16px 0 14px}.record-heading p{font-size:10px;letter-spacing:.5px}.record-orb{width:280px;height:280px;margin-top:16px}.record-console{margin-top:0}.record-timer{font-size:17px}.record-button{height:66px;width:66px;margin:20px 0 14px}.record-console>#record-status{font-size:9px}.record-footer{bottom:24px;gap:10px;flex-direction:column;font-size:9px}.record-footer button{font-size:9px}.record-actions{margin-top:16px}.record-actions .soft-button{padding:11px 18px;font-size:11px}.echoes-content{margin:64px 0 30px}.echoes-heading{align-items:start;gap:10px}.echoes-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.echoes-heading h1{font-size:31px;letter-spacing:3px;margin:15px 0}.echoes-heading p{font-size:10px;line-height:1.8;max-width:225px}.echoes-heading>.soft-button{font-size:0;padding:11px;border-radius:50%;margin-top:36px}.echoes-heading>.soft-button .icon{width:19px;height:19px}.echo-stats{gap:28px;padding:26px 0;margin-top:12px;justify-content:start}.echo-stats>div:not(.echo-stats-note){gap:9px}.echo-stats strong{font-size:31px}.echo-stats span{font-size:9px;max-width:72px;line-height:1.8}.echo-list-heading{padding:25px 0 18px}.echo-list-heading h2{font-size:12px}.echo-list-heading>span{font-size:8px}.echo-empty,.empty-state{padding-top:30px}.own-sound-card{padding:18px 15px;align-items:start;flex-direction:column;gap:8px}.own-sound-card strong{font-size:17px}.own-sound-card span{font-size:10px}.publish-sheet{padding:23px;border-radius:24px}.publish-sheet h2{font-size:23px}.sheet-description{font-size:11px}.choice-grid{gap:8px}.choice-card{padding:14px 9px;gap:7px}.choice-card strong{font-size:11px}.choice-card small{font-size:8px}.toast{font-size:11px;padding:12px 18px;bottom:18px}}
@media(max-width:420px){.brand-en{display:none}.site-header{padding:0 22px}.map-filters{position:static;margin-top:11px}.map-intro{bottom:168px}.map-intro h1{font-size:31px}.marker-one{top:31%}.marker-three{top:22%}.record-heading h1{font-size:25px}.record-heading p{font-size:9px}.quiet-location{font-size:8px}.quiet-location .icon{width:11px}.echo-stats{gap:24px}}
@media(max-height:800px) and (min-width:761px){.record-heading{margin-top:60px}.record-orb{width:285px;height:285px;margin-top:7px}.record-console{margin-top:-8px}.record-view{min-height:750px}.listen-layout{padding-top:70px;padding-bottom:40px}.listening-orb{width:330px;height:330px}.map-intro{top:32%}.map-intro h1{font-size:46px;margin:18px 0 15px}.intro-divider{margin:25px 0 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.marker-ripple{opacity:.22!important;transform:scale(1.15)!important}.marker-ripple.second{display:none}}