/* An inhabited notebook, drawn for Zhouquan. */
:root{--paper:#faf8f1;--forest:#314d40;--clay:#ad583d;--sage:#dce2d3}html{scroll-behavior:smooth;scroll-padding-top:25px}body{font-size:18px;background:#f6f4ed}header,main,footer{max-width:1260px}.brand{letter-spacing:-.5px}nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:8px}.house-hero{display:grid;grid-template-columns:1.18fr 1fr;gap:64px;padding:74px 0 60px;align-items:center}.house-hero h1{font-size:clamp(42px,4.9vw,65px);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-weight:500;letter-spacing:-2px;line-height:1.35}.house-hero h1 span{color:var(--clay)}.house-hero p{font-size:18px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:30px 0}.hero-actions>a:last-child{font-size:15px}.house-signature{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-top:28px;border-top:1px solid var(--line);gap:10px}.room-map{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:26px;background-color:#e9eadd;background-image:linear-gradient(#7d907518 1px,transparent 1px),linear-gradient(90deg,#7d907518 1px,transparent 1px);background-size:22px 22px;border:1px solid #c2cbb9;border-radius:4px 44px 4px 4px;transform:rotate(1.5deg);box-shadow:12px 15px 0 #e9e4d8;position:relative}.map-label,.map-foot{grid-column:1/-1;font-size:11px;letter-spacing:1.5px;color:#5d6c59}.map-label{margin-bottom:14px}.map-foot{font-size:12px;letter-spacing:0;margin-top:12px;line-height:1.8}.map-room{min-height:170px;border:1px solid #aebca5;padding:18px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;background:#f8f8eeab;transition:background .2s,transform .2s}.map-room:hover{background:#fffdf5;transform:translateY(-3px);color:var(--ink)}.map-room>span{font-size:11px;letter-spacing:1px;position:absolute;top:14px}.map-room strong{font-size:23px;font-weight:500;z-index:1}.map-room i{font-size:12px;font-style:normal;color:var(--muted)}.room-listen{border-radius:0 27px 0 0;background:#d9dfcbbd}.room-find{background:#e6daccb0}.room-make{background:#e2e8e0b0}.mini-record{width:64px;height:64px;position:absolute;right:12px;top:32px;border-radius:50%;background:repeating-radial-gradient(#334439 0 2px,#52604e 3px 4px)}.mini-record:after{content:'';position:absolute;inset:24px;border-radius:50%;background:#c17c57}.house-section{border-top:1px solid var(--line);padding:56px 0}.house-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.house-heading h2{font-size:30px;line-height:1.5;margin-top:9px}.house-heading p{margin:0;font-size:16px}.house-heading>a{font-size:16px;white-space:nowrap}.section-note{max-width:740px;font-size:17px;margin:0 0 30px}.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.experiment-card{display:grid;grid-template-columns:180px 1fr;gap:25px;background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:12px;align-items:stretch;transition:transform .2s}.experiment-card:hover{transform:translateY(-3px);color:var(--ink)}.experiment-card>div:last-child{padding:12px 0}.experiment-card h3{font-size:22px;margin:12px 0}.experiment-card p{font-size:16px;line-height:1.8;margin:0 0 16px}.experiment-card .label{font-size:12px;letter-spacing:.5px}.experiment-card .more{font-size:15px}.experiment-art{min-height:235px;border-radius:6px;position:relative;overflow:hidden}.flight-art{background:#dfe6d8;display:grid;place-items:center}.flight-art b{font:130px Georgia;transform:rotate(-8deg);font-weight:400;z-index:1;color:#5d7355}.flight-path{position:absolute;width:190px;height:190px;border:1px dashed #99a88e;border-radius:50%;left:-45px;top:42px}.flight-art small{position:absolute;bottom:18px;font:8px monospace;letter-spacing:1px}.offwork-art{background:#e8d8c8;padding:22px;display:flex;flex-direction:column;justify-content:center}.offwork-art span{font:38px monospace;color:#8a654b}.offwork-art b{font-size:20px;font-weight:400;line-height:1.8;margin-top:22px}.fresh-posts{border-top:1px solid var(--line)}.fresh-post{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid var(--line);align-items:flex-start}.post-index{font:20px Georgia;color:#9ea894;margin-top:5px}.fresh-post>div{flex:1}.fresh-post h3{font-size:23px;margin:6px 0 8px}.fresh-post p{font-size:16px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-arrow{font-size:24px;margin-top:15px}.reading-routes{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.reading-routes button{padding:8px 16px;font-size:15px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink)}.reading-routes button.active{background:var(--ink);color:#fff}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.essay-card{display:flex;flex-direction:column;padding:24px 22px;border:1px solid var(--line);border-radius:4px;background:var(--paper);position:relative;transition:box-shadow .2s}.essay-card:hover{box-shadow:0 8px 25px #253c3510;color:var(--ink)}.essay-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-bottom:22px}.essay-meta>span{color:var(--accent)}.essay-card h3{font-size:20px;line-height:1.6}.essay-card p{font-size:15px;line-height:1.85;margin:10px 0 22px;flex:1}.essay-bottom{font-size:13px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.lucky-note{margin-top:26px;padding:25px 28px;border:1px dashed #b5bdaa;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e9eade}.lucky-note h3{font-size:20px;margin:6px 0 0}.lucky-note .label{font-size:11px}.lucky-note button{font-size:15px;flex-shrink:0}#lucky-result:empty{display:none}#lucky-result{max-width:560px;margin:20px auto 0;transform:rotate(-1deg)}.after-hours{display:grid;grid-template-columns:1fr 1fr;gap:28px}.listening-door,.shelf-door{border:1px solid var(--line);border-radius:12px;padding:32px;display:flex;align-items:center;gap:28px;background:#e4e8da}.shelf-door{background:#ede3d5}.after-hours h3{font-size:23px;margin-top:10px}.after-hours p{font-size:16px;margin-bottom:15px}.after-hours a>div>span:last-child{font-size:15px}.stacked-covers{width:135px;height:160px;position:relative;flex-shrink:0}.stacked-covers .artwork{position:absolute;width:100px;border:5px solid #f9f8ef;box-shadow:0 5px 10px #263b3525;top:10px;left:5px;transform:rotate(-10deg)}.stacked-covers .artwork:nth-child(2){top:27px;left:17px;transform:rotate(4deg)}.stacked-covers .artwork:nth-child(3){top:44px;left:31px;transform:rotate(16deg)}.shelf-symbol{font:110px Georgia;color:#a06b4b;width:135px;text-align:center;flex-shrink:0}.house-about{display:grid;grid-template-columns:130px 1fr;gap:40px}.house-about h2{font-size:28px;margin-top:10px}.house-about p{font-size:17px;max-width:850px;margin-bottom:12px}.about-mark{font:74px 'SimSun',serif;color:#a76a4d;border:1px solid #bca995;width:110px;height:130px;display:grid;place-items:center;transform:rotate(-4deg);background:#e9e1d3}.about-links{display:flex;flex-wrap:wrap;gap:24px;font-size:15px;margin-top:24px}.inspiration-note{padding:28px 32px;background:#eeeae1;border-radius:8px}.inspiration-note .label{font-size:15px;letter-spacing:0}.inspiration-note p{font-size:14px;margin:12px 0 0}.inspiration-note a{text-decoration:underline;text-underline-offset:3px}footer{margin-top:45px}.collection-guide{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 30px}.guide-note{padding:18px 22px;background:#e9eadd;border-radius:9px}.guide-note h3{font-size:18px;margin:0 0 5px}.guide-note p{font-size:15px;margin:0}.discovery-card .site-info p{font-size:16px;line-height:1.9}.discovery-grid .empty{grid-column:1/-1}.discovery-card .site-info h2{font-size:25px}.site-tags{font-size:12px;color:var(--muted);margin-bottom:10px}.shelf-intro-title{font-family:inherit!important;font-size:46px!important}.category-description{padding:17px 22px;border-left:3px solid #a9b99e;background:#e9ecdf;font-size:16px;color:var(--muted);margin-bottom:25px}.category-description strong{color:var(--ink);display:block;font-weight:500;margin-bottom:4px}.discovery-card .site-preview{height:175px}.site-info .source-credit{font-size:12px;color:var(--muted);margin-bottom:14px}.site-monogram{font-size:58px}.shelf-controls{display:flex;gap:20px;align-items:center;justify-content:space-between}.shelf-controls select{width:auto;font-size:15px;padding:8px 12px;background:transparent}.shelf-empty-reset{margin-top:15px}.studio-fields-note{font-size:14px}
@media(max-width:1080px){.house-hero{gap:35px}.experiment-card{grid-template-columns:130px 1fr;gap:18px}.archive-grid{grid-template-columns:repeat(2,1fr)}.listening-door,.shelf-door{padding:25px;gap:15px}.stacked-covers,.shelf-symbol{width:100px}.stacked-covers .artwork{width:75px}.shelf-symbol{font-size:85px}.offwork-art{padding:15px}.offwork-art span{font-size:29px}}@media(max-width:800px){.house-hero{grid-template-columns:1fr;padding-top:40px;gap:40px}.room-map{max-width:560px;width:100%;margin:0 auto}.house-heading{align-items:flex-start;flex-direction:column;gap:14px}.house-heading h2{font-size:27px}.experiment-grid,.after-hours{grid-template-columns:1fr}.experiment-card{grid-template-columns:150px 1fr}.house-section{padding:38px 0}.house-about{grid-template-columns:1fr;gap:25px}.about-mark{font-size:48px;width:75px;height:85px}.house-hero h1{font-size:46px}.house-hero p{font-size:17px}.house-hero br{display:none}.house-hero h1 br{display:block}.lucky-note{flex-direction:column;align-items:flex-start}.collection-guide{grid-template-columns:1fr}.house-signature{font-size:11px}.shelf-intro-title{font-size:35px!important}}@media(max-width:480px){.archive-grid{grid-template-columns:1fr}.map-room{min-height:155px;padding:14px}.room-map{padding:20px;gap:8px}.map-room strong{font-size:21px}.map-room i{font-size:11px}.mini-record{width:49px;height:49px;top:38px}.mini-record:after{inset:18px}.experiment-card{grid-template-columns:1fr}.experiment-art{min-height:140px;height:140px}.offwork-art{flex-direction:row;align-items:center;gap:25px}.offwork-art b{margin:0}.flight-art b{font-size:100px}.flight-path{width:270px;left:30px;top:20px}.fresh-post{gap:15px}.fresh-post h3{font-size:21px}.post-index{font-size:16px}.after-hours h3{font-size:21px}.stacked-covers,.shelf-symbol{width:85px}.shelf-symbol{font-size:75px}.listening-door,.shelf-door{gap:22px;padding:22px}.house-hero h1{font-size:42px}.hero-actions{gap:16px}.shelf-controls{align-items:flex-start;flex-direction:column;gap:10px}.shelf-count{gap:12px}.house-about h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.experiment-card:hover,.map-room:hover{transform:none}}
.site-tagline{font-size:17px;color:var(--ink);margin-top:8px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:#fff;padding:10px 20px;z-index:100}.skip-link:focus{top:10px}main:focus{outline:none}
.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.creator-card{padding:26px;background:#eeeee3;border-top:3px solid #9caa8c;border-radius:3px;display:flex;flex-direction:column}.creator-card:nth-child(2){border-top-color:#b99372;background:#eee6d9}.creator-card:nth-child(3){border-top-color:#8f9ea0;background:#e4e9e5}.creator-card .label{font-size:12px;letter-spacing:.5px}.creator-card h3{margin-top:15px;font-size:25px;display:flex;justify-content:space-between;gap:10px}.creator-card p{font-size:16px;line-height:1.9;margin:5px 0 20px;flex:1}.creator-card small{font-size:12px;line-height:1.8;color:var(--muted)}.creator-card:hover{color:var(--ink);box-shadow:0 6px 20px #253c3512}@media(max-width:800px){.creator-grid{grid-template-columns:1fr}}