:root{--paper:#f8f7f3;--ink:#20221f;--muted:#6b6f69;--line:#dadcd4;--blue:#243d8d;--green:#326551;--sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--serif:"Noto Serif SC","Songti SC",serif}
*{box-sizing:border-box}html{background:#ecece8;scroll-behavior:smooth}body{margin:0 auto;max-width:540px;background:#fff;color:var(--ink);font:14px/1.65 var(--sans);min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0}button:disabled{cursor:default;color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font:28px/1.4 var(--serif)}h2{font:21px/30px var(--sans)}h3{font:500 14px/22px var(--sans)}img{display:block;max-width:100%;object-fit:cover}.muted{color:var(--muted);font-size:12px;line-height:19px}.serif{font-family:var(--serif)}.eyebrow{font-size:11px;line-height:17px;letter-spacing:.04em}.split{display:flex;align-items:center;justify-content:space-between;gap:8px}.icon{display:inline-block;width:20px;height:20px;flex:none;object-fit:contain}.search-icon{width:22px;height:22px}.brand{font:34px/40px "Bodoni Moda","Bodoni 72",Didot,serif;letter-spacing:.02em}.mast{height:100px;padding:38px 20px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.mast .search-link,.back{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.plain{padding-top:24px;height:88px;background:var(--paper)}.plain .brand{margin-right:auto;font-size:29px}.plain>span{font-size:12px}.hero{height:468px;background-size:cover;background-position:center;position:relative;color:white}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.26),transparent 35%,rgba(0,0,0,.84))}.hero-copy{position:absolute;bottom:64px;left:20px;right:20px;display:grid;gap:12px}.hero h1{font:31px/42px var(--sans)}.hero-copy .split{font-size:12px;line-height:19px}.hero-more{position:absolute;left:20px;right:20px;bottom:16px;font-size:12px;height:24px}.section{border-bottom:1px solid var(--line);padding-bottom:28px;scroll-margin-top:18px}.section-head{padding:28px 20px 20px;display:grid;gap:8px}.section-head>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-head a{font-size:12px;text-decoration:underline;text-underline-offset:3px}.show-rail{display:flex;gap:16px;padding:0 20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.show-card{display:block;min-width:0;scroll-snap-align:start}.show-rail .show-card{flex:0 0 280px}.show-card>img{width:100%;height:200px;margin-bottom:8px}.show-card h3{font-size:18px;line-height:27px;margin-bottom:4px}.show-card p{font-size:12px;line-height:19px;margin-bottom:4px}.feature{display:grid;padding:28px 20px;gap:16px}.feature>img{width:100%;height:250px}.feature>h2{font-size:25px;line-height:36px;margin-top:-8px}.feature>p{margin-top:-8px}.feature>.split{font-size:12px}.art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:0 20px}.art-card{min-width:0;display:grid;align-content:start;gap:8px;font-size:12px;line-height:19px}.art-card>img{width:100%;height:196px;object-fit:contain;object-position:left center}.art-card h3{font-size:14px}.featured-artist{padding:0 20px;display:grid;gap:16px}.artist-top{display:grid;grid-template-columns:106px minmax(0,1fr);gap:16px}.artist-top>img{width:106px;height:136px}.artist-top>div{display:grid;align-content:start;gap:8px}.follow{flex:none;border:1px solid var(--line);background:var(--paper);min-height:36px;padding:4px 8px;font-size:14px;min-width:78px}.related{display:grid;gap:20px;padding:0 20px}.related>a{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px}.related img{width:108px;height:108px}.related a>div{display:grid;gap:8px;align-content:start}.related h3{font-size:17px;line-height:26px;font-weight:400}.ending{padding:24px 20px 40px;display:grid;gap:12px}.ending>p{font-size:15px;line-height:26px}.ending small{padding-top:20px;font-size:10px}.button{display:block;text-align:center;padding:12px 16px;background:var(--blue);color:#fff;min-height:48px}.quiet{background:var(--paper);color:var(--blue)}#nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:540px;display:flex;align-items:flex-start;justify-content:space-around;height:calc(76px + env(safe-area-inset-bottom));padding:8px 0 20px;background:#fff;border-top:1px solid var(--line);z-index:5}#nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--muted)}#nav a[aria-current]{color:var(--blue)}.detail,.directory{padding:24px;display:grid;gap:24px}.detail{background:var(--paper)}.detail .cover{width:100%;max-height:380px;object-fit:cover}.work .work-image{width:100%;height:280px;object-fit:contain}.work>h1{margin-bottom:-16px}.work>.artist-link{color:var(--blue);margin-bottom:-16px}.work>.sale{color:var(--green);margin-top:-16px;font-weight:500}.detail .prose-block{display:grid;gap:16px}.prose-block h2{font:21px/31px var(--serif)}.detail section{display:grid;gap:16px}.detail p{white-space:pre-wrap;overflow-wrap:anywhere}.detail blockquote{margin:0;font:21px/1.7 var(--serif);border-left:1px solid var(--ink);padding-left:20px}.relation,.related-links{border-top:1px solid var(--line);padding-top:20px}.related-links{display:grid;gap:12px;color:var(--blue)}.inset{padding:0}.detail .show-card{margin-bottom:8px}.artist-card{position:relative;padding:20px 0;border-bottom:1px solid var(--line)}.artist-card>a{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px}.artist-card img,.image-empty{width:92px;height:116px;background:#eeede8;display:grid;place-items:center;font:32px var(--serif)}.artist-card a>div{display:grid;gap:8px}.artist-card .follow{margin:12px 0 0 108px}.search-form{display:flex;gap:8px}.search-form input{width:100%;min-width:0;background:white;border:1px solid var(--line);padding:12px}.search-form button{border-bottom:1px solid var(--ink);min-width:52px}.list{display:grid;gap:24px}.state{padding:48px 24px;display:grid;gap:20px;text-align:center}.ai-unavailable{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:16px}.ai-unavailable button{flex:1;min-height:48px;border:1px solid var(--line);font-size:12px}.story-link{color:var(--blue);padding:12px 0;border-bottom:1px solid var(--line)}.pagination{display:flex;justify-content:space-between;align-items:center}.pagination button{padding:10px;border:1px solid var(--line)}#toast{position:fixed;bottom:104px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;max-width:90%;opacity:0;pointer-events:none;z-index:10}#toast.visible{opacity:1}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:350px){.hero h1{font-size:27px}.artist-top{grid-template-columns:86px minmax(0,1fr)}.artist-top>img{width:86px}.follow{min-width:64px;font-size:12px}.art-card>img{height:175px}}

/* 首图覆盖顶部安全区，字标与右侧工具在同一水平中线上。 */
.hero{height:calc((520px + env(safe-area-inset-top, 0px)) * 0.9)}.hero .mast{height:calc(64px + env(safe-area-inset-top, 0px));padding:env(safe-area-inset-top, 0px) 20px 0;align-items:center}.brand-mark{display:flex;align-items:center;height:44px;line-height:1}.brand-mark img{width:108.8px;height:auto;max-width:100%}

/* 主栏目首屏不占导航高度；滚动后的标题与字标共用尺寸。 */
.column-nav{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:540px;height:calc(64px + env(safe-area-inset-top, 0px));padding:env(safe-area-inset-top, 0px) 20px 0;display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--line);z-index:20;visibility:hidden;pointer-events:none}.column-nav.is-visible{visibility:visible}.column-nav img{width:108.8px;height:24.3712px}.column-nav-title{font-family:"Bodoni 72","Songti SC","Noto Serif SC",serif;font-size:24.3712px;line-height:1;font-weight:400;color:#202520}.directory.column-page{padding-top:calc(8px + env(safe-area-inset-top, 0px))}.directory.column-page>.eyebrow:first-child{height:32px;display:flex;align-items:center;margin:0;margin-bottom:-8px}

.account-panel{margin:30px 0 36px;padding:24px 0;border-top:1px solid #dcdcd4;border-bottom:1px solid #dcdcd4}.account-panel h2{margin:12px 0;font-family:var(--serif,serif);font-size:25px;font-weight:400}.account-panel details{margin-top:20px}.account-panel summary{cursor:pointer;text-decoration:underline;text-underline-offset:5px}.account-panel form{display:grid;gap:18px;margin-top:24px}.account-panel label{display:grid;gap:8px;font-size:13px}.account-panel input{width:100%;border:1px solid #dddcd3;background:#fff;padding:12px;font:inherit;border-radius:0;min-height:44px}.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.account-actions .text-button{background:none;border:0;text-decoration:underline;cursor:pointer}.import-panel{background:#eeeee7;padding:18px;margin-top:18px}.import-panel p{margin-bottom:12px;line-height:1.8}

.published-lecture{margin-top:36px;border-top:1px solid var(--line);padding-top:24px}.lecture-text{white-space:pre-wrap;line-height:1.95;margin-top:20px;overflow-wrap:anywhere}

.question-panel{margin-top:36px;padding:28px 0;border-top:1px solid #cfcfc9}.question-panel h2{margin:10px 0}.question-panel label{display:block;font-size:14px;margin:24px 0 10px}.question-panel textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;border:1px solid #c8c8c1;border-radius:0;padding:14px;font:inherit;line-height:1.65;background:#fff;color:#20201e}.question-panel textarea:focus{outline:2px solid #30352d;outline-offset:2px}.question-panel textarea:disabled{background:#f2f2ee;color:#777}.question-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.question-suggestions button{border:1px solid #d6d6cf;background:transparent;text-align:left;padding:8px 10px;color:#43463f;font:inherit;font-size:12px;line-height:1.5}.question-suggestions button:disabled{color:#888;cursor:default}.question-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.question-panel .question-notice{padding:14px 16px;background:#edeee8;font-size:14px;line-height:1.7}.question-answer{margin-top:28px;border-top:1px solid #cfcfc9;padding-top:22px}.question-answer details{margin-top:24px}.question-answer summary{cursor:pointer;font-size:14px}.question-answer blockquote{margin:18px 0;padding-left:16px;border-left:2px solid #8b9185;font-size:14px;line-height:1.8}.question-error{color:#8d3b2d}