/* 生成物：由 tools/web/sync-prototype-css.mjs 从 docs/prototypes/2026-09-21-阳光玻璃忠实延展/anchor-extension.css 逐字复制，勿手改。
   原型是唯一视觉真值；要改视觉先改原型，再跑 `node tools/web/sync-prototype-css.mjs .` 同步。 */
/* 只连接全站与补窄屏；原样张在 baseline/ 中始终可并排查看。 */
.anchor-state{width:min(1200px,calc(100% - 48px));margin:40px auto;padding:64px 24px;text-align:center;display:grid;justify-items:center;gap:20px}.anchor-state p{color:var(--b-text-3)}.anchor-state h1{font-size:var(--b-fs-28)}.anchor-state .btn{margin-top:12px}.anchor-link{color:var(--b-primary-text);text-decoration:underline;text-underline-offset:4px}.anchor-public{padding:0;overflow:hidden}.anchor-public img{width:100%;max-height:380px;object-fit:cover;display:block}.anchor-public-content{padding:24px;display:grid;gap:16px}.anchor-public-content .btn{justify-self:start}.anchor-att{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.anchor-att span{display:block;color:var(--b-text-3);font-size:13px;margin-top:4px}.anchor-status{padding:16px;border-radius:var(--b-radius-inner);background:var(--b-bg-inset);font-size:15px}.anchor-state-error{color:var(--b-danger)}.anchor-boundary{font-size:13px;color:var(--b-text-3);margin:12px 0}.topbar [aria-disabled=true]{opacity:.45;cursor:not-allowed}.topbar .icon-btn:disabled{opacity:.4}
@media(max-width:700px){.topbar{height:auto;min-height:var(--b-topbar-h)}.topbar-in{flex-wrap:wrap;gap:0;padding-top:12px}.topbar .tools{margin-left:auto;gap:8px}.topbar .nav{order:3;flex-basis:100%;overflow:auto;white-space:nowrap;gap:24px;padding:10px 0}.topbar .nav a{flex-shrink:0}.topbar .user,.topbar [aria-label="搜索任务"],.topbar [aria-label="查看提醒"],.topbar [aria-label="个人设置"]{display:none}.wrap{width:calc(100% - 32px)}body[data-page=task] .hero-in{padding-top:24px}.hero-row{gap:16px;align-items:flex-start}.hero .cover{width:88px;flex-basis:88px}.hero .cover img{width:88px;height:104px;object-fit:cover}.hero .cover-cap{display:none}.hero .title{font-size:28px;line-height:1.35}.facts{flex-wrap:wrap;gap:8px}.facts div{gap:6px}.grid{grid-template-columns:minmax(0,1fr);gap:20px}.col-main,.col-side{min-width:0}.card{padding:20px}.panel-head{flex-wrap:wrap;gap:12px}.dl-choice{grid-template-columns:minmax(0,1fr);gap:12px}.field-row,.dl-alt{flex-wrap:wrap;gap:10px}.field-row .field,.alt-link{min-width:0;width:100%}.dl-item{padding:20px 0}.checklist th{min-width:76px}.checklist td{overflow-wrap:anywhere}.dock{max-width:calc(100vw - 24px);bottom:12px}.dock-in{gap:8px}.dock-label{font-size:13px}.sheet{width:calc(100vw - 32px);max-width:calc(100vw - 32px);bottom:16px;max-height:calc(100dvh - 32px)}.sheet-body{max-height:calc(100dvh - 32px);overflow:auto;padding:24px 20px}.footer-in{display:grid;gap:12px}.footer-r{flex-wrap:wrap}.wb{padding-top:20px}.wb-grid{display:flex!important;flex-direction:column;height:auto!important;gap:16px}.wb-grid>.tile{width:100%;position:relative!important;transform:none!important;min-height:200px;flex:none}.wb-slots,.wb-ghost{display:none!important}.tile .tile-body{min-height:200px;padding:20px}.tile .t-assistant{flex-direction:column;align-items:flex-start;gap:16px}.tile .t-ask{width:100%}.tile .t-form{flex-wrap:wrap;gap:10px}.tile .t-form input{width:100%;min-width:0}.tile .t-form button{white-space:nowrap}.tile .t-main{min-width:0}.tile .t-title{font-size:17px}.wb-panel{width:calc(100vw - 24px);max-width:calc(100vw - 24px);right:12px;bottom:12px;max-height:calc(100dvh - 24px)}.wb-panel-body{max-height:calc(100dvh - 32px);overflow:auto}.wb-tpl{grid-template-columns:72px minmax(0,1fr)}.edit-hint{display:none!important}.edit-actions{flex-wrap:wrap;gap:6px;width:100%;padding:8px 0}.edit-actions .btn{font-size:13px;padding-inline:10px}.t-resize{right:8px;bottom:8px}.anchor-state{width:calc(100% - 32px);margin:24px auto;min-height:320px}.anchor-att{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:700px){body[data-page=home] .tile[data-h] .tile-body{flex-direction:column;align-items:stretch}body[data-page=home] .tile[data-h] .t-main{flex:auto;min-width:0;width:100%}body[data-page=home] .tile[data-w] .t-ask{width:100%;max-width:100%}body[data-page=home] .tile .t-pet{align-self:flex-start}body[data-page=home] .t-form .field{flex-basis:100%}body[data-page=task] .fab{bottom:94px;right:16px}body[data-page=task] .fab.is-open{max-width:calc(100vw - 32px)}body[data-page=task] .dock-in{max-width:100%}.anchor-submit-info{overflow-wrap:anywhere}}
.anchor-public-mode .fab{display:none}.anchor-confirm-body{display:grid;gap:20px}.anchor-confirm-body .sh-foot{margin-top:12px}.anchor-confirm-error{color:var(--b-danger);font-size:14px}.anchor-input-feedback{font-size:13px;color:var(--b-text-3);overflow-wrap:anywhere}
@media(max-width:700px){body[data-page=home] .wb-grid>.tile{min-height:160px}body[data-page=home] .wb-grid>.tile .tile-body{flex:0 0 auto;width:100%;min-height:160px}body[data-page=home] .tile[data-h] .t-main{flex:0 0 auto}body[data-page=home] .tile[data-h] .t-more{flex:0 0 auto;max-height:340px;overflow:auto;-webkit-mask-image:none;mask-image:none}body[data-page=home] .t-item-foot{flex-wrap:wrap}body[data-page=home] .t-btns{flex-wrap:wrap;gap:6px}}
@media(max-width:700px){body[data-page=task] .dock{width:calc(100vw - 24px);padding:12px;border-radius:24px}body[data-page=task] .dock-in{flex-wrap:wrap;justify-content:space-between;gap:10px}body[data-page=task] .dock-text{max-width:100%;min-width:0;white-space:normal;flex-wrap:wrap;margin-right:0}body[data-page=task] .dock-in[data-show=submitted] .dock-text,body[data-page=task] .dock-in[data-show=accepted] .dock-text{flex-basis:100%;justify-content:center}body[data-page=task] .dock-in[data-show=submitted]>.btn,body[data-page=task] .dock-in[data-show=accepted]>.btn{width:100%;justify-content:center}body[data-page=task] .fab{bottom:170px}body[data-page=task] .footer{padding-bottom:170px}}
@media(max-width:700px){body[data-page=task] .hero .cover{align-self:flex-start;height:104px;aspect-ratio:auto}body[data-page=task] .hero .cover img{height:100%}}
/* 修原样张版式缺陷（白晨 0923 定：baseline/ 哈希锁定不动，在这里覆盖）：「发现新任务」块（正式版的灵感推荐）高 1、宽 ≥2 时，baseline/style-p-sunlit/home.css 把正文改横排且 .t-main 占满整行，
   封面 aspect-ratio:5/2 按整行宽算高（2×1 约 219px）超过 176px 行高，align-items:center 把标题推出模块上沿、被 .tile-body{overflow:hidden} 裁掉。只在网格态（>700px；窄屏由上面的单列规则接管）且有封面时，让封面吃满标题下的剩余高度；1×1 与其他模块不受影响。 */
@media(min-width:701px){body[data-page=home] .tile[data-h="1"]:not([data-w="1"]) .t-media-tile:has(.t-media){align-items:stretch}body[data-page=home] .tile[data-h="1"]:not([data-w="1"]) .t-media-tile:has(.t-media) .t-main{grid-template-rows:auto minmax(0,1fr)}body[data-page=home] .tile[data-h="1"]:not([data-w="1"]) .t-media-tile .t-media{aspect-ratio:auto;min-height:0}}