/* Deliberately scoped: the rest of the prototype keeps its existing layout. */
.home-page .phone,.home-page #view {background:#fcfcf9}
.home-page #view{padding:0 22px 90px}.home-page .dock{background:#fcfcf9f5}
.home-top{background:#fcfcf9;padding:12px 0 16px;border-bottom:1px solid #e8eae2}
.home-header{height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-brand{font-family:'Noto Serif CJK SC','Songti SC',serif;font-size:27px;font-weight:650;letter-spacing:5px;color:#244d40;display:flex;align-items:baseline;gap:7px}
.home-brand span{font-family:inherit;font-size:14px;font-weight:400;letter-spacing:2px;color:#677768}
.home-dots,.home-plus{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.home-dots{position:relative;background:#eaf0e8;gap:5px}.home-dots i{display:block;width:6px;height:6px;background:#345a48;border-radius:50%}.home-plus{background:#284f41;color:#fff}.home-plus .icon{width:23px;height:23px}
.home-playing-dot{position:absolute;right:2px;bottom:2px;width:9px;height:9px;border:2px solid #fcfcf9;background:#789c65;border-radius:50%}
.home-search{height:43px;border:1px solid #edf0e9;background:#f0f2ec;border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 13px;margin-top:5px}
.home-search .icon{color:#7e8b7d;width:18px;height:18px;flex-shrink:0}.home-search input{border:0;outline:0;background:none;font-size:14px;min-width:0;width:100%;height:100%;color:#263c32}.home-search input::placeholder{color:#829080}.home-search:focus-within{outline:2px solid #7e9b7f;outline-offset:2px}
.home-list-label{display:flex;align-items:center;justify-content:space-between;padding:16px 0 1px}.home-list-label h1{font-size:13px;font-weight:600;letter-spacing:1px;color:#566b58}.home-list-label>span{font-size:11px;color:#798575}
.home-item{border-bottom:1px solid #e6e9e1}.home-item-button{display:flex;width:100%;gap:15px;align-items:center;text-align:left;padding:19px 0;min-height:128px}
.home-item-copy{flex:1;min-width:0}.home-kicker{display:flex;align-items:center;gap:7px;font-size:10px;color:#687c65;line-height:1.6;margin-bottom:7px}.home-type{color:#7c8578;border-left:1px solid #d3dace;padding-left:7px}.editor-pick{font-size:9px;background:#e6eddf;color:#4e6845;border-radius:3px;padding:0 4px}
.home-item h2{font-size:17px;line-height:1.6;font-weight:600;color:#293b30;letter-spacing:.2px;margin:0 0 5px}.home-lead h2{font-family:'Noto Serif CJK SC','Songti SC',serif;font-size:23px;font-weight:650;letter-spacing:1px;line-height:1.5}.home-lead .home-item-button{padding-top:16px;padding-bottom:22px;min-height:160px}
.home-summary{font-size:12px;line-height:1.85;color:#798173;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-meta{font-size:10px;line-height:1.7;color:#7a8276;margin-top:9px;display:flex;flex-wrap:wrap;column-gap:9px}.home-read-progress{color:#537850}.home-quote{border-left:2px solid #b6c5a8;color:#607252;font-size:12px;line-height:1.6;padding-left:8px;margin-top:10px}
.home-thumb{width:86px;height:94px;flex-shrink:0;border-radius:9px;overflow:hidden;position:relative;background:#dfe7d9}.home-thumb>svg{width:100%;height:100%;display:block}.home-lead .home-thumb{width:105px;height:126px;border-radius:6px}.home-thumb.video{width:111px;height:78px;box-shadow:0 1px 5px #123c1c15}.video-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(transparent 45%,#112e2566)}.video-mark>.icon{width:29px;height:29px;color:white;border:1px solid #ffffff88;border-radius:50%;padding:5px}.video-mark>span{position:absolute;right:5px;bottom:4px;color:white;font-size:9px;padding:1px 4px;background:#17372db3;border-radius:3px;line-height:1.5}
.home-thumb.series{width:86px;height:104px;border-radius:4px 9px 9px 4px;border-left:5px solid #465e3f;box-shadow:3px 3px 0 #e2e8d9,5px 5px 0 #f0f2e9}.series-mark{position:absolute;bottom:0;left:0;right:0;background:#243e2ad4;color:#fff7de;font-size:10px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px}.series-mark .icon{width:13px;height:13px}
.book-cover{border-left:4px solid #cabb96}.book-spine{position:absolute;top:12px;right:12px;writing-mode:vertical-rl;letter-spacing:4px;font-size:10px;background:#f5ead1;color:#5d6247;padding:7px 5px}
.home-end{text-align:center;font-size:11px;line-height:2.2;color:#7e8a76;padding:28px 0 12px}.home-end small{display:block;color:#8a9382;font-size:10px}.home-empty{padding:50px 10px;text-align:center;color:#6a7c66}.home-empty>.icon{margin:0 auto 16px;width:32px;height:32px}.home-empty h2{font-size:17px}.home-empty p{font-size:13px;margin:10px 0 20px;line-height:1.8}
.home-panel-hint{font-size:12px;color:#6c7b69;margin:2px 0 18px}.home-channel-panel{top:77px;bottom:auto;left:auto;right:max(18px,calc((100vw - var(--phone))/2 + 20px));margin:0;width:238px;max-height:calc(100dvh - 100px);border-radius:17px;background:#fcfdf9;box-shadow:0 12px 55px #143e2630}
.home-channel-panel::backdrop{background:#213b281a;backdrop-filter:blur(1px)}.home-channel-panel .sheet-handle{display:none}.home-channel-panel .sheet-inner{padding:12px 15px 16px}.home-channel-panel .sheet-header h2{font-size:16px}.home-channel-panel .home-panel-hint{font-size:11px;margin:0 0 10px}.home-channel-option{display:flex;align-items:center;gap:12px;padding:13px 11px;width:100%;min-height:50px;border-radius:9px;font-size:14px;text-align:left}.home-channel-option>span{flex:1}.home-channel-option>.icon{width:19px;height:19px}.home-channel-option.chosen{background:#edf2e7;color:#2d583e;font-weight:600}
.home-float-panel{top:0;bottom:0;left:50%;right:auto;transform:translateX(-50%);margin:0;width:min(100%,var(--phone));height:100dvh;max-height:100dvh;border-radius:0;background:#edf1e8}.home-float-panel::backdrop{background:#1e352b99;backdrop-filter:blur(6px)}.home-float-panel .sheet-inner{padding:20px 20px calc(30px + env(safe-area-inset-bottom))}.home-float-panel .sheet-handle{display:none}.home-float-panel .sheet-header h2{font-family:'Noto Serif CJK SC',serif;font-size:26px;letter-spacing:3px}.home-float-panel .sheet-header{margin-bottom:0}.home-float-panel .home-panel-hint{margin:5px 0 20px;letter-spacing:1px}.home-float-tabs{display:flex;gap:8px;margin-bottom:24px}.home-float-tabs button{padding:7px 15px;min-height:42px;border-radius:24px;color:#6b7c65;font-size:13px}.home-float-tabs button.active{background:#2d5340;color:#fff}.home-float-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.float-card{min-width:0;position:relative}.float-open{width:100%;display:block;text-align:left}.float-dismiss{position:absolute;right:6px;top:6px;border-radius:50%;width:34px;height:34px;background:#284834dd;color:white;display:grid;place-items:center;z-index:1}.float-dismiss:before{content:'';position:absolute;inset:-5px}.float-dismiss>.icon{width:17px;height:17px}.float-paper,.home-thumb.snapshot{width:100%;height:197px;border-radius:11px;overflow:hidden;box-shadow:0 5px 18px #30412c12;border:none}.home-thumb.snapshot>svg{width:100%;height:100%}.float-paper{background:#fffef9;padding:18px 15px;position:relative}.float-paper:after{content:'';position:absolute;bottom:0;left:0;right:0;height:45px;background:linear-gradient(transparent,#fffef9)}.float-paper>span{font-size:8px;color:#9ca28c}.float-paper>h3{font-family:'Noto Serif CJK SC',serif;font-size:18px;font-weight:600;margin-top:16px;line-height:1.7;max-width:110px}.float-paper>p{font-size:10px;line-height:2;color:#7b8371;margin-top:12px}.float-paper-line{width:24px;height:2px;background:#a0b38b;margin-top:13px}.float-info{padding:10px 1px 0}.float-group{font-size:9px;color:#66825e}.float-info h3{font-size:13px;line-height:1.65;margin:3px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.float-info p{font-size:10px;color:#74816d}.home-float-foot{margin-top:30px;text-align:center;font-size:10px;color:#7d8977;line-height:1.9}
.home-detail-header{display:flex;align-items:center;justify-content:space-between;margin:-5px -8px 22px;font-size:13px;color:#7a8874}.home-detail-heading{padding-bottom:22px}.home-detail-kind{font-size:10px;color:#718367}.home-detail-heading h1{font-family:'Noto Serif CJK SC',serif;font-size:28px;line-height:1.6;margin:15px 0 12px}.home-detail-heading>p{font-size:14px;line-height:1.9;color:#7a8572}.home-reading-body{font-size:16px;line-height:2.15;color:#42513e}.home-reading-body>p{margin:22px 0}.home-reading-body>h2{font-size:20px;margin:35px 0 12px}.home-reading-intro{border-left:2px solid #aebf9e;padding:10px 16px;font-size:15px;background:#eff3e8;color:#627559}.home-reading-note{font-size:12px;color:#7f8a77;border-top:1px solid #dce3d3;padding-top:16px}.home-detail-bottom{display:flex;gap:10px;padding-top:22px}.home-detail-bottom button{flex:1}.home-save[aria-pressed=true]{color:#2f693b}.home-save.primary[aria-pressed=true]{background:#e1ead7}.home-detail video{display:block;width:100%;aspect-ratio:16/9;background:#244d3c;border-radius:12px}.home-saved-list{margin:20px 0}.home-saved-list>h2{font-size:15px;color:#496540;margin-bottom:7px}
.large-text .home-summary,.large-text .home-meta{font-size:14px}.large-text .home-item h2{font-size:20px}.large-text .home-reading-body{font-size:19px}.large-text .home-lead h2{font-size:26px}
@media(max-width:359px){.home-page #view{padding-left:16px;padding-right:16px}.home-item-button{gap:12px}.home-thumb.video{width:91px;height:67px}.home-lead .home-thumb{width:86px;height:112px}.home-brand{font-size:24px}.home-item h2{font-size:16px}.home-lead h2{font-size:22px}.float-paper,.home-thumb.snapshot{height:175px}.home-float-panel .sheet-inner{padding-left:15px;padding-right:15px}}