:root{--ink:#131315;--pink:#ff3388;--lime:#ccff33;--line:#e8e8eb;--muted:#727277}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.symbols,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-90px;left:16px;background:#111;color:#fff;padding:14px;z-index:200}.skip:focus{top:8px}.header{height:78px;display:flex;align-items:center;gap:36px;padding:0 max(28px,calc((100vw - 1280px)/2));position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:20}.wordmark{font-size:26px;letter-spacing:-1.6px;font-weight:950;white-space:nowrap}.wordmark span{font-size:12px;vertical-align:top;margin-left:3px;letter-spacing:0}.header nav{display:flex;align-items:center;gap:26px;white-space:nowrap;font-size:15px;font-weight:650}.header nav a{padding:12px 0;position:relative}.header nav a:hover:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:3px;background:var(--pink);transform:rotate(-3deg)}.search{display:flex;align-items:center;border:1px solid #dedee2;border-radius:40px;gap:10px;padding:9px 14px;background:#fafafa;margin-left:auto;max-width:320px;flex:1;min-width:130px}.search svg{width:18px;height:18px}.search input{min-width:0;width:100%;border:0;background:none;font-size:13px;outline:0}.search kbd{color:#999;font:12px inherit}.app-link{background:#111;color:white;display:inline-flex;align-items:center;gap:15px;border-radius:9px;padding:12px 18px;white-space:nowrap;font-size:14px;font-weight:650}.app-link:hover{background:var(--pink)}.app-link svg{width:17px;height:17px}.hero{max-width:1440px;margin:auto;position:relative;aspect-ratio:2336/1200}.hero video{display:block;width:100%;height:100%}.hero-logo{position:absolute;left:58%;top:23%;width:26%;height:48%;border-radius:24%;transform:rotate(10deg)}.hero-logo:hover{box-shadow:inset 0 0 0 3px #ff3388}.hero-store{position:absolute;left:2.4%;top:83.4%;width:13.5%;height:8.6%}.hero-cta{position:absolute;left:71.5%;top:70%;transform:translate(-50%,-50%);display:flex;gap:6px;align-items:center;border:2px solid white;background:#111;color:white;font-size:clamp(9px,1.15vw,18px);border-radius:30px;padding:.55em 1em;font-weight:700;white-space:nowrap}.hero-cta svg{width:1em;height:1em}.hero-cta:hover{background:var(--pink)}.hero-pause{position:absolute;right:16px;bottom:10px;font-size:10px;border:1px solid #ddd;background:#ffffffe0;padding:5px 8px;border-radius:6px}.section{max-width:1280px;margin:auto;padding:64px 28px;position:relative}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.section-head h2{margin:0;font-weight:900;position:relative;line-height:1.05}.english{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(36px,4.4vw,64px);font-weight:900;letter-spacing:-.8px}.section-head p{font-size:14px;color:var(--muted);margin:12px 0 0;line-height:1.7}.circled{position:relative;display:inline-block}.circled:before{content:'';position:absolute;inset:-7px -13px -3px -12px;border:4px solid var(--pink);border-radius:50%;transform:rotate(-9deg);pointer-events:none}.doodle{color:var(--pink);width:34px;height:34px;margin:0 0 9px 24px;transform:rotate(15deg);stroke:none}.rail-controls{display:flex;gap:9px}.rail-controls button{width:38px;height:38px;border:1px solid #ddd;border-radius:50%;font-size:20px}.rail-controls button:hover{background:var(--lime);border-color:var(--ink)}.brand-rail{display:flex;overflow-x:auto;gap:30px;scrollbar-width:none;padding:12px 2px 20px}.brand-rail::-webkit-scrollbar{display:none}.brand{flex:0 0 100px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;font-weight:700;padding:0}.brand-ring{width:96px;height:96px;background:linear-gradient(25deg,#ffb52b,#ff3388 65%,#8758ff);padding:3px;border-radius:50%;transition:transform .2s}.brand-ring img{width:100%;height:100%;object-fit:cover;border:4px solid white;border-radius:50%}.brand:hover .brand-ring{transform:translateY(-5px) rotate(-5deg)}.brand[aria-pressed=true] .brand-ring{box-shadow:0 0 0 3px var(--ink)}.brand>span:last-child{max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.feature{height:170px;overflow:hidden;position:relative;background:#f4f4f4;border-radius:5px;padding:0;text-align:left;display:flex}.feature>img{width:48%;height:100%;object-fit:cover;transition:transform .3s}.feature>span{width:52%;display:flex;flex-direction:column;padding:17px;gap:10px;background:#fff1f7}.feature:nth-child(2)>span{background:#f2f6ff}.feature:nth-child(3)>span{background:#f3f7e6}.feature small{font-weight:750;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.feature strong{font-size:13px;line-height:1.6;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feature b{font-size:11px;margin-top:auto;display:flex;gap:7px;align-items:center}.feature b svg{width:16px;height:16px}.feature:hover>img{transform:scale(1.045)}.ticker{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden;background:var(--lime);font-family:Impact,sans-serif;font-size:19px;letter-spacing:.5px;padding:10px 0;transform:rotate(-1deg);margin:0 0 10px}.ticker>div{width:max-content;animation:marquee 40s linear infinite}.ticker span{padding:0 35px}@keyframes marquee{to{transform:translateX(-35%)}}.chinese{font-size:clamp(30px,3.5vw,48px);letter-spacing:-2px}.underline{position:relative}.underline:after{content:'';position:absolute;bottom:-8px;height:8px;left:-5%;width:109%;border-top:5px solid var(--pink);border-radius:50%;transform:rotate(-2deg)}.scribble{font-family:'Marker Felt','Comic Sans MS',cursive;transform:rotate(-5deg);font-size:20px;display:flex;align-items:center;gap:15px}.scribble svg{width:34px;height:34px;transform:rotate(110deg)}.filterbar{display:flex;align-items:center;gap:20px;margin:30px 0 28px;flex-wrap:wrap}.filters{display:flex;gap:10px}.filters button{font-size:13px;border:1px solid #ddd;border-radius:30px;padding:9px 19px;display:flex;align-items:center;gap:6px;white-space:nowrap}.filters button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}.filters svg{width:15px;height:15px}.filterbar>span{margin-left:auto;color:var(--muted);font-size:12px}#clear-brand{font-size:12px;color:#cf185c}.masonry{columns:4;column-gap:20px}.post{break-inside:avoid;margin-bottom:30px}.post-media{position:relative;padding:0;display:block;width:100%;overflow:hidden;border-radius:7px;background:#f6f6f6}.post-media img{width:100%;height:auto;aspect-ratio:1/1.12;object-fit:cover;transition:transform .4s}.post-media.tall img{aspect-ratio:3/4}.post-media:hover img{transform:scale(1.035)}.play-badge{position:absolute;top:12px;right:12px;background:#0008;color:white;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.play-badge svg{width:16px;height:16px;fill:white;stroke-width:1}.post-brand{display:flex;align-items:center;gap:8px;margin-top:10px;justify-content:space-between}.post-brand>button:first-child{display:flex;align-items:center;gap:7px;min-width:0;text-align:left;font-size:12px;font-weight:750;padding:0}.post-brand img{width:25px;height:25px;border-radius:50%;object-fit:cover}.post-brand span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.save{padding:5px;display:grid;place-items:center}.save svg{width:19px;height:19px}.is-saved{color:var(--pink)}.is-saved svg{fill:#ff338822}.caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;font-size:12px;line-height:1.6;margin-top:6px;padding:0;width:100%;color:#515157}.empty{text-align:center;border:1px dashed #ddd;border-radius:12px;padding:70px 20px}.empty h3{font-size:22px}.empty p{color:var(--muted)}.empty button{background:var(--ink);color:white;border-radius:8px;padding:12px 20px;margin-top:15px}.reels{border-top:1px solid var(--line);background:#fff}.reels .section{padding-top:45px;padding-bottom:64px}.pink{color:var(--pink)}.reels-label{font-size:13px;border-bottom:3px solid var(--lime);padding:7px 0}.reel-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.reel{aspect-ratio:9/14;position:relative;overflow:hidden;border-radius:9px;padding:0;color:white;text-align:left}.reel>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.reel:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#000b)}.reel:hover>img{transform:scale(1.04)}.reel-play{position:absolute;z-index:1;left:50%;top:42%;transform:translate(-50%,-50%);border:1.5px solid #fffe;background:#ffffff20;backdrop-filter:blur(3px);border-radius:50%;width:62px;height:62px;display:grid;place-items:center}.reel-play svg{fill:white;width:24px;height:24px}.reel-bottom{position:absolute;bottom:20px;left:18px;right:18px;z-index:1;display:flex;flex-direction:column;gap:8px}.reel-bottom strong{font-size:16px}.reel-bottom>span{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}footer{padding:30px max(28px,calc((100vw - 1224px)/2));background:var(--lime);display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span{font-size:14px}footer>a:last-child{display:flex;align-items:center;gap:15px;font-size:14px;font-weight:650}.modal-open{overflow:hidden}dialog{padding:0;border:0;border-radius:18px;width:min(1040px,94vw);max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#111b;backdrop-filter:blur(8px)}.detail-layout{display:grid;grid-template-columns:1.2fr 1fr;min-height:500px}.modal-close{position:absolute;right:12px;top:12px;z-index:3;border-radius:50%;width:36px;height:36px;background:#fff;box-shadow:0 2px 12px #0002;display:grid;place-items:center}.detail-copy{padding:55px 32px 32px}.detail-type{font-size:11px;letter-spacing:1px;color:var(--muted)}.detail-copy h2{font-size:25px;overflow-wrap:anywhere;margin:17px 0}.detail-copy>p{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}#detail-media{background:#111;display:grid;place-items:center;min-height:400px}#detail-media img,#detail-media video{width:100%;max-height:80dvh;object-fit:contain}#detail-save{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #ddd;border-radius:9px;font-size:13px;margin-top:25px}#detail-save[aria-pressed=true]{color:var(--pink);border-color:var(--pink)}.detail-copy .small-note{font-size:11px;color:var(--muted);margin:8px 0 25px}.toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,20px);opacity:0;background:#111;color:white;border-radius:30px;padding:12px 25px;z-index:80;pointer-events:none;font-size:13px;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1440px){.hero{margin-bottom:10px}}@media(max-width:1050px){.header{gap:20px;padding:0 24px}.header nav{gap:17px}.search{max-width:240px}.masonry{columns:3}.feature{height:145px}.feature>span{padding:12px}.feature strong{font-size:12px}.brand-rail{gap:24px}.section{padding-top:46px;padding-bottom:46px}}
@media(max-width:720px){html{scroll-padding-top:122px}.header{height:auto;min-height:104px;display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 18px}.wordmark{font-size:24px}.header nav{grid-column:1;grid-row:2;gap:22px;font-size:13px}.header .app-link{grid-column:2;grid-row:1;font-size:12px;padding:9px 12px}.search{grid-column:2;grid-row:2;margin:0;max-width:150px;min-width:0;padding:7px 9px}.search input{font-size:11px}.search kbd{display:none}.hero-pause{bottom:2px;right:5px;font-size:8px;padding:3px 5px}.hero-cta{padding:.5em .65em;border-width:1px}.section{padding:35px 18px}.section-head{margin-bottom:20px;gap:10px}.section-head p{font-size:12px;margin-top:10px}.english{font-size:35px}.doodle{width:24px;height:24px;margin-left:14px;margin-bottom:3px}.circled:before{border-width:3px;inset:-5px -8px -2px}.rail-controls{gap:6px}.rail-controls button{width:30px;height:30px;font-size:16px}.brand{flex-basis:76px;font-size:10px}.brand-ring{width:74px;height:74px;padding:2px}.brand-ring img{border-width:3px}.brand-rail{gap:18px;padding-bottom:12px}.feature-rail{display:flex;overflow:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:8px}.feature{flex:0 0 85%;height:135px;scroll-snap-align:start}.ticker{font-size:14px;padding:7px 0}.ticker span{padding:0 18px}.chinese{font-size:31px}.scribble{display:none}.filterbar{gap:12px;margin:24px 0 22px}.filters{gap:6px}.filters button{font-size:12px;padding:8px 13px}.filters svg{width:13px}.filterbar>span{font-size:10px}.masonry{columns:2;column-gap:12px}.post{margin-bottom:22px}.post-brand>button:first-child{font-size:10px;gap:5px}.post-brand img{width:19px;height:19px}.save{padding:3px}.save svg{width:17px;height:17px}.caption{font-size:11px;line-height:1.6}.post-media{border-radius:5px}.play-badge{top:8px;right:8px;width:24px;height:24px}.reels .section{padding:30px 18px 38px}.reel-rail{display:flex;overflow:auto;gap:13px;scroll-snap-type:x mandatory;padding-bottom:10px}.reel{flex:0 0 66%;scroll-snap-align:start}.reel-play{width:48px;height:48px}.reels-label{font-size:10px}.reel-bottom{left:13px;bottom:16px;right:13px}footer{padding:25px 18px;flex-wrap:wrap;gap:15px}footer>span{font-size:11px}footer>a:last-child{font-size:12px;width:100%;justify-content:space-between}dialog{width:94vw;max-height:92dvh}.detail-layout{display:block}.detail-copy{padding:25px 20px}.detail-copy h2{font-size:22px}#detail-media{min-height:230px}#detail-media img,#detail-media video{max-height:58dvh}.detail-copy>p{font-size:13px}.toast{font-size:12px;padding:11px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Preserve source proportions. Decorative marks live outside the content. */
.post-media img,.post-media.tall img{aspect-ratio:auto;height:auto;object-fit:contain}.post-media:hover img{transform:none}.feature>img{object-fit:contain;background:#fafafa}.reel>img{object-fit:contain;background:#111}.reel:hover>img{transform:none}.discover:before{content:'✳';color:var(--pink);position:absolute;left:-21px;top:330px;font-size:68px;transform:rotate(15deg);pointer-events:none}.discover:after{content:'♡';position:absolute;right:-12px;bottom:160px;font-family:'Marker Felt',cursive;font-size:75px;transform:rotate(15deg);pointer-events:none}.brand:nth-child(3n+2){padding-top:12px}.feature-rail{gap:20px}.feature:nth-child(1){border-bottom:4px solid var(--pink)}.feature:nth-child(2){border-bottom:4px solid var(--lime)}.feature:nth-child(3){border-bottom:4px solid #6979ff}#detail-media{align-content:start;gap:8px}#detail-media img{max-height:none;height:auto}.detail-copy{position:sticky;top:0;align-self:start;max-height:88dvh;overflow:auto}.detail-layout{align-items:start}.reels .section-head .english{border-bottom:5px solid var(--pink);padding-bottom:7px}@media(max-width:1350px){.discover:before,.discover:after{display:none}}@media(max-width:720px){.post:nth-child(6n+2),.brand:nth-child(3n+2){padding-top:8px}.detail-copy{position:static;max-height:none}#detail-media img{max-height:none}}
/* HANSHOP editorial content windows — no borrowed application shell. */
.section{max-width:1424px;padding-left:44px;padding-right:44px}.header{padding-left:max(32px,calc((100vw - 1336px)/2));padding-right:max(32px,calc((100vw - 1336px)/2))}.brands{padding-top:38px;padding-bottom:46px}.brands .section-head{margin-bottom:12px}.brand-rail{gap:29px;padding-bottom:28px}.feature-rail{grid-template-columns:1.15fr .85fr 1fr;align-items:start;gap:24px;margin-top:22px}.feature{height:auto;overflow:visible;border-radius:0;display:flex;flex-direction:column;background:none;border:0!important;position:relative;box-shadow:none}.feature>img{width:100%;height:280px;object-fit:contain;background:#faf8f9;border-radius:12px;border:1px solid #f0eef0}.feature>span{width:100%;background:white!important;padding:16px 0 0;display:grid;grid-template-columns:1fr auto;gap:8px 20px}.feature strong{grid-column:1;font-size:13px;line-height:1.6}.feature b{grid-column:2;grid-row:1/3;border:1px solid #111;border-radius:50%;height:52px;width:52px;display:grid;place-items:center;font-size:0;align-self:center}.feature b svg{width:22px;height:22px}.feature small{font-size:17px;letter-spacing:-.4px}.feature:hover>img{transform:none}.feature:hover b{background:var(--lime)}.feature:nth-child(2){margin-top:38px}.feature:nth-child(2):before{content:'COLOR OUTSIDE THE LINES';position:absolute;top:-15px;left:20px;transform:rotate(-5deg);font-family:Impact,sans-serif;background:var(--lime);padding:7px 12px;font-size:13px;letter-spacing:.5px;z-index:1}.feature:nth-child(3){margin-top:12px}.feature:nth-child(3):before{content:'✳';font-size:60px;line-height:1;color:var(--pink);position:absolute;right:-17px;top:-27px;z-index:1}.ticker{margin:26px 0 0}.discover{padding-top:62px}.discover .section-head{align-items:end}.chinese{font-size:clamp(30px,3.7vw,56px);letter-spacing:-2px}.scribble{font-size:22px}.wall-doodle{position:absolute;right:50px;top:62px;font-family:'Marker Felt','Comic Sans MS',cursive;font-size:25px;line-height:1;transform:rotate(-9deg)}.discover .scribble{display:none}.filterbar{margin-top:28px;margin-bottom:35px}.masonry{columns:unset;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;align-items:start}.wall-column{min-width:0}.wall-column:nth-child(2){padding-top:44px}.wall-column:nth-child(4){padding-top:80px}.post{position:relative;break-inside:unset;margin-bottom:34px;padding:0;border:0;box-shadow:none;background:white}.post-media{border-radius:9px;border:1px solid #efedf0;overflow:hidden}.post-media img,.post-media.tall img{aspect-ratio:auto;object-fit:contain;max-height:none}.post-brand{padding:0 2px;margin-top:12px}.caption{padding:0 2px;font-size:12px}.wall-column:nth-child(3) .post:nth-child(3n+2):before{content:'';display:block;width:70px;height:15px;background:var(--lime);position:absolute;left:22px;top:-7px;transform:rotate(-5deg);z-index:1}.discover:before{left:5px;top:460px}.discover:after{right:5px}.reels{background:#151515;color:white;border:0;margin-top:20px}.reels .section-head p{color:#b6b6b6}.reels .section-head .english{border:0}.reels .pink{color:var(--lime)}.reel-rail{gap:24px}.reel{border:1px solid #3c3c3c;border-radius:12px;aspect-ratio:9/14}.reel:nth-child(2){transform:translateY(18px)}.reel:nth-child(4){transform:translateY(18px)}.reels .section{padding-top:48px;padding-bottom:72px}.reel>img{object-fit:contain}.reel-play{background:#0004}.reels-label{border-color:var(--pink)}footer{background:white;border-top:7px solid var(--lime)}
@media(max-width:1050px){.masonry{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.section{padding-left:28px;padding-right:28px}.wall-column:nth-child(3){padding-top:24px}.feature>img{height:220px}.feature-rail{gap:18px}.feature small{font-size:14px}.wall-doodle{right:30px;font-size:20px}.feature b{width:40px;height:40px}.feature>span{gap:8px 10px}}@media(max-width:720px){.section{padding-left:18px;padding-right:18px}.header{padding:13px 18px}.brands{padding-top:30px}.brand-rail{gap:20px;padding-bottom:15px}.feature-rail{display:flex;overflow-x:auto;overflow-y:hidden;gap:18px;padding:22px 0 14px;margin-top:0}.feature{flex:0 0 72%;margin-top:0!important}.feature>img{height:215px}.feature:nth-child(2):before{top:-10px;font-size:10px;padding:5px 8px}.feature:nth-child(3):before{font-size:40px;right:0;top:-20px}.feature small{font-size:14px}.feature strong{font-size:12px}.feature>span{padding-top:12px}.ticker{margin-top:0}.discover{padding-top:35px}.chinese{font-size:30px}.wall-doodle{display:none}.masonry{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.wall-column:nth-child(2){padding-top:28px}.post{margin-bottom:24px}.caption{font-size:11px}.reel-rail{padding-bottom:24px}.reels .section{padding:32px 18px 35px}.reel:nth-child(2),.reel:nth-child(4){transform:translateY(12px)}.reel{flex:0 0 68%}.filterbar{margin-bottom:24px}}
/* One uninterrupted mixed-media waterfall follows the brand logos. */
.brands{padding-top:28px;padding-bottom:16px;border-bottom:1px solid #efedf0}.brands .section-head{margin-bottom:8px}.brand-heading{font-size:18px!important;letter-spacing:0;font-weight:750!important}.brand-heading span{display:inline-block;color:var(--pink);font-size:27px;vertical-align:middle;margin-left:9px;transform:rotate(13deg)}.brand-rail{padding-top:12px;padding-bottom:15px}.brand:nth-child(3n+2){padding-top:0}.discover{padding-top:32px}.discover .section-head{margin-bottom:15px}.discover .chinese{font-size:32px}.discover .filterbar{margin-top:24px;margin-bottom:28px}.discover .section-head .scribble{display:flex;font-size:18px}.masonry{gap:22px}.wall-column:nth-child(2){padding-top:36px}.wall-column:nth-child(4){padding-top:62px}.discover:before{top:300px;font-size:50px}.hero{max-width:1250px}.brand-ring{width:86px;height:86px}.brand{flex-basis:94px}.brand-rail{gap:24px}@media(max-width:720px){.hero{margin-bottom:8px}.brands{padding-top:20px;padding-bottom:12px}.brand-heading{font-size:16px!important}.brand-ring{width:70px;height:70px}.brand{flex-basis:74px}.brand-rail{gap:17px}.discover{padding-top:27px}.discover .chinese{font-size:27px}.discover .section-head .scribble{display:none}.masonry{gap:13px}.wall-column:nth-child(2){padding-top:24px}}
.hero{max-width:930px;transition:opacity .2s;margin:0 auto}.hero.is-collapsed{display:none}.hero-toolbar{max-width:1336px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #eee}.hero-toolbar>span{font-size:10px;letter-spacing:2px;color:#888}.hero-toolbar button{font-size:12px;padding:9px 14px;background:#f8f8f8;border-radius:20px}.hero-toolbar button:hover{background:var(--lime)}.hero-cta{font-size:clamp(9px,1vw,14px)}.brand{gap:7px;flex-basis:110px}.brand>span:nth-child(2){max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.brand>small{font-size:9px;color:#848489;max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.brand[aria-pressed=true] .brand-ring{box-shadow:0 0 0 2px #ff3388;transform:rotate(-7deg);background:var(--lime)}.brand[aria-pressed=true]>span:nth-child(2){color:#d71466}.brand-more{display:block;border:1px solid #dedde1;border-radius:30px;padding:10px 15px;margin:16px 0 22px;font-size:13px}.brand-more:hover{background:var(--lime);border-color:var(--lime)}.detail-copy #detail-handle{font-size:12px;color:#888;margin-top:-10px}.related{width:100%;display:flex;align-items:center;gap:14px;margin:14px 0;padding:10px;border:1px solid #eee;border-radius:8px;text-align:left}.related img{width:65px;height:78px;object-fit:contain}.related span{display:flex;align-items:center;gap:20px;font-size:12px}.related:hover{border-color:var(--pink)}.save:active{transform:scale(1.2)}.post-media:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.empty{background:#fafafa;border-style:solid}.empty h3{font-size:20px}@media(max-width:720px){.brand{flex-basis:86px}.brand>small{max-width:84px;font-size:8px}.brand>span:nth-child(2){max-width:84px;font-size:10px}.hero-toolbar{padding:8px 18px}.hero-toolbar>span{font-size:8px;letter-spacing:1px}.hero-toolbar button{font-size:10px}.hero{width:100%}}@media(prefers-reduced-motion:reduce){.hero{transition:none}.save:active{transform:none}}
.load-zone{text-align:center;padding:28px 0 38px;color:#888;font-size:12px;min-height:100px}.load-zone button{border:1px solid #ddd;border-radius:24px;padding:10px 24px;margin-top:8px;background:white;color:#333;font-size:12px}.load-zone button:hover{background:var(--lime);border-color:var(--lime)}.load-zone button:disabled{opacity:.5;cursor:wait}.post{overflow-anchor:none}.brand-ring{will-change:auto}

/* One shared content width, including the expanded artwork. */
:root{--page-gutter:44px;--content-max:1336px}
.hero,.hero-toolbar{width:calc(100% - var(--page-gutter)*2);max-width:var(--content-max)}
.hero-toolbar{padding-left:0;padding-right:0}.brand-rail{position:relative;scroll-behavior:auto;overflow-anchor:none;touch-action:pan-x pan-y}.rail-controls .rail-motion{font-size:14px;letter-spacing:-2px}.rail-motion[aria-pressed=true]{background:var(--lime);border-color:var(--lime)}.rail-motion:disabled{opacity:.5;cursor:default}
@media(max-width:1050px){:root{--page-gutter:28px}}
@media(max-width:720px){:root{--page-gutter:18px}.hero,.hero-toolbar{width:calc(100% - var(--page-gutter)*2)}.hero-toolbar{gap:12px}.hero-toolbar>span{letter-spacing:.3px}}

/* Member access and a complete, quiet service footer. */
.header{gap:24px}.member-entry{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:700;padding:10px 0}.member-entry svg{width:19px;height:19px}.member-entry:hover{color:#d71466}.header .search{max-width:270px}
.site-footer{display:block;padding:48px max(var(--page-gutter),calc((100vw - 1336px)/2)) 22px;border-top:4px solid var(--lime);margin-top:35px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:36px}.footer-brand p{font-size:13px;color:#777;margin:14px 0 25px}.footer-scribble{display:inline-block;color:#d71466;font-family:'Marker Felt',cursive;font-size:22px;transform:rotate(-5deg)}.footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:12px}.footer-group h3{font-size:13px;margin:0 0 8px}.footer-group a,.footer-group button{color:#68686d;padding:0;text-align:left}.footer-group a:hover,.footer-group button:hover{color:#d71466}.footer-bottom{border-top:1px solid #eee;margin-top:38px;padding-top:20px;display:flex;gap:28px;font-size:11px;color:#777}.footer-bottom span{margin-right:auto}
.member-dialog{width:min(850px,94vw);border-radius:20px;grid-template-columns:.9fr 1.1fr}.member-dialog[open]{display:grid}.member-intro{background:var(--lime);padding:48px 35px 38px;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750}.member-intro h2{font-size:44px;letter-spacing:-2px;line-height:1.15;margin:32px 0 28px}.member-intro h2 em{font-size:38px;font-weight:950;font-style:normal}.member-intro>p{font-size:15px;line-height:1.8}.member-star{position:absolute;color:var(--pink);font-size:105px;right:-12px;top:205px;transform:rotate(12deg)}.member-saved-link{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid #13131533;border-bottom:1px solid #13131533;padding:17px 0;margin-top:66px;font-size:13px;font-weight:700}.member-intro small{display:block;font-size:10px;margin-top:14px;color:#465222}.member-body{padding:48px 40px 35px}.member-body h3{font-size:27px;margin:28px 0 12px;overflow-wrap:anywhere}.member-body>p{font-size:13px;line-height:1.7;color:#777}.member-status{padding:14px 16px;background:#f7f7f7;border-radius:8px;color:#555!important}.member-body form{margin-top:24px}.member-body label{display:block;font-size:12px;font-weight:650;margin:18px 0 8px}.member-body input{width:100%;height:44px;border:1px solid #ddd;border-radius:7px;padding:0 12px;font-size:14px;background:white}.member-submit{display:flex;justify-content:space-between;align-items:center;width:100%;background:#131315;color:white;border-radius:8px;padding:14px 17px;font-size:13px;margin-top:22px}.member-submit:disabled{opacity:.5}.member-app{display:block;padding:14px 17px;border:1px solid #111;border-radius:8px;text-align:center;font-size:12px;font-weight:700;margin-top:24px}.member-app:hover{background:var(--lime)}.member-legal{font-size:10px;color:#777;line-height:1.7}.member-legal a{text-decoration:underline}.member-help{margin-top:35px;display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#777}.member-help a:hover{color:var(--pink)}#member-retry{font-size:12px;text-decoration:underline}#member-profile p{overflow-wrap:anywhere}.help-shell{max-width:1100px;margin:0 auto;padding:64px var(--page-gutter) 80px}.help-title{font-size:clamp(38px,6vw,68px);letter-spacing:-2px;margin:18px 0}.help-lead{color:#777;line-height:1.8;font-size:14px;max-width:600px}.help-nav{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 46px}.help-nav a{border:1px solid #ddd;border-radius:24px;padding:11px 17px;font-size:12px}.help-nav a:hover{background:var(--lime)}.help-section{padding:34px 0;border-top:1px solid #e8e8e8;scroll-margin-top:95px}.help-section h2{font-size:25px;margin:0 0 20px}.help-section p,.help-section li{font-size:14px;line-height:1.9;max-width:760px;color:#555}.help-section a:not(.help-contact){text-decoration:underline;text-underline-offset:4px}.help-contact{display:inline-block;font-size:clamp(23px,4vw,38px);font-weight:800;margin:5px 0 10px;border-bottom:4px solid var(--pink)}.help-status{border-left:3px solid var(--pink);padding:9px 18px;background:#fafafa}.help-section details{border-bottom:1px solid #eee;padding:16px 0}.help-section summary{cursor:pointer;font-size:14px;font-weight:650}.help-section details p{margin-bottom:0}.policy-links{display:flex;gap:22px;flex-wrap:wrap}.policy-links a{font-size:14px}.support-header .back-home{font-size:13px;margin-left:auto;white-space:nowrap}
@media(max-width:1050px){.header{gap:15px}.header nav{gap:15px}.member-entry{font-size:12px}.header .app-link{font-size:12px;padding:11px 12px}.header .search{min-width:100px}.footer-main{gap:22px;grid-template-columns:1.5fr 1fr 1fr 1.2fr}}
@media(max-width:800px){.member-entry>span{display:none}.member-entry{min-width:32px;justify-content:center}}
@media(max-width:720px){.header{grid-template-columns:1fr auto auto;column-gap:12px}.header .wordmark{grid-column:1;grid-row:1}.header .member-entry{grid-column:2;grid-row:1;padding:8px}.header .app-link{grid-column:3;grid-row:1}.header nav{grid-column:1;grid-row:2;gap:17px}.header .search{grid-column:2/4;grid-row:2;max-width:170px}.footer-main{grid-template-columns:1fr 1fr;gap:34px 20px}.footer-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.footer-brand p{margin:0}.footer-scribble{display:none}.site-footer{padding-top:30px}.footer-bottom{flex-wrap:wrap;gap:16px}.footer-bottom span{width:100%}.footer-group{font-size:11px;gap:13px}.member-dialog[open]{display:block}.member-intro{padding:25px}.member-intro h2{font-size:30px;margin:18px 0 0}.member-intro h2 br{display:none}.member-intro h2 em{font-size:29px;margin-left:8px}.member-intro>p{display:none}.member-star{font-size:66px;top:35px;right:15px;opacity:.7}.member-saved-link{margin-top:20px;padding:12px 0}.member-intro small{font-size:9px;margin-top:9px}.member-body{padding:28px 25px}.member-body h3{margin-top:15px}.member-help{margin-top:25px}.help-shell{padding-top:35px}.help-nav{gap:8px;margin-bottom:30px}.help-nav a{font-size:11px;padding:9px 13px}.help-section{scroll-margin-top:126px}.support-header{display:flex;min-height:70px}.support-header .back-home{font-size:12px}.help-section h2{font-size:22px}}

.post-time{display:block;font-size:10px;color:#888;line-height:1.6;padding:0 2px;margin-top:8px}.detail-copy .detail-published{font-size:11px;color:#888;margin:0 0 12px}.latest-label{font-size:11px;color:#777}.content-source-note{font-size:11px;color:#888;margin:-12px 0 24px}.wall-column:nth-child(2),.wall-column:nth-child(3),.wall-column:nth-child(4){padding-top:0}

.latest-label{display:flex;align-items:center;gap:15px}#refresh-feed{font-size:11px;color:#c81c62;padding:8px 12px;border:1px solid #efdce4;border-radius:20px}#refresh-feed:hover{background:#fff2f7}#refresh-feed:disabled{opacity:.6;cursor:wait}.content-source-note{margin-top:-15px}