@charset "UTF-8";
:root{--bg:#080909;--surface:#111313;--raised:#171919;--text:#f5f5f1;--secondary:#b5b6b2;--muted:#949794;--line:#303331;--accent:#c7d4bc;--error:#ffb5ae;--font:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;--serif:"Songti SC","Noto Serif CJK SC","STSong",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.5;cursor:wait}::selection{background:#d7dfd0;color:#121512}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}button,a{transition:color .2s,background-color .2s,border-color .2s,opacity .2s}svg{width:20px;height:20px;flex-shrink:0}p,h1,h2,h3{margin:0}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:black;padding:16px}.skip:focus{top:10px}.section-shell{max-width:1552px;padding-left:6%;padding-right:6%;margin:auto}.eyebrow,.tiny-label{font-size:11px;letter-spacing:2px;font-weight:500}.eyebrow span{color:var(--muted);margin:0 13px}.signal{width:5px;height:5px;background:var(--accent);display:inline-block;border-radius:50%;margin-right:9px;vertical-align:middle}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;position:absolute;top:0;left:0;right:0;z-index:5;border-bottom:1px solid #ffffff1c;gap:24px}.brand{display:inline-flex;align-items:center;gap:22px;flex-shrink:0}.brand-word{font-size:31px;letter-spacing:4px;line-height:1;font-weight:800;position:relative;display:inline-block}.orbit{position:absolute;width:70px;height:22px;border-top:1px solid var(--text);border-radius:50%;transform:rotate(-28deg);left:61px;top:3px;pointer-events:none}.brand-cn{font-size:16px;letter-spacing:5px;border-left:1px solid #ffffff4d;padding-left:20px}.header nav{display:flex;gap:35px;align-items:center}.nav-link{background:none;font-size:13px;color:#c2c5c3;min-height:44px;display:inline-flex;align-items:center;gap:7px;position:relative;padding:0}.nav-link.active{color:white}.nav-link.active:after{position:absolute;bottom:1px;left:0;right:0;height:1px;background:white;content:""}.nav-link:hover,.footer-link:hover{color:white}.small-arrow{font-size:16px}.save-count{font-size:10px;border:1px solid #ffffff40;padding:1px 4px;margin-left:1px;color:var(--secondary)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:50px;border:1px solid #d4d5d0;background:transparent;padding:0 25px;font-size:12px;letter-spacing:1px;position:relative;overflow:hidden}.button span{font-size:20px;line-height:1}.button:hover{background:var(--text);color:var(--bg)}.header-publish{min-height:43px;gap:30px;font-size:12px}.hero{height:850px;min-height:720px;max-height:1100px;position:relative;isolation:isolate;display:flex;flex-direction:column;padding:145px 6% 42px;border-bottom:1px solid var(--line);overflow:hidden}.hero-photo{position:absolute;inset:0;z-index:-3;background:url('assets/night-sky.jpg') 50% 42%/cover;filter:none;transform:scale(1.01)}.hero:before{position:absolute;inset:0;content:"";z-index:-2;background:linear-gradient(90deg,#050606e8 0%,#050606a6 45%,#05060620 78%),linear-gradient(0deg,#080909 0%,transparent 37%,#05060626 70%,#05060680 100%)}.hero:after{position:absolute;inset:0;content:"";pointer-events:none;opacity:.035;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2.5px;color:#c8cbc8}.hero-topline .signal{width:4px;height:4px}.hero-content{margin-top:76px}.hero-content .eyebrow{font-size:11px;letter-spacing:2px;color:#dedfdb}.hero-content .eyebrow span{margin:0 12px}h1{font-size:clamp(40px,4.5vw,70px);line-height:1.1;letter-spacing:-2.4px;font-weight:500;margin-top:28px;max-width:1000px}.hero-translation{font-family:var(--serif);font-size:17px;letter-spacing:2px;color:#d6d7d3;margin-top:27px}.hero-source{margin-top:22px;font-size:12px;letter-spacing:1px;color:#c2c5c0;display:flex;align-items:center}.dash{display:inline-block;width:24px;height:1px;background:#c6cac4;margin-right:14px}.source-divider{margin:0 12px;color:#8e948e}.hero-button{margin-top:36px;min-height:48px;gap:38px}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto}.tiny-label{font-size:9px;letter-spacing:2px;color:#9ca39d}.hero-bottom p{font-size:12px;letter-spacing:2px;margin-top:12px;color:#d0d3cd}.scroll-link{font-size:11px;letter-spacing:2px;color:#b7bcb7;display:flex;align-items:center;gap:28px;position:absolute;bottom:43px;left:50%;transform:translateX(-50%)}.scroll-link span{font-size:21px}.hero-index{display:flex;gap:15px;align-items:baseline;font-family:var(--font)}.hero-index strong{font-size:29px;font-weight:400;letter-spacing:1px}.hero-index>span{font-size:11px;letter-spacing:2px;color:#b7beb7}.photo-note{position:absolute;right:6%;bottom:105px;font-size:9px;color:#b5bbb7;letter-spacing:1px}.collection{padding-top:77px;padding-bottom:75px}.section-top{display:flex;justify-content:space-between;align-items:center;color:#b7bdb7}.section-top .eyebrow{font-size:9px}.section-top .eyebrow span{margin:0 10px}.live-label{font-size:10px;color:#a8b0a7;letter-spacing:1px}.collection-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 37px}.collection-title h2{font-size:35px;font-weight:400;letter-spacing:1px}.period{color:#a0ad97}.collection-title p{color:var(--muted);font-size:13px;letter-spacing:1px;margin-top:16px}.text-button{background:transparent;min-height:44px;font-size:12px;display:flex;align-items:center;gap:26px;border-bottom:1px solid #747972;padding:0 0 3px}.text-button span{font-size:22px}.text-button:hover{color:var(--accent);border-color:var(--accent)}.toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:30px;gap:20px}.filters{display:flex;gap:28px;align-items:stretch}.filter{height:55px;background:transparent;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;font-size:12px;padding:0 4px}.filter:hover{color:white}.filter.active{color:white;border-color:var(--text)}.filter span{font-size:9px;color:var(--muted);margin-left:6px}.search{display:flex;gap:11px;align-items:center;color:#a0a69f}.search svg{width:15px;height:15px}.search input{width:222px;background:none;border:0;border-radius:0;padding:12px 0;font-size:11px;letter-spacing:.5px;color:var(--text);min-height:44px}.search input::placeholder{color:#a1a79f}.search input:focus-visible{outline-offset:0}.quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.quote-card{min-width:0;background:var(--surface);border:1px solid #ffffff14;position:relative;transition:border-color .25s}.quote-card:hover{border-color:#ffffff66}.card-visual{position:relative;min-height:340px;display:flex;flex-direction:column;padding:26px;isolation:isolate;overflow:hidden;background:#191d1b}.card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:none;transition:transform .6s,filter .6s}.quote-card:hover .card-image{transform:scale(1.035);filter:none}.card-visual:before{position:absolute;inset:0;z-index:-2;content:"";background:linear-gradient(0deg,#080b0be8,#080b0b40 75%,#080b0b50)}.card-tag{font-size:9px;letter-spacing:2px;align-self:flex-start;border:1px solid #b9c2b16b;padding:5px 9px;color:#eceee8;position:relative}.card-number{position:absolute;right:25px;top:29px;font-size:9px;letter-spacing:2px;color:#c3c9c1}.quote-open{background:none;color:inherit;text-align:left;position:absolute;inset:0;z-index:1}.quote-open:focus-visible{outline-offset:-5px}.card-copy{margin-top:auto;padding-top:43px;pointer-events:none}.quote-mark{font-family:Georgia,serif;font-size:49px;line-height:.6;display:block;color:#bdc5b5;margin-bottom:12px}.card-quote{font-family:var(--serif);font-size:24px;line-height:1.7;letter-spacing:1px;white-space:pre-line;overflow-wrap:anywhere}.card-quote.english{font-family:var(--font);font-size:24px;line-height:1.35;letter-spacing:-.4px}.card-source{font-size:10px;line-height:1.7;color:#c2c9be;margin-top:23px;letter-spacing:.5px}.card-footer{min-height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 22px;gap:8px}.card-location{color:#b0b5ac;font-size:10px;display:flex;align-items:center;gap:6px;line-height:1.6}.card-location svg{width:12px;height:12px}.demo{font-size:8px;letter-spacing:.5px;color:#a1a69e}.card-save{height:44px;width:44px;display:flex;align-items:center;justify-content:center;background:none;color:#b0b7ac;flex-shrink:0}.card-save:hover{color:white}.card-save[aria-pressed="true"]{color:var(--accent)}.card-save[aria-pressed="true"] svg{fill:var(--accent)}.card-save svg{width:16px;height:16px}.card-visual.plain{background:radial-gradient(ellipse at top right,#353c32,transparent 80%),#151914}.quote-card.paper .card-visual{background:#dddcd3;color:#192019}.quote-card.paper .card-visual:before{background:linear-gradient(20deg,#c8c8ba,#e7e7df)}.quote-card.paper .card-tag{color:#384030;border-color:#717768}.quote-card.paper .quote-mark,.quote-card.paper .card-source,.quote-card.paper .card-number{color:#535b4e}.collection-end{display:flex;align-items:center;gap:22px;margin-top:39px;font-size:10px;letter-spacing:1px;color:var(--muted)}.collection-end .line{height:1px;background:var(--line);flex:1}.empty{text-align:center;padding:70px 20px;border:1px solid var(--line)}.empty>span{font-size:50px;color:var(--muted)}.empty h3{font-weight:400;font-size:22px;margin:15px 0}.empty p{color:var(--secondary);margin-bottom:28px;font-size:13px}.invitation{position:relative;text-align:center;padding-top:80px;padding-bottom:92px;border-top:1px solid var(--line);overflow:hidden}.invitation-mark{font:260px/1 Georgia,serif;position:absolute;color:#ffffff05;left:50%;top:42px;transform:translateX(-50%);z-index:-1}.invitation .eyebrow{font-size:9px;color:#a1ab9a;letter-spacing:2.5px}.invitation h2{font-size:31px;line-height:1.8;letter-spacing:3px;font-weight:400;margin:27px 0 29px}.invitation .button{min-width:181px}.invitation-note{font-size:10px;color:#a1a69f;letter-spacing:2px;margin-top:21px}footer{min-height:126px;border-top:1px solid var(--line);display:flex;gap:28px;align-items:center;justify-content:space-between}footer .brand{gap:19px}footer .brand-word{font-size:22px}footer .brand-cn{font-size:12px;letter-spacing:3px;padding-left:17px}footer .orbit{width:50px;left:44px;top:1px}footer>p{font-size:10px;color:var(--muted);letter-spacing:1px}footer p span{margin-left:24px;font-size:9px;letter-spacing:1px}.footer-link{padding:0;background:none;color:var(--secondary);min-height:44px;font-size:11px}.prototype-badge{border:1px solid var(--line);padding:5px 8px;color:#a8ada5;font-size:9px;letter-spacing:1px}
dialog{background:var(--surface);color:var(--text);border:1px solid #555d53;padding:28px 36px 35px;max-width:1040px;width:calc(100% - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:28px}.dialog-top .eyebrow{font-size:10px;color:var(--secondary)}.icon-button{background:none;color:var(--secondary);font-size:27px;line-height:1;min-width:44px;min-height:44px}.icon-button:hover{color:white;background:#ffffff0b}.publish-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:56px}form h2{font-size:32px;font-weight:400;line-height:1.5;letter-spacing:1px}.form-intro{font-size:12px;color:var(--muted);margin:12px 0 25px}form label:not(.upload-zone){display:block;margin-top:19px;margin-bottom:10px;font-size:12px;color:#d1d7cc;letter-spacing:1px}.required{color:var(--accent)}.counter{float:right;color:var(--muted);font-size:10px;letter-spacing:0}.optional{font-size:10px;color:var(--muted);margin-left:8px}form input:not([type="file"]),form textarea,form select{width:100%;background:#0c0e0c;border:1px solid #3b4138;border-radius:0;color:var(--text);padding:13px;resize:vertical;line-height:1.6;min-height:46px;font-size:13px}form textarea{display:block}form input::placeholder,form textarea::placeholder{color:#91998b;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 112px;gap:16px}.upload-zone{display:flex;align-items:center;gap:17px;border:1px dashed #52594b;padding:16px;cursor:pointer;position:relative;margin-top:20px;font-size:12px;min-height:74px}.upload-zone:hover{background:#ffffff05}.upload-zone:focus-within{outline:2px solid var(--accent);outline-offset:4px}.upload-zone svg{width:21px;height:21px;color:#a7b69c}.upload-zone small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.remove-image{display:block;margin-left:auto}.form-error{font-size:12px;color:var(--error);margin-top:14px;line-height:1.7}.submit-button{width:100%;margin-top:13px;background:var(--text);color:var(--bg);font-weight:500}.submit-button:hover{background:#ccd5c5}.local-notice{font-size:10px;line-height:1.8;color:#a5ad9e;margin-top:13px}.preview-column{border-left:1px solid var(--line);padding-left:36px}.preview-column>.eyebrow{display:block;font-size:9px;color:var(--muted);margin:7px 0 23px}.preview-column .eyebrow span{margin:0 7px}.preview-card{position:relative;isolation:isolate;padding:26px;min-height:455px;display:flex;flex-direction:column;background:#222a20;background-size:cover;background-position:center}.preview-shade{position:absolute;inset:0;background:linear-gradient(10deg,#10150fef,#16200e2b);z-index:-1}.preview-copy{margin:auto 0;padding-top:50px}.preview-copy>p{font-family:var(--serif);font-size:25px;letter-spacing:1px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow-y:auto}.preview-copy>span:last-child{display:block;font-size:11px;color:#ccd2c7;margin-top:22px}.preview-bottom{font-size:9px;color:#bcc7b3;padding-top:34px}.preview-tip{font-size:12px;line-height:2.2;letter-spacing:1px;color:var(--muted);margin-top:25px}#detail-dialog{max-width:800px}#detail-content{padding-bottom:4px}.detail-visual{padding:38px;position:relative;isolation:isolate;min-height:260px;display:flex;flex-direction:column;justify-content:center;background:#1a2017}.detail-visual .card-image{filter:none}.detail-visual h2{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}.detail-source{font-size:12px;color:#ced4c8;margin-top:22px;line-height:1.8}.detail-meta{display:flex;justify-content:space-between;color:var(--secondary);font-size:10px;margin:21px 0;gap:15px;flex-wrap:wrap}.detail-note{border-top:1px solid var(--line);padding-top:24px}.detail-note .eyebrow{font-size:9px;color:var(--muted)}.detail-note>p:last-child{color:#d9dfd2;white-space:pre-wrap;font-size:14px;line-height:2;overflow-wrap:anywhere;margin:15px 0 25px}.detail-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.detail-actions .button{min-height:44px;padding:0 15px;gap:18px;font-size:11px}.delete-button{margin-left:auto;color:#e0b6b0}.about-copy h2{font-size:31px;font-weight:400;margin-bottom:25px}.about-copy p{font-size:14px;line-height:2;color:var(--secondary)}.about-copy h3{font-size:16px;font-weight:400;margin:30px 0 12px}#about-dialog{max-width:660px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);padding:15px 25px;background:#e7ebdf;color:#1d2517;z-index:50;font-size:12px;letter-spacing:.5px;max-width:calc(100% - 36px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;line-height:1.6;box-shadow:0 5px 30px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1700px){.hero{padding-left:calc((100vw - 1365px)/2);padding-right:calc((100vw - 1365px)/2)}.header{padding-left:calc((100vw - 1390px)/2);padding-right:calc((100vw - 1390px)/2)}}
@media(max-width:1100px){.header nav{gap:23px}.brand-cn{display:none}.hero{height:790px;min-height:720px}.hero-content{margin-top:80px}h1{font-size:57px}.quote-grid{gap:20px 17px}.card-visual{padding:23px;min-height:320px}.card-quote{font-size:22px}.card-quote.english{font-size:22px}.card-number{right:22px}.card-footer{padding-left:16px;padding-right:9px}.card-location{font-size:9px}.publish-layout{gap:30px}.preview-column{padding-left:25px}.preview-card{padding:22px}footer{gap:20px}footer p span{display:block;margin:9px 0 0}.live-label{font-size:9px}}
@media(max-width:800px){.header{height:84px;padding:0 5%}.brand-word{font-size:27px}.header nav{gap:20px}.header-publish{gap:18px;padding:0 15px;font-size:11px}.hero{height:780px;padding-top:120px;padding-bottom:36px;min-height:0}.hero-topline{font-size:8px;letter-spacing:1.5px}.hero-topline>span:last-child{display:none}.hero-content{margin-top:78px}h1{font-size:55px;letter-spacing:-1.7px}.hero-translation{font-size:15px;letter-spacing:1px;line-height:1.8}.hero-bottom .scroll-link{display:none}.hero-index strong{font-size:25px}.hero:before{background:linear-gradient(90deg,#050606d9,#05060640),linear-gradient(0deg,#080909,transparent 65%)}.hero-photo{background-position:58% center}.photo-note{bottom:105px}.collection{padding-top:57px;padding-bottom:50px}.live-label{display:none}.collection-title h2{font-size:29px}.quote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.card-visual{min-height:340px;padding:25px}.card-quote{font-size:24px}.filters{gap:22px}.search input{width:170px;font-size:10px}.collection-title{margin-bottom:22px}.invitation{padding-top:66px;padding-bottom:70px}.invitation h2{font-size:27px}.publish-layout{grid-template-columns:1fr}.preview-column{display:none}#publish-dialog{max-width:540px}dialog{padding:20px 25px 28px}.detail-visual h2{font-size:26px}.prototype-badge{display:none}footer .brand{display:none}}
@media(max-width:540px){.header{gap:12px;height:80px}.brand-word{font-size:24px;letter-spacing:2px}.orbit{width:53px;left:43px;top:1px}.header nav{gap:15px;margin-left:auto}.nav-link{font-size:11px;min-height:44px}.nav-link.active:after{bottom:4px}.header #random-nav{display:none}.save-count{display:none}.header-publish{min-height:39px;padding:0 12px;font-size:10px;gap:12px;letter-spacing:0}.header-publish span{font-size:16px}.hero{height:760px;padding:116px 6% 32px}.hero-content{margin-top:83px}.hero-content .eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:clamp(32px,8.6vw,46px);line-height:1.18;letter-spacing:-1.2px;margin-top:26px}.hero-translation{font-size:13px;max-width:270px;line-height:2;letter-spacing:1px;margin-top:24px}.hero-source{font-size:10px;letter-spacing:0;margin-top:16px}.hero-source .source-divider{margin:0 9px}.dash{width:17px;margin-right:10px}.hero-button{margin-top:31px;min-height:47px;padding:0 20px;font-size:11px}.hero-topline{font-size:8px;letter-spacing:2px}.tiny-label{font-size:7px;letter-spacing:1.4px}.hero-bottom p{font-size:10px;letter-spacing:1px;line-height:1.7;margin-top:9px}.hero-index{gap:9px}.hero-index>span{font-size:9px;letter-spacing:1px}.hero-index strong{font-size:24px}.photo-note{bottom:97px;font-size:8px}.collection{padding-top:43px}.section-top .eyebrow{font-size:8px;letter-spacing:1.6px}.collection-title{margin-top:24px;align-items:flex-start}.collection-title h2{font-size:24px;letter-spacing:.5px}.collection-title p{font-size:11px;letter-spacing:.4px;margin-top:14px}.text-button{font-size:10px;gap:9px;margin-top:-5px}.text-button span{font-size:18px}.toolbar{display:block;margin-bottom:23px}.filters{gap:26px}.filter{height:52px;font-size:11px;padding:0}.search{border-top:1px solid #ffffff13;padding-top:4px;padding-bottom:4px;gap:10px}.search input{width:100%;font-size:12px;min-height:44px}.search svg{width:15px;height:15px}.quote-grid{grid-template-columns:1fr;gap:23px}.card-visual{min-height:370px;padding:29px}.card-quote{font-size:27px;line-height:1.65}.card-quote.english{font-size:28px}.card-source{font-size:11px}.card-tag{font-size:10px}.card-number{top:34px;right:29px}.card-footer{padding:0 18px 0 25px}.card-location{font-size:10px}.collection-end{font-size:9px;gap:13px;line-height:1.7;margin-top:29px}.collection-end>span:last-child{max-width:136px}.invitation{padding-top:55px;padding-bottom:58px}.invitation .eyebrow{font-size:8px;letter-spacing:1.7px}.invitation h2{font-size:22px;letter-spacing:1px;line-height:1.85;margin:24px 0}.invitation-note{font-size:9px;letter-spacing:1px}footer{min-height:125px;align-items:flex-start;padding-top:29px;padding-bottom:26px;gap:12px}footer>p{font-size:10px}footer .footer-link{min-height:44px;font-size:10px;margin-top:-9px}footer p span{margin-top:13px;font-size:8px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:13px 20px 24px}.dialog-top{margin-bottom:22px;padding-bottom:7px}form h2{font-size:29px}.form-intro{font-size:11px}.form-row{grid-template-columns:1fr 95px;gap:12px}form input:not([type="file"]),form textarea,form select{font-size:16px;padding:12px}form input::placeholder,form textarea::placeholder{font-size:12px}.detail-visual{padding:28px 22px;min-height:260px}.detail-visual h2{font-size:24px}.detail-meta{line-height:1.8;gap:7px}.detail-actions{gap:8px}.detail-actions .button{padding:0 11px;font-size:10px;gap:8px}.delete-button{margin-left:0}.about-copy h2{font-size:26px}.about-copy p{font-size:13px}.about-copy h3{font-size:15px}.toast{bottom:20px;padding:13px 19px;width:max-content;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

:root{color-scheme:dark}.brand-word{font-size:27px;letter-spacing:-.8px;font-weight:400}.brand-echo{font-weight:750;letter-spacing:1px;margin-left:1px}.brand-cn{font-size:11px;letter-spacing:3px}.orbit{left:79px;top:0;width:68px}.brand{gap:18px}.hero{min-height:850px;height:auto;max-height:none}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:none;background:none}.hero:before{background:linear-gradient(90deg,#06090df0 0%,#06090d9e 43%,#06090d0d 78%),linear-gradient(0deg,#080909 0%,#08090905 65%,#08090966 100%)}.hero-content{max-width:790px;position:relative;z-index:2;margin-bottom:65px}.hero-content h1{font-size:clamp(34px,4vw,63px);line-height:1.16;letter-spacing:-1.5px;white-space:pre-line;overflow-wrap:anywhere;max-width:790px}.hero-content h1.chinese{font-family:var(--serif);font-size:clamp(36px,4vw,65px);line-height:1.6;letter-spacing:3px}.hero-content h1.long{font-size:clamp(30px,3.3vw,49px)}.hero-source{line-height:1.9;max-width:620px;display:block;letter-spacing:.6px}.hero-source:before{content:'—';padding-right:13px}.hero-translation{font-size:16px;line-height:1.9;max-width:600px;text-wrap:pretty}.hero-topline{position:relative;z-index:2}.hero-poster-wrap{position:absolute;right:9%;top:210px;bottom:130px;max-height:455px;width:29%;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.hero-poster-wrap img{object-fit:contain;max-height:100%;max-width:100%;box-shadow:0 25px 80px #0009;border:1px solid #ffffff28}.hero.poster .hero-photo{filter:blur(16px);transform:scale(1.08);opacity:.8}.hero.poster:before{background:linear-gradient(90deg,#080a0af5,#080a0a80 48%,#080a0a17 80%),linear-gradient(0deg,#080909,transparent 65%,#08090940)}.hero.poster .hero-content{max-width:62%}.hero.poster h1{font-size:clamp(34px,3.5vw,53px)}.hero.poster h1.chinese{font-size:clamp(36px,3.6vw,58px)}.hero-bottom{width:100%;gap:25px;position:relative;z-index:2}.scroll-link{bottom:2px}.daily-controls{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.daily-controls>span{font-size:11px;letter-spacing:2px;color:#d0d5cd}.daily-controls button{background:none;padding:6px 0 6px 15px;min-height:30px;font-size:11px;letter-spacing:1px;color:#c0c9b8}.daily-controls button:hover{color:#fff}.photo-note{bottom:123px;z-index:2;max-width:42%;text-align:right;line-height:1.8}.filters{gap:24px}.filter{min-width:28px}.toolbar{gap:15px}.search input{width:210px}.archive-tools{display:flex;justify-content:space-between;gap:20px;margin:-8px 0 25px;align-items:center}.archive-tools>span{font-size:8px;letter-spacing:1.4px;color:#a1a79b}.archive-tools>div{display:flex;gap:25px;align-items:center}.archive-tools button,.import-label{font-size:10px;letter-spacing:.6px;color:#bcc4b4;background:transparent;padding:8px 0;min-height:36px;cursor:pointer}.import-label{position:relative;display:inline-flex;align-items:center}.import-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.import-label:focus-within{outline:2px solid var(--accent);outline-offset:4px}.archive-tools button:hover,.import-label:hover{color:white}.card-visual{min-height:355px}.card-image{filter:none;transition:transform .35s;object-position:center}.quote-card:hover .card-image{filter:none;transform:scale(1.025)}.card-visual:before{background:linear-gradient(0deg,#05090bf0,#05090b90 40%,#05090b0d 85%)}.quote-card.poster .card-image{object-position:center 30%}.card-copy{padding-top:105px}.card-quote{font-size:23px;line-height:1.65}.card-quote.english{font-size:24px;line-height:1.4}.card-source{font-size:10px;line-height:1.8}.card-translation{font-size:12px;line-height:1.8;margin-top:13px;letter-spacing:.3px;color:#ebeee6}.card-location{font-size:9px}.card-location img{display:none}.card-credit{margin-left:auto;color:#abb4a2}.card-footer{min-height:59px}.card-number{color:#f2f4ef;text-shadow:0 1px 4px #000}.card-tag{background:#05090933;backdrop-filter:blur(4px)}.load-more{display:flex;margin:36px auto 0;min-width:180px}.quote-card.paper .card-visual{background:#dfe1d7}.quote-card.paper .card-visual:before{background:linear-gradient(15deg,#d3d7c9,#eaebe4)}.quote-card.paper .card-translation{color:#46513e}.detail-visual{min-height:350px;overflow:hidden}.detail-visual:before{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#030807e8,#0308074d);z-index:-1}.detail-visual .card-image{filter:none}.detail-visual h2{font-size:28px}.detail-translation{font-size:16px;line-height:1.9;letter-spacing:.5px;margin-top:23px;color:#f2f2ec}.detail-credit a,.about-copy a{border-bottom:1px solid #6f7865;color:#d0dcc4}.detail-meta{font-size:10px;line-height:1.9}.detail-note{margin-bottom:20px}.detail-actions{gap:11px}.preview-shade{background:linear-gradient(10deg,#080e0de8,#080e0d10)}.preview-card{min-height:420px}.preview-copy>p{max-height:300px;font-size:24px}.local-notice{font-size:10px}.form-row{grid-template-columns:1fr 112px}.publish-layout{gap:40px}.preview-column{position:sticky;top:0;align-self:start}.brand-word .orbit{pointer-events:none}footer .brand-word{font-size:22px}footer .orbit{left:65px;top:0}.noscript{margin:120px 6% 40px}.collection-end{line-height:1.8}
@media(max-width:1100px){.hero.poster .hero-content{max-width:61%}.hero.poster h1{font-size:47px}.hero.poster h1.chinese{font-size:45px}.hero-poster-wrap{width:28%;right:7%;top:220px;max-height:410px}.hero{min-height:810px}.filters{gap:18px}.search input{width:175px}.card-quote{font-size:21px}.card-quote.english{font-size:21px}.card-copy{padding-top:90px}.card-translation{font-size:11px}.archive-tools>span{font-size:7px;letter-spacing:.8px}}
@media(max-width:800px){.hero{min-height:790px}.hero-content{margin-top:80px;margin-bottom:55px}.hero-content h1,.hero.poster h1{font-size:43px}.hero.poster .hero-content{max-width:65%}.hero.poster h1.chinese{font-size:43px}.hero-poster-wrap{right:5%;width:25%;top:230px;max-height:350px}.hero-translation{font-size:14px;max-width:94%}.filters{gap:17px}.toolbar{display:block}.search{border-top:1px solid #ffffff16;padding:7px 0}.search input{width:100%;font-size:12px}.card-quote{font-size:23px}.card-quote.english{font-size:23px}.archive-tools>span{display:none}.archive-tools{justify-content:flex-end;margin-top:-12px}.hero-source{font-size:11px}.daily-controls>span{font-size:10px}.photo-note{font-size:9px;bottom:119px}.preview-column{display:none}.hero:before{background:linear-gradient(90deg,#070b0de8,#070b0d30),linear-gradient(0deg,#080909,#08090905 80%)}.brand-cn{display:none}}
@media(max-width:540px){.brand-word{font-size:21px;letter-spacing:-.7px}.brand-echo{letter-spacing:0}.orbit{left:58px;width:50px;top:-2px}.header nav{gap:13px}.header-publish{font-size:10px;gap:8px;padding:0 10px}.header{padding:0 5%;gap:10px}.hero{min-height:790px;padding-top:115px;padding-bottom:28px}.hero-content,.hero.poster .hero-content{max-width:100%;margin-top:71px;margin-bottom:45px}.hero-content h1,.hero.poster h1{font-size:32px;line-height:1.3;letter-spacing:-.5px}.hero-content h1.chinese,.hero.poster h1.chinese{font-size:33px;line-height:1.75;letter-spacing:2px}.hero-content h1.long,.hero.poster h1.long{font-size:29px}.hero-translation{font-size:13px;max-width:100%;letter-spacing:.5px;margin-top:21px;line-height:1.9}.hero-source{max-width:100%;font-size:11px;line-height:1.9;margin-top:18px}.hero-poster-wrap{right:6%;top:110px;bottom:auto;width:95px;height:143px;opacity:.7}.hero.poster .hero-content{margin-top:160px}.hero.poster:before{background:linear-gradient(90deg,#080909e8,#0809094d),linear-gradient(0deg,#080909 0%,#08090930 80%)}.hero.poster .hero-photo{opacity:.8;filter:blur(7px)}.hero-button{margin-top:25px}.hero-bottom{align-items:flex-end;gap:14px}.daily-controls{gap:6px}.daily-controls>span{font-size:9px;letter-spacing:1px;white-space:nowrap}.daily-controls button{font-size:9px;letter-spacing:.3px;min-height:32px;padding-right:0}.hero-bottom .tiny-label{font-size:6px;letter-spacing:.9px}.hero-bottom p{font-size:9px;letter-spacing:.3px}.photo-note{bottom:112px;max-width:80%;font-size:8px}.filters{justify-content:space-between;gap:7px}.filter{font-size:11px;min-width:24px}.filter span{font-size:8px;margin-left:3px}.collection-title h2{font-size:23px}.card-visual{min-height:410px;padding:27px}.card-copy{padding-top:95px}.card-quote{font-size:26px}.card-quote.english{font-size:27px}.card-translation{font-size:12px}.card-source{font-size:11px}.card-location{font-size:9px}.archive-tools>div{gap:24px}.archive-tools button,.import-label{font-size:10px;min-height:40px}.archive-tools{margin-bottom:17px}.detail-visual{padding:28px 22px;min-height:350px}.detail-visual h2{font-size:25px}.detail-translation{font-size:14px}.detail-actions{gap:9px}.detail-actions .button{font-size:11px}.brand-word{white-space:nowrap}.preview-column{display:none}}
.hero{background:#080909}.hero-photo{mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)}.hero.poster .hero-photo{transform:none;filter:blur(12px)}.daily-controls button,.archive-tools button,.import-label{min-height:44px}
/* Home highlights and museum archive. */
body[data-page="home"] .museum-intro,body[data-page="home"] .toolbar,body[data-page="home"] .archive-tools,body[data-page="home"] #load-more{display:none!important}body[data-page="museum"] .hero,body[data-page="museum"] .museum-entrance{display:none!important}body[data-page="museum"] .header{position:relative;height:100px}body[data-page="museum"] .collection{padding-top:44px}.museum-intro{position:relative;padding-top:39px;padding-bottom:56px;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.museum-breadcrumb{display:flex;gap:14px;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:57px}.museum-breadcrumb a{color:#d7dfd1;min-height:30px;display:inline-flex;align-items:center}.museum-breadcrumb span{margin-top:7px}.museum-intro>.eyebrow{font-size:10px;color:#b2bfa5;letter-spacing:2.7px}.museum-intro h1{font-family:var(--serif);font-size:68px;line-height:1.5;letter-spacing:5px;font-weight:400;margin:15px 0 17px}.museum-intro h1 span{color:#9aab8a}.museum-lead{font-family:var(--serif);font-size:15px;line-height:2.1;letter-spacing:1.5px;color:#bbc4b3}.museum-stats{display:flex;gap:55px;margin-top:42px;align-items:center}.museum-stats>div{display:flex;align-items:baseline;gap:12px}.museum-stats strong{font-size:35px;font-weight:400;letter-spacing:-1px}.museum-stats span{font-size:10px;letter-spacing:1px;color:#b3bdaa}.museum-stats>p{font-size:11px;letter-spacing:1px;line-height:1.9;color:#a4b297;border-left:1px solid #ffffff2b;padding-left:30px;margin-left:5px}.museum-watermark{position:absolute;right:5%;bottom:65px;z-index:-1;font-size:190px;letter-spacing:-13px;font-weight:700;color:#9eab8d0a;line-height:1;pointer-events:none}.museum-intro:after{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 85% 65%,#2431206b,transparent 65%)}.museum-entrance{display:flex;align-items:center;justify-content:space-between;padding:37px;border:1px solid #454d3e;margin-top:36px;background:linear-gradient(110deg,#172014,#0d110c);gap:30px}.museum-entrance .eyebrow{font-size:9px;letter-spacing:2px;color:#adbc9e}.museum-entrance h3{font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.5;letter-spacing:1.5px;margin:14px 0 10px}.museum-entrance p:last-child{font-size:11px;line-height:1.9;color:var(--secondary)}.museum-entrance .button{flex-shrink:0}.exhibition-note{font-size:10px;letter-spacing:.5px;line-height:1.9;color:#aeb6a4;margin:-11px 0 25px}.exhibition-note>span{color:#d6dece;border:1px solid #47513e;padding:3px 7px;font-size:9px;margin-right:10px}.post-record{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.card-footer .post-record{gap:7px;font-size:10px;line-height:1.8}.post-record time{color:#a4ad9b;font-size:9px;white-space:nowrap}.record-region{color:#c3cdb8}.detail-provenance{padding:0 0 23px;font-size:11px;color:#b4c1a5}.detail-provenance time{font-size:10px}.demo-tag{font-size:9px;letter-spacing:.5px;border:1px solid #4b5540;color:#b9c8aa;padding:3px 7px;margin-left:auto}.header nav{gap:25px}.collection-end{margin-top:30px}
@media(max-width:1100px){.header nav{gap:20px}.museum-intro h1{font-size:57px}.museum-watermark{font-size:150px;bottom:80px}.museum-stats{gap:36px}.museum-entrance{padding:29px}.museum-entrance h3{font-size:23px}.card-footer .post-record{display:block}.card-footer time{display:block}.card-footer{min-height:69px}}
@media(max-width:800px){.museum-intro h1{font-size:49px}.museum-intro{padding-top:28px;padding-bottom:43px}.museum-breadcrumb{margin-bottom:35px}.museum-stats{gap:28px;flex-wrap:wrap}.museum-stats>p{margin-left:0;padding-left:23px}.museum-watermark{font-size:120px;bottom:106px}.museum-entrance{align-items:flex-start;flex-direction:column;gap:22px}.exhibition-note{font-size:10px;margin-top:0}.header nav{gap:17px}body[data-page="museum"] .header{height:84px}}
@media(max-width:540px){.header #discover{display:none}.header nav{gap:12px}.nav-link{font-size:10px}.header{gap:7px}.header-publish{padding:0 9px;gap:5px}.museum-intro{padding-top:24px;padding-bottom:35px}.museum-breadcrumb{font-size:8px;letter-spacing:1px;margin-bottom:31px}.museum-intro>.eyebrow{font-size:8px;letter-spacing:2px}.museum-intro h1{font-size:38px;letter-spacing:2px;line-height:1.6;margin-top:16px}.museum-lead{font-size:12px;letter-spacing:1px}.museum-stats{gap:28px;margin-top:28px}.museum-stats strong{font-size:29px}.museum-stats span{font-size:9px}.museum-stats>div{gap:9px}.museum-stats>p{display:none}.museum-watermark{font-size:90px;letter-spacing:-7px;bottom:45px;right:3%}body[data-page="museum"] .header{height:80px}body[data-page="museum"] .collection{padding-top:32px}.museum-entrance{padding:24px;gap:21px;margin-top:26px}.museum-entrance h3{font-size:22px;letter-spacing:1px}.museum-entrance .eyebrow{font-size:8px;letter-spacing:1.2px}.museum-entrance p:last-child{font-size:10px;max-width:250px}.museum-entrance .button{font-size:11px;gap:35px}.exhibition-note{font-size:9px;line-height:2;margin-bottom:21px}.exhibition-note>span{display:inline-block;font-size:8px;margin-right:7px;padding:0 5px}.card-footer .post-record{display:flex;gap:11px}.card-footer .post-record time{font-size:9px}.card-footer{min-height:64px}.detail-provenance{gap:9px}.detail-provenance time{font-size:9px}.demo-tag{font-size:8px}}
.quote-card{display:flex;flex-direction:column}.card-visual{flex:1}.card-footer{flex-shrink:0}
@media(min-width:801px){.museum-intro{padding-top:28px;padding-bottom:34px}.museum-breadcrumb{margin-bottom:25px}.museum-intro h1{font-size:58px;line-height:1.35;margin-top:12px;margin-bottom:15px}.museum-lead{font-size:14px;line-height:1.9}.museum-stats{margin-top:25px}.museum-watermark{font-size:170px;bottom:50px}}

.sharing-status{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:12px 0 24px;color:#aeb3b3;font-size:12px;line-height:1.6}.sharing-status p{margin:0}.sharing-status button{white-space:nowrap}.local-notice{line-height:1.8}
@media(max-width:600px){.sharing-status{align-items:flex-start;gap:12px}}
