/* Homepage geometry follows the 390px reference. Images are served locally. */
.home-view{--home-width:min(100vw,440px);background:#f5f5f5;font-family:Arial,"Microsoft YaHei",sans-serif;padding-bottom:75px}
.home-view.phone-shell{overflow:visible}
.home-top-area{background:#fff;padding:0 10px 0}
.home-declaration{display:block;width:100%;border-radius:8px 8px 0 0;overflow:hidden}
.home-declaration img{display:block;width:100%;height:auto;aspect-ratio:1065/300;object-fit:cover}
.home-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:13px 0 12px;gap:5px}
.home-shortcuts>a,.home-shortcuts>button{border:0;background:none;padding:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px;font-weight:400;line-height:20px;color:#333;min-height:81px}
.home-shortcut-circle{display:grid;place-items:center;width:53px;height:53px;border-radius:50%;box-shadow:0 1px 3px #0003,0 1px 1px #0001}
.home-shortcut-circle img{width:27px;height:27px;object-fit:contain}
.shortcut-1{background:linear-gradient(90deg,#ff9966,#ff5e62)}.shortcut-2{background:linear-gradient(90deg,#94d8fb,#42a0fd)}.shortcut-3{background:linear-gradient(90deg,#9ff6ce,#20bd67)}.shortcut-4{background:linear-gradient(90deg,#b5cbfc,#6878fd)}.shortcut-5{background:linear-gradient(90deg,#fdc69f,#fb934a)}
.home-promos{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 4px}
.home-promos a{display:block;min-width:0}
.home-promos img{display:block;width:100%;height:auto;object-fit:contain;border-radius:6px}
.home-sticky{position:sticky;top:0;z-index:15;background:white;box-shadow:0 2px 2px #f1f1f1;padding-bottom:10px}
.home-feed-tabs{display:flex;align-items:center;gap:13px;padding:10px 13px 2px}
.home-feed-tabs>a,.home-feed-tabs>button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border:0;background:#f1f1f1;color:#666;padding:4px 13px;border-radius:3px;font-size:15px;font-weight:700;line-height:22px}
.home-feed-tabs>button.active{background:#fb934a;color:white}
.home-feed-tabs [data-home-favorite-count]{font-size:11px;font-weight:400}
.home-lotteries{display:flex;align-items:center;padding:0 8px;min-height:44px}
.home-lotteries>button{position:relative;flex:1;min-width:0;min-height:44px;padding:8px 0;border:0;background:white;font-size:13px;line-height:20px;white-space:nowrap;color:#555;font-weight:700}
.home-lotteries>button.active{color:#ff4500}
.home-lotteries>button.active:after{content:"";position:absolute;bottom:5px;left:calc(50% - 10px);width:20px;height:2px;background:#ff4500;border-radius:2px}
.home-feed{padding:0 10px;background:#f5f5f5;scroll-margin-top:97px}
.home-plan{display:block;background:white;border-radius:9px;padding:11px 11px 13px;margin-top:10px;overflow:hidden;color:#222}
.home-plan-head{display:flex;gap:11px;align-items:center;min-height:51px}
.home-view .avatar{width:51px;height:51px;border:0;padding:0;box-shadow:none;flex-shrink:0;background:#f1f1f1}
.avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.avatar-image:after{display:none}
.home-author-info{flex:1;min-width:0;align-self:center}
.home-author-info>strong{font-weight:900;font-size:17px;display:block;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-author-honors{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px;min-height:18px}
.home-author-honor{display:inline-block;color:#1689df;background:#dceeff;font-size:13px;line-height:18px;padding:0 2px;border-radius:3px 3px 3px 0;font-weight:400}
.home-author-honor.arena-honor{background:#ffe7e7;color:#df232c}
.home-price{color:#f12731;font-weight:700;font-size:16px;align-self:flex-start;margin-top:6px;white-space:nowrap;line-height:22px}
.home-price.home-free{font-weight:400;font-size:14px}
.home-plan-title{margin:9px 0 0;font-size:16px;font-weight:400;line-height:26px;overflow-wrap:anywhere}
.home-updated{color:#ee2029;margin-left:9px;font-size:15px;white-space:normal}
.home-plan-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:5px;min-height:22px}
.home-records{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.home-hit{background:red;color:white;border-radius:3px;font-size:13px;line-height:18px;padding:0 4px}
.home-streak{color:#f12731;border:1px solid #ee7b7f;border-radius:3px;font-size:12px;line-height:16px;padding:0 3px}
.home-unsettled{color:#aaa;font-size:11px;line-height:18px}
.home-pin{font-size:10px;color:#a98767;line-height:16px}.home-contest{color:#ff4500;font-size:10px;border:1px solid #ff9b77;border-radius:2px;padding:0 3px;line-height:15px}
.home-views{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;color:#a88575;line-height:18px;flex-shrink:0}
.home-views .icon{color:#d1d1d1;width:16px;height:14px;stroke-width:2}
.home-views b{font-weight:400;color:#e82831}
.home-load-area{display:grid;place-items:center;min-height:58px;color:#999;font-size:12px;padding:12px 0}
.home-load-area button{border:0;background:none;color:#999;padding:10px 16px;min-height:44px;font-size:12px}
.home-loading{display:flex;align-items:center;gap:8px}.home-loading i{width:14px;height:14px;border:2px solid #ddd;border-top-color:#fb934a;border-radius:50%;animation:home-spin .8s linear infinite}
.home-load-sentinel{height:1px}
.home-skeleton{height:143px}.home-skeleton-head{display:flex;gap:12px;margin-bottom:15px}.home-skeleton-head>span{display:block;width:51px;height:51px;border-radius:50%;background:#f1f1f1}.home-skeleton-head>div{flex:1;padding-top:5px}.home-skeleton i{display:block;height:13px;background:#f1f1f1;border-radius:3px;margin:0 0 9px}.home-skeleton-head i:first-child{width:45%}.home-skeleton-head i:last-child{width:30%}.home-skeleton>i:last-child{width:60%}
.public-body .bottom-nav .nav-art{display:block;width:25px;height:25px;object-fit:contain}
.public-body .bottom-nav a:nth-child(3) .nav-icon{width:56px;height:56px;margin-top:-22px;border:0;background:none;box-shadow:none;display:grid;place-items:center}
.public-body .bottom-nav a:nth-child(3) .nav-arena-art{width:56px;height:56px}
.home-view .bottom-nav{min-height:50px;padding:4px 5px max(2px,env(safe-area-inset-bottom));background:white;box-shadow:none}
.home-view .bottom-nav a{min-height:42px;font-size:11px;gap:0;line-height:15px;color:#999}
.home-view .bottom-nav a.active{color:#dfac66}
.home-guide-dialog{width:min(90vw,380px);max-height:78dvh;padding:0;border:0;border-radius:10px;color:#333;box-shadow:0 12px 50px #0003}
.home-guide-dialog:not([open]){display:none}.home-guide-dialog::backdrop{background:#0006}
.home-guide-heading{display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(90deg,#ffa500,#ff4500);padding:10px 45px;color:white}
.home-guide-heading h2{font-size:18px;font-weight:700}.home-guide-heading button{position:absolute;right:0;top:0;width:44px;height:44px;border:0;background:none;font-size:28px;color:white}
.home-guide-content{padding:18px;max-height:calc(78dvh - 48px);overflow:auto;line-height:1.8;font-size:14px}.home-guide-content h3{font-size:15px;margin-bottom:4px}.home-guide-content p{margin-bottom:16px}.home-guide-note{color:#888;font-size:12px}.home-guide-confirm{width:100%;border:0;border-radius:20px;min-height:44px;background:#fb934a;color:white;font-size:15px}
@keyframes home-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.home-loading i{animation:none}}
@media(max-width:360px){.home-top-area{padding-left:8px;padding-right:8px}.home-shortcut-circle{width:48px;height:48px}.home-shortcuts{gap:3px}.home-shortcuts>a,.home-shortcuts>button{font-size:13px;min-height:77px}.home-feed-tabs{gap:11px;padding-left:11px}.home-lotteries>button{font-size:12px}.home-feed{padding-left:8px;padding-right:8px}.home-plan{padding-left:10px;padding-right:10px}.home-plan-head{gap:8px}.home-author-info>strong{font-size:16px}.home-plan-title{font-size:15px}.home-views{gap:3px}}
@media(min-width:900px){.home-view.phone-shell{max-width:390px;margin-top:0;margin-bottom:0;border-radius:0}.home-view .bottom-nav{width:390px}}