:root{color-scheme:dark;--bg:#101010;--line:#262626;--muted:#777;--text:#ededed;--hover:#181818;--blue:#0095f6}
*{box-sizing:border-box}body{margin:0;min-width:1180px;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang TC","Noto Sans TC",sans-serif;font-size:17px;line-height:1.55}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #aaa;outline-offset:5px}button{border-radius:8px}button:disabled{opacity:.35;cursor:default}svg.icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:hover{background:#ffffff08}.sidebar{position:fixed;left:0;top:0;width:292px;height:100vh;padding:28px 22px 68px;overflow-y:auto;scrollbar-width:none}.brand{display:flex;align-items:center;gap:6px;width:max-content;margin:0 10px 40px}.brand svg{height:39px;width:35px;stroke:currentColor;stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.brand span{font-size:36px;font-weight:750;letter-spacing:-1.8px;font-style:italic;line-height:1}.nav-item{position:relative;display:flex;align-items:center;gap:14px;padding:10px 13px;margin:2px 0;width:100%;height:46px;text-align:left;font-size:19px;border-radius:11px;white-space:nowrap}.nav-item.active{background:#2a2a2a;font-weight:600}.nav-item.active .icon{fill:currentColor}.nav-item:hover{background:#202020}.nav-gap{height:20px}.nav-caption{font-size:14px;font-weight:600;color:var(--muted);margin:28px 13px 11px}.community span{font-size:22px;width:25px;text-align:center}.feeds-caption{margin-top:30px}.notification-dot{position:absolute;background:#fa244c;border:2px solid var(--bg);width:10px;height:10px;left:31px;top:11px;border-radius:50%}.demo-label{position:fixed;bottom:0;left:22px;width:248px;padding:18px 10px 19px;background:var(--bg);font-size:11px;color:#777;display:flex;align-items:center;gap:7px}.demo-label span{height:5px;width:5px;background:#929a7a;border-radius:50%}main{width:800px;margin-left:max(320px,calc(320px + (100vw - 1280px)*.22));padding-bottom:20px}.page-header{height:92px;position:sticky;top:0;z-index:3;background:#101010f5;backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 30px;gap:24px}.page-header h1{font-size:22px;line-height:1.25;margin:0;font-weight:650}.header-subtitle{font-size:13px;color:var(--muted);margin-top:3px}.header-more{margin-left:auto;display:flex;padding:8px}.circle-more .icon{border:2px solid currentColor;border-radius:50%;padding:3px}.back-button{display:flex;align-items:center;padding:6px;margin-left:-5px}.feed{border:1px solid var(--line);border-radius:28px 28px 0 0;overflow:hidden;min-height:calc(100vh - 130px)}.composer-inline{display:flex;align-items:center;gap:16px;padding:25px 29px;border-bottom:1px solid var(--line)}.composer-placeholder{flex:1;color:var(--muted);text-align:left;padding:10px 0;font-size:18px}.primary-button{border:1px solid #393939;border-radius:12px;font-weight:600;padding:7px 19px;background:var(--bg)}.primary-button:hover{background:#252525}.avatar{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:50%;flex-shrink:0;overflow:hidden;user-select:none;font-size:19px;font-weight:650;letter-spacing:-1px;border:1px solid #ffffff0e}.avatar-youth{background:#dbe8a9;color:#233d29;font-size:14px;letter-spacing:-1px;position:relative}.avatar-youth:after{content:"";position:absolute;border:1px solid #233d2950;width:32px;height:32px;border-radius:50%}.avatar-self{background:#efefec;color:#222;font-size:35px;font-family:Georgia,serif;font-style:italic}.avatar-peach{background:#d9bba9;color:#714a40}.avatar-blue{background:#9faebb;color:#293d4d}.avatar-green{background:#a6b1a1;color:#344e3d}.avatar-lilac{background:#beb0c6;color:#51425a}.avatar-sun{background:#dec68b;color:#615126}.post-card{padding:23px 29px 21px;border-bottom:1px solid var(--line);position:relative}.post-card:last-child{border-bottom:0}.post-card.feed-post{cursor:pointer;transition:background .15s}.post-card.feed-post:hover{background:#141414}.post-grid{display:grid;grid-template-columns:43px 1fr;column-gap:16px}.post-head{display:flex;align-items:center;min-height:26px;gap:7px;line-height:1.3}.username{font-size:17px;font-weight:650;letter-spacing:-.2px}.verified{color:var(--blue);display:inline-flex}.verified svg{width:16px;height:16px;fill:currentColor}.post-time{color:var(--muted);font-size:16px;white-space:nowrap}.more-button{display:flex;color:var(--muted);padding:2px;margin-left:auto}.more-button .icon{width:24px;height:24px}.post-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0 0;line-height:1.6;font-size:17px;letter-spacing:.05px}.post-tags{color:#aaa;font-size:15px;margin-top:12px}.actions{display:flex;align-items:center;gap:21px;margin-top:17px;height:29px}.action{display:inline-flex;align-items:center;gap:6px;padding:3px 0;color:#aaa;font-size:14px;min-width:29px;line-height:1}.action .icon{height:23px;width:23px}.action:hover{color:#eee;background:none}.action.liked{color:#ff405d}.action.liked .icon{fill:currentColor;stroke:currentColor}.action.reposted{color:#78c9a3}.action.saved{color:#efefef}.action-bookmark{margin-left:auto}.artwork{display:block;width:100%;position:relative;overflow:hidden;border-radius:12px;margin-top:18px;text-align:left;padding:0;background:#dce6b8;color:#243029;aspect-ratio:1.58;border:1px solid #ffffff10}.artwork:hover{background:#dce6b8}.poster{height:100%;width:100%;position:relative;padding:27px 31px;overflow:hidden;background:#dce6b8;color:#263b2c}.poster-top{font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between;font-weight:650;position:relative;z-index:1}.poster-title{font-size:48px;line-height:1.14;letter-spacing:-2px;font-weight:800;margin-top:30px;position:relative;z-index:1}.poster-title span{font-weight:400;font-style:italic;font-family:Georgia,serif}.poster-bottom{position:absolute;bottom:23px;left:31px;right:31px;display:flex;align-items:flex-end;justify-content:space-between;z-index:1}.poster-bottom strong{font-size:12px;font-weight:550;letter-spacing:2px}.poster-bottom small{font-size:9px;letter-spacing:1px}.poster-shape{position:absolute;width:210px;height:210px;right:-6px;top:53px;border:30px solid #58754c;border-radius:58px;transform:rotate(-26deg)}.poster-shape:before{content:"";position:absolute;inset:12px;border:14px solid #8da26c;border-radius:25px}.poster-dot{position:absolute;width:65px;height:65px;border-radius:50%;background:#f3f0d8;right:89px;top:124px;box-shadow:0 0 0 12px #dce6b8}.detail-post{padding:27px 29px 23px}.detail-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.detail-head .post-head{flex:1}.detail-post .post-text{font-size:18px}.detail-post .artwork{margin-top:21px}.detail-post .poster-title{font-size:60px;margin-top:43px}.detail-post .poster-shape{width:260px;height:260px;right:6px;top:70px;border-width:38px}.detail-post .poster-dot{top:165px;right:122px}.detail-post .actions{margin-top:22px}.reply-toolbar{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:18px 29px 15px;align-items:center}.sort-control{font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px;padding:0}.sort-control .icon{width:15px;height:15px}.reply-count{color:var(--muted);font-size:13px}.reply-form{display:flex;gap:12px;align-items:center;margin:0 21px 18px;border:1px solid #2b2b2b;border-radius:30px;padding:8px 10px;background:#1c1c1c}.reply-form .avatar{width:35px;height:35px;font-size:28px}.reply-form input{width:100%;flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.reply-submit{font-weight:600;font-size:14px;padding:5px 14px;white-space:nowrap}.comment{padding:21px 29px 18px;border-top:1px solid var(--line)}.comment .avatar{width:36px;height:36px;font-size:15px}.comment .avatar-self{font-size:29px}.comment .avatar-youth:after{width:26px;height:26px}.comment .post-grid{grid-template-columns:36px 1fr;gap:14px}.comment .post-text{font-size:16px}.comment .username{font-size:16px}.comment .post-time{font-size:14px}.comment .actions{gap:20px;margin-top:13px}.comment .action .icon{width:22px;height:22px}.comment .action{font-size:13px}.nested-replies{margin:19px 0 0 16px;padding-left:32px;border-left:2px solid #303030}.nested-reply{position:relative;margin-top:21px}.nested-reply:before{content:"";position:absolute;top:14px;left:-34px;border-bottom:2px solid #303030;width:20px}.show-replies{display:flex;align-items:center;gap:8px;margin-top:16px;padding:0;color:#818181;font-size:14px}.show-replies:hover{color:#bbb;background:none}.show-replies .icon{width:15px;height:15px}.page-footer{font-size:11px;color:#5d5d5d;text-align:center;padding:25px}.floating-compose{position:fixed;right:28px;bottom:27px;border:1px solid #292929;border-radius:21px;width:92px;height:78px;background:#181818;display:grid;place-items:center;box-shadow:0 4px 20px #0003}.floating-compose .icon{width:38px;height:38px;stroke-width:1.6}.floating-compose:hover{background:#232323;transform:translateY(-2px)}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);padding:12px 22px;background:#f0f0f0;color:#181818;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:20;box-shadow:0 5px 40px #0008}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:570px;padding:0;border:1px solid #333;border-radius:22px;background:#181818;color:var(--text);box-shadow:0 20px 100px #0007}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);font-size:16px}.dialog-top>span{width:40px}.text-button{padding:2px;color:#aaa;font-size:15px}#compose-form{padding:24px}.compose-author{display:flex;align-items:center;gap:12px}textarea{display:block;background:transparent;border:0;resize:vertical;outline:none;width:100%;min-height:180px;color:var(--text);padding:17px 0;font-size:17px}.dialog-bottom{display:flex;justify-content:space-between;align-items:center}.dialog-bottom span{font-size:13px;color:var(--muted)}#image-viewer{width:940px;background:transparent;border:0;overflow:visible;max-width:95vw}#image-viewer .artwork{margin:0;cursor:default}#image-viewer .poster{padding:45px}#image-viewer .poster-title{font-size:80px;margin-top:70px}#image-viewer .poster-shape{width:330px;height:330px;border-width:45px;top:90px;right:15px}#image-viewer .poster-dot{height:100px;width:100px;top:206px;right:164px}#image-viewer .poster-bottom{left:45px;right:45px;bottom:40px}.viewer-close{position:absolute;top:-48px;right:0;font-size:32px;color:#ddd;width:40px;height:40px;line-height:1}#search-input{display:block;margin:20px;width:calc(100% - 40px);background:#222;border:1px solid #333;padding:12px 15px;border-radius:12px;color:var(--text);outline:none}#search-results{padding:0 20px 20px;max-height:430px;overflow:auto}.search-result{width:100%;text-align:left;padding:14px 4px;border-bottom:1px solid var(--line)}.search-result p{color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;margin:5px 0}.empty-state{padding:65px 30px;text-align:center;color:#777;font-size:16px}.profile-banner{padding:28px;border-bottom:1px solid var(--line)}.profile-banner h2{margin:8px 0 0;font-size:26px}.profile-banner p{color:#999;font-size:15px;margin:7px 0 0}html{scrollbar-color:#444 #101010}::selection{background:#506149;color:#fff}

/* 本機生成照片與正式選用的 V1 頭貼 */
.avatar-photo{background:#eee;border-color:#ffffff12}.avatar-photo img{display:block;width:100%;height:100%;object-fit:cover}.post-photo{display:block;margin:17px 0 0;padding:0;border:1px solid #ffffff12;border-radius:12px;overflow:hidden;background:#191919;max-width:100%;width:max-content;line-height:0}.post-photo img{display:block;width:auto;max-width:100%;height:auto;max-height:480px;object-fit:contain}.detail-post .post-photo img{max-height:590px}.post-photo:hover{filter:brightness(.97)}.viewer-photo{display:block;max-width:100%;max-height:84vh;width:auto;height:auto;margin:auto;border-radius:12px;object-fit:contain}