:root{--kanhan-primary:#fb9f29;--kanhan-primary-dark:#7c1700;--kanhan-primary-soft:#fff0d9;--kanhan-orange:#fb9f29;--kanhan-ink:#33150c;--kanhan-muted:#6b5550;--kanhan-line:#7c17001f;--kanhan-card:#fffffff5;color:var(--kanhan-ink);background:#fffdf9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#fffdf9 0%,#fff 52%,#fff7ed 100%);min-width:320px;min-height:100vh;margin:0}main{width:min(1180px,100% - 32px);margin:0 auto;padding:42px 0 64px}.site-nav{z-index:10;border:1px solid var(--kanhan-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;padding:12px 14px 12px 18px;display:flex;position:sticky;top:14px;box-shadow:0 14px 44px #7c17001a}.site-nav__brand{color:var(--kanhan-ink);flex:none;align-items:center;gap:12px;text-decoration:none;display:flex}.site-nav__brand img{width:164px;max-width:42vw;height:auto;display:block}.site-nav__brand span{border-left:1px solid var(--kanhan-line);color:var(--kanhan-muted);letter-spacing:.04em;padding-left:12px;font-size:12px;font-weight:800}.site-nav__links{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.site-nav__links a{color:var(--kanhan-ink);border-radius:8px;padding:9px 13px;font-weight:800;text-decoration:none}.site-nav__links a:hover,.site-nav__links a.is-primary{background:var(--kanhan-primary);color:var(--kanhan-ink)}.site-nav__links a:hover{background:var(--kanhan-primary-soft);color:var(--kanhan-primary-dark)}.site-nav__links a.is-primary:hover{background:var(--kanhan-primary-dark);color:#fff}.hero{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:stretch;gap:28px;margin-bottom:30px;display:grid}.hero__copy,.integration-card,.poem-card,.library-tools,.poem-directory,.how-it-works{border:1px solid var(--kanhan-line);background:var(--kanhan-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #7c170017}.hero__copy{border-radius:8px;padding:38px}.eyebrow{color:var(--kanhan-primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}h1,h2,p{margin-top:0}h1{color:var(--kanhan-ink);letter-spacing:0;margin-bottom:18px;font-size:clamp(34px,5vw,58px);line-height:1.08}.hero__lead{max-width:660px;color:var(--kanhan-muted);font-size:18px;line-height:1.7}.hero__stats{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero__stats span{background:var(--kanhan-primary-soft);color:var(--kanhan-primary-dark);border:1px solid #fb9f2952;border-radius:8px;padding:9px 14px;font-weight:800}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.home-link,.ghost-link{background:var(--kanhan-primary);width:fit-content;color:var(--kanhan-ink);border:1px solid #fb9f296b;border-radius:8px;justify-content:center;align-items:center;padding:11px 18px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #fb9f293d}.home-link:hover{background:var(--kanhan-primary-dark);color:#fff}.ghost-link{color:var(--kanhan-primary-dark);background:#ffffffd6}.ghost-link:hover{background:var(--kanhan-primary-soft)}.integration-card{border-radius:8px;align-content:start;gap:16px;padding:28px;display:grid}.integration-card h2,.library-tools h2,.how-it-works h2,.poem-card h2{color:var(--kanhan-ink);margin-bottom:8px}.status{color:#6b321f;background:#fff7ed;border-radius:8px;margin:0;padding:14px 16px;line-height:1.6}.status--ok{color:#28502f;background:#dff3df}.status--warning{color:#694800;background:#fff1c8}.status--error{color:#74291e;background:#ffe1dd}code{color:#fff4e8;background:#2d1308;border-radius:8px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.65;display:block;overflow-x:auto}.integration-card__note,.source-note{color:var(--kanhan-muted);margin:0;line-height:1.7}.library-state{border-radius:8px;margin-bottom:24px;padding:28px}.library-tools{border-radius:8px;grid-template-columns:minmax(220px,.75fr) minmax(260px,1fr);align-items:end;gap:18px 24px;margin-bottom:24px;padding:28px;display:grid}.poem-directory{border-radius:8px;gap:20px;margin-bottom:24px;padding:28px;display:grid}.poem-directory__heading,.directory-block__title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.poem-directory__heading h2{color:var(--kanhan-ink);margin-bottom:0}.directory-top-link{background:var(--kanhan-primary-soft);color:var(--kanhan-primary-dark);border:1px solid #fb9f2952;border-radius:8px;flex:none;padding:9px 14px;font-weight:900;text-decoration:none}.directory-block{border-top:1px solid var(--kanhan-line);gap:12px;padding-top:18px;display:grid}.directory-block__title strong{color:var(--kanhan-ink);font-size:17px}.directory-block__title span{color:var(--kanhan-muted);font-size:13px;line-height:1.6}.author-directory{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.author-directory a,.poem-directory-list a{border:1px solid var(--kanhan-line);color:var(--kanhan-ink);background:#ffffffd6;border-radius:8px;text-decoration:none}.author-directory a{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.author-directory strong{font-size:15px}.author-directory span{color:var(--kanhan-primary);font-size:12px;font-weight:800}.poem-directory-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.poem-directory-list a{grid-template-columns:auto minmax(0,1fr);gap:4px 8px;padding:11px 12px;display:grid}.poem-directory-list span{color:var(--kanhan-orange);font-size:12px;font-weight:950}.poem-directory-list strong{color:var(--kanhan-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.poem-directory-list em{color:var(--kanhan-muted);grid-column:2;font-size:12px;font-style:normal}.author-directory a:hover,.poem-directory-list a:hover,.directory-top-link:hover{background:#fff;border-color:#fb9f299e;box-shadow:0 10px 24px #7c17001a}.search-box{color:var(--kanhan-muted);gap:8px;font-weight:800;display:grid}.search-box input{border:1px solid var(--kanhan-line);width:100%;color:var(--kanhan-ink);font:inherit;background:#fff;border-radius:8px;outline:none;padding:14px 16px;font-weight:700}.search-box input:focus{border-color:#fb9f29d1;box-shadow:0 0 0 4px #fb9f292e}.category-pills{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.category-pills button{border:1px solid var(--kanhan-line);color:var(--kanhan-primary-dark);cursor:pointer;font:inherit;background:#ffffffdb;border-radius:8px;padding:9px 14px;font-weight:900}.category-pills button.is-active,.category-pills button:hover{background:var(--kanhan-primary);color:var(--kanhan-ink)}.poem-list-summary{color:var(--kanhan-muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0 0 16px;font-weight:800;display:flex}.poem-list-summary span{color:var(--kanhan-primary)}.poem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;scroll-margin-top:104px;display:grid}.poem-card{border-radius:8px;padding:26px;scroll-margin-top:24px;position:relative;overflow:hidden}.author-anchor{position:absolute;top:-24px}.poem-card:after{color:#fb9f291a;content:"詩";pointer-events:none;font-size:150px;line-height:1;position:absolute;bottom:-20px;right:20px}.poem-card__header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.poem-card__index{background:var(--kanhan-primary);min-width:48px;color:var(--kanhan-ink);text-align:center;border-radius:8px;padding:10px 0;font-weight:900}.poem-card__header p:last-child{color:var(--kanhan-muted);margin:0;font-weight:700}.poem-card__lines{gap:12px;display:grid}.poem-card__lines>[data-khread-reading]{min-width:0}[data-khread-reading]{border:1px solid var(--kanhan-line);color:var(--kanhan-ink);background:#ffffffe6;border-radius:8px;margin:0;padding:16px 18px;line-height:1.7}.poem-line__reading{color:var(--kanhan-ink);letter-spacing:0;margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:900;line-height:1.85}.poem-ruby{ruby-position:under;white-space:nowrap;margin-inline:.055em}.poem-ruby>span{letter-spacing:0}.poem-ruby rt{color:var(--kanhan-primary);letter-spacing:0;padding-top:.18em;font-family:Avenir Next,Gill Sans,PingFang TC,sans-serif;font-size:.62em;font-weight:800;line-height:1.2}.poem-line__punctuation{letter-spacing:0}[data-khread-trigger=true]{flex:none!important;justify-content:center!important;align-self:flex-start!important;width:auto!important;min-width:58px!important;max-width:max-content!important;height:auto!important;display:inline-flex!important}.how-it-works{border-radius:8px;margin-top:28px;padding:28px}.source-note{margin-top:18px}.source-note a{color:var(--kanhan-primary-dark);font-weight:900}.load-more-row{justify-content:center;margin-top:24px;display:flex}.load-more-button{background:var(--kanhan-primary);color:var(--kanhan-ink);cursor:pointer;font:inherit;border:1px solid #fb9f2975;border-radius:8px;padding:12px 22px;font-weight:900;box-shadow:0 12px 28px #fb9f293d}.load-more-button:hover{background:var(--kanhan-primary-dark);color:#fff}.how-it-works ol{color:var(--kanhan-muted);margin:0;padding-left:22px;font-size:18px;line-height:1.9}.how-it-works code{border-radius:6px;padding:2px 7px;font-size:.9em;display:inline}@media (width<=860px){.site-nav{flex-direction:column;align-items:flex-start}.site-nav__links{justify-content:flex-start;width:100%}.site-nav__links a{text-align:center;flex:1}.hero,.poem-grid,.library-tools,.author-directory,.poem-directory-list{grid-template-columns:1fr}.hero__copy,.integration-card,.poem-card,.library-tools,.poem-directory,.how-it-works{padding:24px}.poem-directory__heading,.directory-block__title{display:grid}}
