.qhp-posts{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--posts-text);background:var(--page-bg);font-synthesis:none;--accent:var(--primary)}.qhp-posts *{box-sizing:border-box}.qhp-posts body{margin:0}.qhp-posts button,.qhp-posts input,.qhp-posts select,.qhp-posts textarea{font:inherit}.qhp-posts button,.qhp-posts a,.qhp-posts input,.qhp-posts select,.qhp-posts textarea{outline-offset:4px}.qhp-posts button{border:0;border-radius:12px;background:var(--btn-regular-bg);color:var(--btn-content);padding:10px 16px;cursor:pointer;transition:background .18s,transform .18s}.qhp-posts button:hover{background:var(--btn-regular-bg-hover)}.qhp-posts button:active{transform:scale(.97)}.qhp-posts button:disabled{opacity:.45;cursor:wait}.qhp-posts .primary{background:var(--accent);color:white}.qhp-posts .primary:hover{background:#6652a6}.qhp-posts a{color:inherit;text-decoration:none}.qhp-posts header{max-width:1240px;margin:auto;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.qhp-posts header>a{font-size:23px;font-weight:750;letter-spacing:-1px}.qhp-posts header>a span{font-size:11px;color:#a29bad;display:block;letter-spacing:2px;margin-top:3px}.qhp-posts nav{display:flex;gap:32px;color:#9992a6;font-size:14px}.qhp-posts nav .active{color:var(--accent)}.qhp-posts main{max-width:1176px;margin:20px auto;padding:0 32px}.qhp-posts .hero{background:linear-gradient(110deg,#ede7f6,#edf1f4);border:1px solid white;border-radius:26px;min-height:230px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.qhp-posts small{font-size:10px;letter-spacing:1px;color:#9385ae}.qhp-posts h1{font-size:36px;letter-spacing:-1px;font-weight:600}.qhp-posts p{line-height:1.85;color:var(--posts-muted)}.qhp-posts .hero p{font-size:13px;margin-bottom:0}.qhp-posts .filters{display:flex;align-items:center;gap:8px;margin:32px 0 20px}.qhp-posts .filters button{background:none;font-size:13px}.qhp-posts .filters .chosen{background:var(--card-bg);color:var(--accent)}.qhp-posts .filters span{margin-left:auto;font-size:11px;color:#a29bad}.qhp-posts #feed{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.qhp-posts .post{background:var(--card-bg);border-radius:20px;padding:28px;text-align:left;min-height:180px;border:1px solid var(--line-divider);color:#454050}.qhp-posts .post h2{font-size:21px;line-height:1.5;overflow-wrap:anywhere}.qhp-posts .post p{font-size:12px;margin-bottom:0}.qhp-posts .post small{font-size:10px}.qhp-posts .empty{grid-column:1/-1;text-align:center;padding:70px 20px;color:#aaa3b4;background:var(--card-bg);border-radius:20px}.qhp-posts .empty b{display:block;font-weight:500;color:#71677f;margin-bottom:10px}.qhp-posts dialog{border:1px solid #eee9f4;border-radius:24px;padding:34px;max-width:calc(100vw - 32px);width:440px;box-shadow:0 24px 100px #33234420}.qhp-posts dialog::backdrop{background:#25203535;backdrop-filter:blur(7px)}.qhp-posts dialog h2{font-weight:550}.qhp-posts dialog p{font-size:13px}.qhp-posts label{display:block;font-size:12px;color:#847a93;margin:18px 0}.qhp-posts input,.qhp-posts textarea,.qhp-posts select{border:1px solid var(--line-divider);border-radius:10px;background:var(--btn-regular-bg);padding:12px;color:#453e53}.qhp-posts label input{display:block;width:100%;margin-top:8px}.qhp-posts .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.qhp-posts .error{color:#b24e60}.qhp-posts .fine{font-size:11px!important}.qhp-posts #composer{position:fixed;inset:0;background:var(--page-bg);z-index:10;overflow:auto}.qhp-posts .compose-top{height:76px;position:sticky;top:0;z-index:2;background:#f6f5f8e8;backdrop-filter:blur(20px);padding:15px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ebe8f0}.qhp-posts .compose-top>div{display:flex;gap:8px}.qhp-posts .compose-top select{font-size:12px;padding:8px}.qhp-posts .compose-top>span{font-size:11px;color:#9f96ad}.qhp-posts .writing-layout{max-width:1320px;margin:30px auto;display:flex;gap:24px;align-items:flex-start;padding:0 28px}.qhp-posts .paper{flex:1;min-width:0;border-radius:20px;background:var(--card-bg);padding:36px 44px;box-shadow:0 6px 35px #35304704}.qhp-posts #title{width:100%;border:0;background:none;padding:10px 0 28px;font-size:29px;font-weight:600;outline:none}.qhp-posts .toolbar{display:flex;flex-wrap:wrap;gap:3px;padding:10px 0;border-top:1px solid var(--line-divider);border-bottom:1px solid var(--line-divider);position:sticky;top:76px;background:#fffc;backdrop-filter:blur(15px);z-index:1}.qhp-posts .toolbar button{padding:8px 11px;background:none;font-size:12px;border-radius:7px}.qhp-posts .toolbar button:hover,.qhp-posts .toolbar button.armed{background:#eee9f8;color:var(--accent)}.qhp-posts #editor{min-height:55vh;padding:28px 0;outline:none;line-height:1.95;font-size:16px;overflow-wrap:anywhere}.qhp-posts #editor:empty:before{content:attr(data-placeholder);color:#c3bccd;pointer-events:none}.qhp-posts #editor img,.qhp-posts #read-body img{max-width:100%;height:auto;border-radius:14px;margin:16px 0}.qhp-posts blockquote{border-left:3px solid #cfc2e5;padding:6px 20px;margin:16px 0;color:#8a7d9b;background:#faf8fd}.qhp-posts footer{border-top:1px solid #efedf3;padding-top:18px;display:flex;justify-content:space-between;color:#afa5bb;font-size:10px}.qhp-posts aside{width:320px;flex-shrink:0;position:sticky;top:106px;background:var(--card-bg);border:1px solid var(--line-divider);border-radius:20px;padding:20px;max-height:calc(100dvh - 130px);overflow:auto}.qhp-posts .aside-title{display:flex;align-items:center;justify-content:space-between}.qhp-posts .aside-title h3{font-size:14px;font-weight:550}.qhp-posts .aside-title button{font-size:10px;padding:7px 9px}.qhp-posts #chat{min-height:120px;max-height:30vh;overflow:auto;font-size:13px;margin:12px 0}.qhp-posts .bubble{padding:12px;border-radius:12px;background:var(--btn-regular-bg);margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--posts-text)}.qhp-posts .bubble.user{background:var(--btn-regular-bg);margin-left:25px}.qhp-posts .intro{font-size:12px}.qhp-posts #question{width:100%;resize:vertical;font-size:12px}.qhp-posts #chat-form .row{justify-content:space-between;margin-top:9px}.qhp-posts #chat-form button{font-size:11px}.qhp-posts #key-settings small{line-height:1.8;display:block;letter-spacing:0}.qhp-posts #key-settings button{font-size:11px}.qhp-posts #polish-result{background:var(--btn-regular-bg);padding:15px;border-radius:12px}.qhp-posts #suggestion{white-space:pre-wrap;font-size:13px;color:var(--posts-text)}.qhp-posts #polish-result button{font-size:11px}.qhp-posts #notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;max-width:90vw;padding:13px 22px;border-radius:14px;background:#393246;color:var(--card-bg);box-shadow:0 5px 30px #0002;font-size:13px}.qhp-posts #reader{width:800px}.qhp-posts #reader h1{font-size:30px}.qhp-posts #read-body{line-height:1.9;overflow-wrap:anywhere}.qhp-posts .close{float:right}.qhp-posts #owner-actions{margin-top:25px}.qhp-posts body:has(#composer:not([hidden])){overflow:hidden}.qhp-posts [hidden]{display:none!important}@media(max-width:850px){.qhp-posts header{padding:0 20px;height:75px}.qhp-posts nav{gap:14px}.qhp-posts main{padding:0 16px}.qhp-posts .hero{padding:28px;display:block}.qhp-posts .hero h1{font-size:27px}.qhp-posts .hero button{margin-top:22px}.qhp-posts #feed{grid-template-columns:1fr}.qhp-posts .filters span{max-width:115px;line-height:1.7}.qhp-posts .writing-layout{padding:0 12px;flex-direction:column;margin-top:14px}.qhp-posts .paper{padding:22px;width:100%}.qhp-posts aside{width:100%;position:relative;top:0;max-height:none}.qhp-posts .compose-top{padding:10px;height:auto;gap:8px;flex-wrap:wrap}.qhp-posts .compose-top>span{display:none}.qhp-posts .compose-top button{padding:9px;font-size:11px}.qhp-posts #title{font-size:23px}.qhp-posts .toolbar{top:0}.qhp-posts h1{font-size:28px}}@media(prefers-reduced-motion:reduce){.qhp-posts *{transition:none!important;scroll-behavior:auto!important}}

.qhp-posts{--posts-text:rgba(0,0,0,.8);--posts-muted:rgba(0,0,0,.5);font-family:inherit;color:var(--posts-text);background:transparent}.dark .qhp-posts{--posts-text:rgba(255,255,255,.85);--posts-muted:rgba(255,255,255,.5)}
.qhp-posts .hero{background:var(--card-bg);border:0;border-radius:var(--radius-large);min-height:0;padding:32px;align-items:flex-start}.qhp-posts .hero h1{font-size:28px;font-weight:700;margin:12px 0;color:var(--posts-text)}.qhp-posts .hero small{color:var(--primary);font-weight:700}.qhp-posts .hero p{font-size:14px}.post-entry-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.qhp-posts button{font-weight:500}.qhp-posts .primary{background:var(--btn-regular-bg);color:var(--btn-content);font-weight:700}.qhp-posts .primary:hover{background:var(--btn-regular-bg-hover)}.qhp-posts #feed{grid-template-columns:1fr}.qhp-posts .post,.qhp-posts .empty{border-radius:var(--radius-large);background:var(--card-bg);border:0}.qhp-posts .post h2{color:var(--posts-text);font-weight:700}.qhp-posts .filters{margin:16px 0}.qhp-posts.composing .posts-listing{display:none}.qhp-posts #composer{position:relative;inset:auto;overflow:visible;background:none;z-index:auto}.qhp-posts .compose-top{position:relative;top:0;background:var(--card-bg);height:auto;padding:16px;border:0;border-radius:var(--radius-large);flex-wrap:wrap;gap:12px}.qhp-posts .compose-top>span{display:none}.qhp-posts .writing-layout{margin:16px 0;padding:0;display:flex;flex-direction:column;gap:16px}.qhp-posts .paper{width:100%;border-radius:var(--radius-large);box-shadow:none;padding:26px}.qhp-posts aside{width:100%;position:relative;top:0;max-height:none;border:0;background:var(--card-bg);border-radius:var(--radius-large)}.qhp-posts .toolbar{top:0;position:relative;background:var(--card-bg)}.qhp-posts #editor{min-height:350px}.qhp-posts #title,.qhp-posts textarea,.qhp-posts input,.qhp-posts select{color:var(--posts-text)}.qhp-posts #title{font-size:25px}.qhp-posts dialog{color:var(--posts-text);background:var(--card-bg)}.qhp-posts #notice{z-index:100}.qhp-posts .bubble{color:var(--posts-text)}.qhp-posts .intro,.qhp-posts label,.qhp-posts small,.qhp-posts #suggestion{color:var(--posts-muted)}
@media(min-width:1400px){.qhp-posts .writing-layout:has(#assistant:not([hidden])){flex-direction:row}.qhp-posts aside{width:280px}.qhp-posts .paper{min-width:0}}
@media(max-width:700px){.qhp-posts .hero{padding:24px}.post-entry-actions{flex-direction:row;margin-top:16px}.qhp-posts .hero button{margin:0}.qhp-posts .paper{padding:20px}.qhp-posts .compose-top>div{flex-wrap:wrap}.qhp-posts .filters span{font-size:10px}}

@media(max-width:700px){body:has(.qhp-posts) #banner-wrapper,body:has(.qhp-posts) #main-grid>aside,body:has(.qhp-posts) #main-grid>.footer{display:none!important}body:has(.qhp-posts) #top-row+div+div{top:85px!important}.qhp-posts{--primary:#e68caf;--btn-regular-bg:#fbeaf1;--btn-content:#b75a81;--btn-regular-bg-hover:#f5dae6}.qhp-posts .hero{border-radius:24px}.qhp-posts .paper{border-radius:24px}.qhp-posts .toolbar{gap:5px;position:sticky;top:0;z-index:3}.qhp-posts .toolbar button{min-height:42px;padding:10px 13px}.qhp-posts .compose-top{border-radius:20px}.qhp-posts #editor{font-size:17px;line-height:1.9;min-height:45vh}.qhp-posts .primary{background:#e88eb1;color:white}.qhp-posts input,.qhp-posts textarea{font-size:16px}.qhp-posts #notice{bottom:20px}}
body.qhp-app #top-row,body.qhp-app #banner-wrapper,body.qhp-app .footer,body.qhp-app #main-grid>aside{display:none!important}body.qhp-app #main-grid{display:block;padding:12px}body.qhp-app #top-row~.absolute{top:0!important}body.qhp-app #back-to-top-btn{display:none}body.qhp-app{background:#f6f5f8}

body.qhp-app #sidebar{display:none!important}body.qhp-app #content-wrapper{animation:none!important;transform:none!important;opacity:1!important}body.qhp-app .qhp-posts .hero h1{font-size:26px}body.qhp-app .qhp-posts .hero small{display:none}body.qhp-app #navbar-wrapper{display:none}
