:root{--p-bg: #f2efe8;--p-card: #fffdf8;--p-text: #17150f;--p-text-2: #6b6558;--p-text-3: #9a9385;--p-line: #e2dccf;--p-line-2: #cfc7b6;--p-accent: #cf4a2c;--p-accent-2: #1f3a5f;--p-grad: #cf4a2c;--p-radius: 5px;--p-w: 1200px;--p-shadow-hover: 5px 5px 0 rgba(23, 21, 15, .07);--p-sans: "Segoe UI", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--p-mono: "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}html,body{height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.app{--bg: var(--p-bg);--card: var(--p-card);--text: var(--p-text);--text-2: var(--p-text-2);--text-3: var(--p-text-3);--line: var(--p-line);--line-2: var(--p-line-2);--accent: var(--p-accent);--accent-2: var(--p-accent-2);--grad: var(--p-grad);--radius: var(--p-radius);--w: var(--p-w);--shadow-hover: var(--p-shadow-hover);--sans: var(--p-sans);--mono: var(--p-mono);min-height:100vh;display:flex;flex-direction:column;background:var(--p-bg);color:var(--p-text);font-family:var(--p-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app ::selection{background:var(--p-accent);color:#fff}.app .main{flex:1;padding:0;min-width:0}.navbar{position:sticky;top:0;z-index:100;background:#f2efe8e6;-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line-2)}.nav-inner{max-width:var(--w);margin:0 auto;padding:0 28px;height:66px;display:flex;align-items:center;gap:34px}.nav-logo{display:flex;align-items:center;gap:11px;cursor:pointer;flex:0 0 auto}.nav-logo .mark{width:32px;height:32px;border-radius:3px;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:none;transition:background .18s}.nav-logo:hover .mark{background:var(--accent);color:#fff}.nav-logo .name{font-size:16.5px;font-weight:800;letter-spacing:-.01em}.nav-links{display:flex;gap:26px;flex:1;height:100%}.nav-link{display:flex;align-items:center;position:relative;font-size:13.5px;color:var(--text-2);font-weight:500;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.nav-link:hover{color:var(--text);background:none;border-bottom-color:var(--line-2)}.nav-link.active{color:var(--text);font-weight:700;background:none;border-bottom-color:var(--accent)}.nav-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}.nav-search{display:flex;align-items:center;gap:8px;width:210px;border:1px solid var(--line-2);border-radius:3px;padding:7px 12px;color:var(--text-3);font-size:12px;font-family:var(--mono);letter-spacing:.02em;cursor:pointer;background:transparent;transition:border-color .15s,color .15s}.nav-search:hover{background:transparent;border-color:var(--text);color:var(--text)}.nav-user{display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px;border-radius:3px;transition:background .15s}.nav-user:hover{background:#17150f0d}.nav-user .avatar{width:30px;height:30px;border-radius:3px;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;overflow:hidden}.nav-user .avatar img{width:100%;height:100%;object-fit:cover}.nav-user .uname{font-size:13px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{background:var(--text);color:var(--bg);margin-top:72px}.footer-inner{max-width:var(--w);margin:0 auto;padding:30px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer .brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13.5px;letter-spacing:.01em}.footer .brand .mark{width:24px;height:24px;border-radius:3px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.footer .links{display:flex;gap:22px;font-size:12.5px;color:#fffdf8a6;flex-wrap:wrap}.footer .links a{transition:color .15s}.footer .links a:hover{color:#fff}.footer .copy{font-size:10.5px;font-family:var(--mono);letter-spacing:.04em;color:#fffdf86b}.page{max-width:var(--w);margin:0 auto;padding:26px 28px 40px}.page.narrow{max-width:780px}.topbar{max-width:var(--w);margin:0 auto;padding:22px 28px 16px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.topbar .back{font-size:11px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:0;border-radius:0;transition:color .15s}.topbar .back:hover{background:none;color:var(--accent)}.topbar .title{font-size:13px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-weight:600;flex:1;color:var(--text-2)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:46px 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line-2)}.section-head h2{font-size:21px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;line-height:1.2}.section-head h2:before{content:"";flex:0 0 auto;width:8px;height:8px;background:var(--accent);margin-right:10px}.section-head .sub{font-size:11px;color:var(--text-3);font-weight:400;font-family:var(--mono);letter-spacing:.04em}.section-head .more{font-size:11px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);cursor:pointer;border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:color .15s,border-color .15s}.section-head .more:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.hero-band{max-width:var(--w);margin:32px auto 0;padding:0 28px}.hero-card{position:relative;overflow:hidden;background-color:var(--card);background-image:linear-gradient(to right,rgba(23,21,15,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(23,21,15,.04) 1px,transparent 1px);background-size:72px 72px;border:1px solid var(--line-2);border-left:4px solid var(--accent);border-radius:4px;padding:58px 56px 46px;color:var(--text);box-shadow:none}.hero-card:before{content:"";position:absolute;right:-90px;bottom:-190px;width:420px;height:420px;border-radius:50%;border:1px solid var(--line-2);background:none}.hero-card:after{content:"PROMPT / INDEX";position:absolute;right:42px;bottom:22px;font-family:var(--mono);font-size:92px;font-weight:800;letter-spacing:-.07em;line-height:1;white-space:nowrap;color:#17150f0b;pointer-events:none}.hero-card h1{position:relative;z-index:1;font-size:46px;font-weight:800;letter-spacing:-.035em;line-height:1.08}.hero-card .desc{position:relative;z-index:1;margin-top:14px;font-size:15px;color:var(--text-2);max-width:560px}.hero-card .searchbox{position:relative;z-index:1;margin-top:30px;max-width:560px;background:var(--bg);border:1.5px solid var(--line-2);border-radius:3px;padding:14px 17px;display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:13px;cursor:pointer;box-shadow:none;transition:border-color .18s,background .18s}.hero-card .searchbox:hover{transform:none;border-color:var(--text);background:#fffdf8}.hero-stats{position:relative;z-index:1;display:flex;margin-top:44px;flex-wrap:wrap;row-gap:18px}.hero-stats .st{padding:0 34px;border-left:1px solid var(--line-2)}.hero-stats .st:first-child{padding-left:0;border-left:none}.hero-stats .st .n{font-size:30px;font-weight:800;font-family:var(--mono);letter-spacing:-.03em;line-height:1.1}.hero-stats .st .l{font-size:10px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-top:6px}.searchbox{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:3px;padding:11px 14px;box-shadow:none;cursor:pointer}.searchbox .ic{color:var(--text-3);font-size:15px}.searchbox .ph{color:var(--text-3);font-size:13.5px}.cat-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0 6px;scrollbar-width:none}.cat-scroll::-webkit-scrollbar{display:none}.cat-chip{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:3px;font-size:13px;background:transparent;color:var(--text-2);border:1px solid var(--line-2);white-space:nowrap;box-shadow:none;transition:border-color .15s,color .15s,background .15s}.cat-chip .emoji{font-size:13px}.cat-chip:hover{color:var(--text);border-color:var(--text);background:transparent}.cat-chip.active{background:var(--text);border-color:var(--text);color:var(--bg);font-weight:700;box-shadow:none}.cat-layout{display:grid;grid-template-columns:216px 1fr;gap:40px;align-items:start}.cat-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line-2)}.cat-side-item{display:flex;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid var(--line);border-radius:0;font-size:13.5px;color:var(--text-2);cursor:pointer;transition:color .15s,padding .15s;text-align:left;width:100%}.cat-side-item .emoji{font-size:15px;width:22px;text-align:center;opacity:.8}.cat-side-item:hover{background:none;color:var(--text);padding-left:8px}.cat-side-item.active{background:none;color:var(--text);font-weight:800;box-shadow:inset 3px 0 0 var(--accent);padding-left:12px}.cat-side-item .cnt{margin-left:auto;font-size:10.5px;font-family:var(--mono);color:var(--text-3)}.sort-pills{display:flex;gap:0;border:1px solid var(--line-2);border-radius:3px;overflow:hidden}.sort-pill{padding:6px 14px;border-radius:0;font-size:11.5px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);background:transparent;box-shadow:none;border-left:1px solid var(--line-2);transition:background .15s,color .15s}.sort-pill:first-child{border-left:none}.sort-pill:hover{color:var(--text);background:#17150f0a}.sort-pill.active{background:var(--text);color:var(--bg);font-weight:700;box-shadow:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:20px}.grid-tight{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.app .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}.app .card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--text)}.card .cover{aspect-ratio:3/4;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e9e3d6}.card .cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.card:hover .cover img{transform:scale(1.035)}.card .cover video{width:100%;height:100%;object-fit:cover;display:block}.card .cover .video-badge{position:absolute;right:10px;bottom:10px;z-index:2;pointer-events:none;background:#17150fc7;color:#fffdf8;font-size:10px;font-family:var(--mono);letter-spacing:.08em;padding:4px 9px;border-radius:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card .cover .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fffffff2}.card .cover .ph .e{font-size:52px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.22))}.card .cover .ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.045) 0 1px,transparent 1px 9px);box-shadow:inset 0 0 0 1px #ffffff14}.card .cover .ph .t{font-size:10px;opacity:.8;letter-spacing:.16em;text-transform:uppercase;font-family:var(--mono)}.card .cover .tag{position:absolute;top:10px;left:10px;background:#fffdf8f0;color:var(--text);border:1px solid var(--line-2);border-radius:2px;font-size:9.5px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card .body{padding:14px 15px 16px;flex:1;display:flex;flex-direction:column}.card .body .t{font-size:14px;font-weight:700;line-height:1.5;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .body .m{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.card .favbtn{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:3px;background:#fffdf8f2;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:none;color:var(--text);transition:border-color .15s,color .15s}.card .favbtn:hover{transform:none;border-color:var(--accent);color:var(--accent)}.list{display:flex;flex-direction:column;gap:0}.row{display:flex;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:none;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.row:hover{transform:translateY(-2px);border-color:var(--text);box-shadow:var(--shadow-hover)}.row .thumb{width:92px;height:92px;border-radius:3px;flex:0 0 auto;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.row .thumb img{width:100%;height:100%;object-fit:cover}.row .thumb .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fffffff2}.row .info{flex:1;min-width:0;display:flex;flex-direction:column}.row .info .t{font-size:14.5px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row .info .s{margin-top:4px;font-size:12.5px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row .info .m{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:10.5px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.row .info .m .tag{background:transparent;color:var(--accent);border:1px solid var(--line-2);padding:1px 7px;border-radius:2px}.meta-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{font-size:10.5px;font-family:var(--mono);letter-spacing:.06em;padding:4px 9px;border-radius:2px;background:transparent;border:1px solid var(--line-2);color:var(--text-2)}.app .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 20px;border-radius:3px;font-size:13.5px;font-weight:700;letter-spacing:.01em;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .1s}.app .btn-primary{background:var(--text);color:var(--bg);box-shadow:none}.app .btn-primary:hover{filter:none;background:var(--accent);color:#fff;box-shadow:none}.app .btn-primary:active{transform:translateY(1px)}.app .btn-primary:disabled{opacity:.45;cursor:not-allowed}.app .btn-ghost{background:transparent;border-color:var(--line-2);color:var(--text)}.app .btn-ghost:hover{background:transparent;border-color:var(--text)}.app .btn-sm{padding:6px 12px;font-size:11.5px;border-radius:2px}.app .btn-block{width:100%}.detail-layout{max-width:var(--w);margin:0 auto;padding:32px 28px 56px;display:grid;grid-template-columns:minmax(320px,408px) 1fr;gap:48px;align-items:start}.detail-cover{position:sticky;top:92px}.detail-cover .hero{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:4px;border:1px solid var(--line-2);box-shadow:8px 8px #17150f0e}.detail-cover .hero img{width:100%;height:100%;object-fit:cover}.detail-cover .hero video{width:100%;max-width:100%;height:100%;object-fit:cover;display:block}.detail-cover .hero .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fffffff2;gap:10px}.detail-cover .hero .ph .e{font-size:62px}.detail-cover .hero .ph .t{font-size:10px;opacity:.8;letter-spacing:.2em;text-transform:uppercase;font-family:var(--mono)}.detail-cover .hero .tag{position:absolute;top:12px;left:12px;background:#fffdf8f2;color:var(--text);border:1px solid var(--line-2);padding:4px 10px;border-radius:2px;font-size:9.5px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-cover .hero .fav{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:3px;background:#fffdf8f2;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:none;color:var(--text);transition:color .15s,border-color .15s}.detail-cover .hero .fav:hover{transform:none;color:var(--accent);border-color:var(--accent)}.detail-cover .hero .views{position:absolute;bottom:12px;right:12px;color:#fff;font-size:10px;font-family:var(--mono);letter-spacing:.08em;background:#17150fad;padding:3px 9px;border-radius:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-body{padding:4px 0 0}.detail-body h1{font-size:36px;font-weight:800;line-height:1.24;letter-spacing:-.025em}.detail-body .cat-line{margin-top:16px;display:flex;align-items:center;gap:8px;font-size:11px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);flex-wrap:wrap}.detail-body .cat-line .cat{color:var(--accent);font-weight:700}.detail-body .summary{margin-top:22px;font-size:15.5px;color:var(--text-2);line-height:1.8}.prompt-card{margin-top:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:none}.prompt-card .lbl{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--line)}.prompt-card .lbl .name{font-size:10.5px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-2);display:flex;align-items:center;gap:8px}.prompt-card .lbl .name .dot{width:7px;height:7px;border-radius:0;background:var(--accent)}.prompt-card .txt{font-size:14.5px;line-height:1.9;color:var(--text);white-space:pre-wrap;word-break:break-word;max-height:340px;overflow-y:auto}.prompt-card .txt::-webkit-scrollbar{width:6px}.prompt-card .txt::-webkit-scrollbar-thumb{background:var(--line-2)}.prompt-card .txt.muted{color:var(--text-2)}.locked-box{margin-top:24px;background:var(--card);border:1px dashed var(--line-2);border-radius:var(--radius);padding:34px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.locked-box .lock{font-size:26px;filter:grayscale(1);opacity:.75}.locked-box .t{font-size:16px;font-weight:800;letter-spacing:-.01em}.locked-box .s{font-size:13px;color:var(--text-2);margin-bottom:16px}.locked-box .btn{min-width:240px}.countdown{margin-top:14px;font-size:10.5px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-align:center}.app .empty{text-align:center;padding:72px 20px;color:var(--text-3)}.empty .ic{font-size:40px;margin-bottom:16px;filter:grayscale(1);opacity:.6}.empty .t{font-size:15px;color:var(--text);font-weight:800;letter-spacing:-.01em}.empty .s{font-size:13px;margin-top:7px}.empty .btn{margin-top:24px}.app .loading{text-align:center;padding:56px 0;color:var(--text-3)}.app .spinner{width:24px;height:24px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.search-input-wrap{display:flex;gap:12px;align-items:center;background:var(--card);border-radius:3px;padding:12px 12px 12px 18px;border:1.5px solid var(--line-2);box-shadow:none;transition:border-color .15s}.search-input-wrap:focus-within{border-color:var(--text)}.search-input-wrap input{flex:1;border:none;outline:none;font-size:16px;background:none;color:var(--text)}.search-input-wrap input::placeholder{color:var(--text-3);font-size:14px}.search-input-wrap .clear{color:var(--text-3);font-size:15px;padding:4px 8px}.search-input-wrap .clear:hover{color:var(--accent)}.search-btn{flex:0 0 auto;padding:10px 22px}.tag-list{display:flex;flex-wrap:wrap;gap:9px}.tag-pill{padding:8px 15px;border-radius:3px;background:transparent;border:1px solid var(--line-2);font-size:13px;color:var(--text-2);box-shadow:none;transition:border-color .15s,color .15s}.tag-pill:hover{color:var(--text);border-color:var(--text);background:transparent}.hot-pill{display:flex;align-items:center;gap:8px}.hot-pill .no{color:var(--accent);font-weight:700;font-size:10.5px;font-family:var(--mono)}.recent-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.recent-title{font-size:12px;font-family:var(--mono);letter-spacing:.1em;color:var(--text-2);font-weight:700;text-transform:uppercase}.recent-head .del{font-size:10.5px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.recent-head .del:hover{color:var(--accent)}.my-layout{display:grid;grid-template-columns:292px 1fr;gap:40px;align-items:start}.me-side{position:sticky;top:92px}.me-head{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;padding:30px 24px 26px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.me-head .avatar{width:64px;height:64px;border-radius:4px;background:var(--text);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:none}.me-head .avatar img{width:100%;height:100%;object-fit:cover}.me-head .avatar span{color:var(--bg)!important;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:28px}.me-head .name{font-size:21px;font-weight:800;margin-top:10px;letter-spacing:-.02em}.me-head .desc{font-size:12px;color:var(--text-3)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.app .stat{background:transparent;border-radius:0;box-shadow:none;text-align:left;padding:22px 20px;cursor:pointer;border-left:1px solid var(--line);transition:background .15s}.app .stat:first-child{border-left:none}.app .stat:hover{transform:none;box-shadow:none;background:#faf7ef}.app .stat .n{font-size:30px;font-weight:800;font-family:var(--mono);letter-spacing:-.03em;line-height:1.1}.app .stat .l{font-size:10px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-top:7px}.app .menu{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;overflow:hidden}.menu-item{display:flex;align-items:center;gap:12px;padding:14px 18px;font-size:13.5px;cursor:pointer;transition:background .12s}.menu-item:hover{background:#faf7ef}.menu-item+.menu-item{border-top:1px solid var(--line)}.menu-item .ic{font-size:15px;width:22px;text-align:center;opacity:.85}.menu-item .label{flex:1}.menu-item .arrow{color:var(--text-3);font-size:13px}.menu-item .hint{font-size:10.5px;font-family:var(--mono);letter-spacing:.06em;color:var(--accent)}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.article-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--text)}.article-card .head{padding:22px 22px 14px;flex:1}.article-card .head .tag{font-size:10px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700}.article-card .head .t{font-size:18px;font-weight:800;margin-top:10px;line-height:1.4;letter-spacing:-.015em}.article-card .head .s{font-size:13px;color:var(--text-2);margin-top:9px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card .foot{display:flex;align-items:center;gap:16px;padding:12px 22px 16px;font-size:10px;font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);border-top:1px solid var(--line)}.article-card .num{font-weight:500;font-size:11px;font-family:var(--mono);color:var(--text-3);margin-right:10px}.article-detail{padding:34px 28px 56px;max-width:800px;margin:0 auto}.article-detail h1{font-size:38px;font-weight:800;line-height:1.28;letter-spacing:-.03em}.article-detail .meta{display:flex;gap:18px;margin-top:16px;font-size:10.5px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.article-detail .summary{margin-top:24px;font-size:15px;color:var(--text-2);line-height:1.85;background:transparent;padding:2px 0 2px 20px;border-left:3px solid var(--accent);border-radius:0;box-shadow:none}.sec{margin-top:34px;background:transparent;border-radius:0;padding:26px 0 0;border-top:1px solid var(--line);box-shadow:none}.sec .h{font-size:18px;font-weight:800;margin-bottom:12px;letter-spacing:-.01em}.sec .c{font-size:15px;line-height:1.9;color:var(--text-2)}.sec .hl{margin-top:16px;font-size:13px;color:var(--text);background:#f7efe6;padding:12px 16px;border-left:3px solid var(--accent);border-radius:0}.auth-wrap{max-width:440px;margin:76px auto 88px;padding:0 28px}.auth-card{background:var(--card);border:1px solid var(--line-2);border-radius:6px;box-shadow:10px 10px #17150f0d;padding:40px 36px 32px}.auth-card .logo{display:flex;justify-content:flex-start;margin-bottom:22px}.auth-card .logo .mark{width:46px;height:46px;border-radius:4px;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:21px;box-shadow:none}.auth-card h1{font-size:25px;font-weight:800;letter-spacing:-.025em;text-align:left}.auth-card .sub{font-size:12.5px;color:var(--text-3);text-align:left;margin-top:8px;margin-bottom:28px}.auth-switch{text-align:center;margin-top:22px;font-size:12.5px;color:var(--text-2)}.auth-switch a{color:var(--accent);font-weight:700;cursor:pointer}.auth-switch a:hover{text-decoration:underline}.form-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:none;margin-bottom:14px}.page>.form-card,.page>.btn-block{max-width:760px;margin-left:auto;margin-right:auto}.page>.btn-block{display:flex}.form-card label{display:block;font-size:10.5px;font-weight:700;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px;color:var(--text-2)}.form-card input,.form-card textarea,.form-card select{width:100%;border:1px solid var(--line-2);border-radius:3px;padding:12px 13px;font-size:14px;background:#fffdf8;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.form-card input:focus,.form-card textarea:focus{border-color:var(--text);box-shadow:0 0 0 3px #cf4a2c1a;background:#fff}.form-card textarea{min-height:130px;resize:vertical;line-height:1.7}.form-card input::placeholder,.form-card textarea::placeholder{color:var(--text-3)}.type-pills{display:flex;flex-wrap:wrap;gap:8px}.type-pills .p{padding:8px 15px;border-radius:3px;border:1px solid var(--line-2);background:transparent;font-size:12.5px;color:var(--text-2);cursor:pointer;transition:all .15s}.type-pills .p:hover{color:var(--text);border-color:var(--text)}.type-pills .p.active{background:var(--text);border-color:var(--text);color:var(--bg);font-weight:700}.char-count{font-size:10.5px;font-family:var(--mono);letter-spacing:.06em;color:var(--text-3);text-align:right;margin-top:6px}.page-hint{font-size:11px;font-family:var(--mono);letter-spacing:.06em;color:var(--text-3);margin:-2px 0 18px}.fav-remove{position:absolute;top:10px;right:10px;font-size:10.5px;font-family:var(--mono);letter-spacing:.08em;padding:5px 10px;border:1px solid var(--line-2);border-radius:2px;background:#fffdf8f2;color:var(--accent);font-weight:700;transition:border-color .15s,background .15s,color .15s}.fav-remove:hover{background:var(--accent);border-color:var(--accent);color:#fff}.app .btn-text-danger{color:var(--accent);border-color:transparent;background:transparent}.app .btn-text-danger:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.toast.toast{position:fixed;top:82px;left:50%;transform:translate(-50%,-8px);background:var(--p-text);color:var(--p-bg);padding:11px 20px;border-radius:3px;font-size:12.5px;letter-spacing:.02em;z-index:999;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;max-width:80%;text-align:center;box-shadow:4px 4px #cf4a2c38}.toast.toast.show{opacity:1;transform:translate(-50%)}.app .modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#17150f73;z-index:500;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app .modal{background:var(--card);border:1px solid var(--line-2);border-radius:6px;width:100%;max-width:420px;padding:26px 26px 24px;text-align:left;box-shadow:10px 10px #17150f14}.app .modal .modal-head{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.app .modal .modal-head h3{font-size:16px;font-weight:800;letter-spacing:-.01em}.app .modal .modal-foot{display:flex;gap:10px;margin-top:22px;justify-content:center}.app .modal .modal-foot .btn{flex:1}.ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0e0b;z-index:800;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:20px}.ad-overlay .ad-box{height:min(70vh,560px);aspect-ratio:9/16;max-width:86vw;background:#1b1915;border:1px solid rgba(255,255,255,.12);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.ad-overlay .ad-box .big{font-size:48px}.ad-overlay .ad-box .txt{font-size:14px;color:#b9b2a5;letter-spacing:.06em}.ad-overlay .count{font-size:11px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#b9b2a5}.ad-overlay .skip{position:absolute;top:30px;right:28px;font-size:11px;font-family:var(--mono);letter-spacing:.08em;color:#fff;background:#ffffff1f;padding:7px 14px;border-radius:2px}.g-drama{background:linear-gradient(140deg,#3d3348,#6b4f5f)}.g-beauty{background:linear-gradient(140deg,#9c5a54,#c78b7b)}.g-cleaning{background:linear-gradient(140deg,#3b575d,#6f8f8d)}.g-health{background:linear-gradient(140deg,#3c5c47,#7b9a76)}.g-fashion{background:linear-gradient(140deg,#754a30,#b08052)}.g-food{background:linear-gradient(140deg,#83392f,#c2703f)}.g-motherbaby{background:linear-gradient(140deg,#854a57,#c08492)}.g-education{background:linear-gradient(140deg,#3a435d,#6e7994)}.g-default{background:linear-gradient(140deg,#47433b,#7d776a)}@media (max-width: 1024px){.cat-layout,.my-layout{grid-template-columns:1fr}.cat-sidebar{position:static;flex-direction:row;flex-wrap:wrap;border-top:none;gap:6px}.cat-side-item{width:auto;border:1px solid var(--line-2);border-radius:3px;padding:8px 12px}.cat-side-item.active{box-shadow:none;background:var(--text);color:var(--bg);padding-left:12px}.cat-side-item:hover{padding-left:12px}.cat-side-item .cnt{margin-left:6px}.me-side{position:static}.detail-layout{grid-template-columns:1fr;gap:32px}.detail-cover{position:static;max-width:420px}.nav-search{display:none}.hero-card{padding:44px 34px 38px}.hero-card h1{font-size:38px}.hero-card:after{display:none}}.tabbar{display:none}@media (max-width: 720px){.nav-inner{padding:0 14px;gap:10px;height:56px}.nav-logo{gap:8px;flex:1;min-width:0}.nav-logo .mark{width:28px;height:28px;font-size:13px}.nav-logo .name{font-size:14.5px;letter-spacing:-.02em;white-space:nowrap}.nav-links{display:none}.nav-right{gap:8px;flex:0 0 auto}.nav-search{display:flex;width:36px;height:36px;padding:0;align-items:center;justify-content:center;gap:0;border-radius:3px;font-size:17px}.nav-search span+span{display:none}.nav-user{padding:2px}.nav-user .uname{display:none}.nav-user .avatar{width:30px;height:30px;font-size:13px}.app .btn-sm{padding:8px 12px;font-size:12px}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:200;background:#fffdf8f5;-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-top:1px solid var(--line-2);padding:5px 6px calc(5px + env(safe-area-inset-bottom))}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 0 3px;color:var(--text-3);font-size:10px;letter-spacing:.03em}.tab-item .ic{font-size:19px;line-height:1.2;filter:grayscale(1) opacity(.62)}.tab-item.active{color:var(--accent);font-weight:700}.tab-item.active .ic{filter:none}.footer{margin-bottom:calc(58px + env(safe-area-inset-bottom))}.hero-band{padding:0 16px;margin-top:16px}.hero-card{padding:26px 20px 24px;border-left-width:3px}.hero-card h1{font-size:26px}.hero-card .desc{font-size:13px;margin-top:8px}.hero-card .searchbox{margin-top:18px;padding:13px 14px;font-size:13px}.hero-card:before{display:none}.hero-stats{margin-top:22px;row-gap:12px}.hero-stats .st{padding:0 16px}.hero-stats .st .n{font-size:21px}.page{padding:16px 16px 30px}.topbar{padding:14px 16px 12px}.topbar .back{padding:8px 10px 8px 0;margin-left:-10px;font-size:12px}.section-head{margin-top:30px;margin-bottom:14px;padding-bottom:10px}.section-head h2{font-size:18px}.toast.toast{top:68px}.cat-layout{gap:18px}.cat-sidebar{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:2px 0 6px;scrollbar-width:none}.cat-sidebar::-webkit-scrollbar{display:none}.cat-side-item{flex:0 0 auto;padding:9px 14px;font-size:13px}.cat-side-item:hover,.cat-side-item.active,.cat-side-item.active:hover{padding-left:14px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.grid-tight{grid-template-columns:repeat(2,1fr);gap:10px}.card .body{padding:11px 12px 13px}.card .body .t{font-size:13.5px}.card .favbtn{width:34px;height:34px;font-size:15px}.row{padding:12px}.row .thumb{width:78px;height:78px}.article-grid{grid-template-columns:1fr;gap:12px}.article-card .head{padding:18px 16px 12px}.article-card .head .t{font-size:16.5px}.article-card .foot{padding:10px 16px 13px;flex-wrap:wrap;gap:10px}.detail-layout{padding:16px 16px 34px;gap:20px}.detail-cover{max-width:none}.detail-cover .hero{box-shadow:5px 5px #17150f0e}.detail-cover .hero .fav{width:42px;height:42px;font-size:18px}.detail-body h1{font-size:23px}.detail-body .summary{margin-top:14px;font-size:14.5px}.prompt-card{margin-top:18px;padding:16px 16px 18px}.prompt-card .txt{max-height:55vh;font-size:14px}.locked-box{margin-top:18px;padding:26px 16px}.locked-box .btn{min-width:0;width:100%}.article-detail{padding:20px 16px 34px}.article-detail h1{font-size:25px}.stat-row{grid-template-columns:repeat(3,1fr)}.app .stat{padding:16px 10px}.app .stat .n{font-size:22px}.menu-item{padding:15px 16px;font-size:14px}.sort-pill{padding:9px 16px;font-size:12px}.cat-chip{padding:9px 15px}.tag-pill{padding:10px 16px}.form-card input,.form-card textarea,.form-card select,.search-input-wrap input{font-size:16px}.auth-wrap{margin:24px auto 44px;padding:0 16px}.auth-card{padding:28px 22px 24px;box-shadow:6px 6px #17150f0d}.footer{margin-top:40px}.footer-inner{padding:22px 16px;flex-direction:column;align-items:flex-start;gap:12px}}:root{--bg: #f3f4f6;--card: #fff;--text: #111827;--text2: #6b7280;--text3: #9ca3af;--line: #e5e7eb;--accent: #6366f1;--grad: linear-gradient(135deg, #6366f1, #a855f7);--danger: #ef4444;--ok: #22c55e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--grad);padding:20px}.login-card{background:#fff;border-radius:20px;padding:36px 32px;width:100%;max-width:380px;box-shadow:0 20px 60px #00000040}.login-card h1{font-size:22px;text-align:center}.login-card .sub{text-align:center;color:var(--text3);font-size:13px;margin:8px 0 24px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--text2);margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:14px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;transition:.15s}.btn-primary{background:var(--grad);color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-ghost{background:#eef2ff;color:var(--accent)}.btn-danger{background:#fee2e2;color:var(--danger)}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{padding:5px 9px;font-size:13px;border-radius:8px}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#fff;border-right:1px solid var(--line);padding:20px 0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar .brand{padding:0 20px 20px;font-size:16.5px;font-weight:800;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);white-space:nowrap}.sidebar .brand .dot{width:10px;height:10px;border-radius:50%;background:var(--grad)}.nav{flex:1;padding:12px 0}.nav a{display:flex;align-items:center;gap:10px;padding:11px 20px;color:var(--text2);font-size:14px;border-left:3px solid transparent}.nav a:hover{background:#f9fafb}.nav a.active{color:var(--accent);background:#eef2ff;border-left-color:var(--accent);font-weight:600}.nav a .ic{width:18px;text-align:center}.sidebar .logout{padding:16px 20px;border-top:1px solid var(--line)}.main{flex:1;padding:24px 28px;min-width:0}.main h2{font-size:20px;margin-bottom:4px}.main .page-desc{color:var(--text3);font-size:13px;margin-bottom:20px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:14px;outline:none}.toolbar input:focus{border-color:var(--accent)}.toolbar .spacer{flex:1}.card{background:var(--card);border-radius:14px;box-shadow:0 1px 3px #1018280f;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#fafafa;font-weight:600;color:var(--text2);font-size:12px;white-space:nowrap}tr:last-child td{border-bottom:none}tr:hover td{background:#fafbfc}.td-title{font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px}.badge.pub{background:#dcfce7;color:#15803d}.badge.draft{background:#fef3c7;color:#b45309}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text2)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;z-index:500;display:flex;align-items:flex-start;justify-content:center;padding:30px 16px;overflow-y:auto}.modal{background:#fff;border-radius:16px;width:100%;max-width:720px;padding:24px}.modal .modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal .modal-head h3{font-size:18px}.modal .close{font-size:22px;color:var(--text3);padding:0 4px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.field.full{grid-column:1 / -1}.field textarea{resize:vertical;min-height:80px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.sec-editor{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px;background:#fafbfc}.sec-editor .sec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--text2)}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:20px}.stat{background:var(--card);border-radius:14px;padding:18px;box-shadow:0 1px 3px #1018280f}.stat .n{font-size:28px;font-weight:800}.stat .l{color:var(--text3);font-size:13px;margin-top:2px}.stat.accent .n{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tag-chip{display:inline-block;background:#f1f3f6;border-radius:6px;padding:1px 8px;margin:1px 3px 1px 0;font-size:12px;color:var(--text2)}.empty{text-align:center;padding:50px 20px;color:var(--text3)}.empty .ic{font-size:40px;margin-bottom:10px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#111827e6;color:#fff;padding:10px 20px;border-radius:10px;font-size:14px;z-index:999;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1}.tabs{display:flex;gap:6px;margin-bottom:16px}.tabs button{padding:8px 16px;border-radius:10px;font-size:13px;color:var(--text2);background:#fff;box-shadow:0 1px 2px #1018280f}.tabs button.active{background:var(--grad);color:#fff}.agent-form{padding:20px 22px 18px;margin-top:14px;background:linear-gradient(180deg,#fff,#fcfcff)}.agent-form .af-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:14px;font-weight:700;margin-bottom:9px}.agent-form .af-head .hint{font-weight:400;font-size:12px;color:var(--text3)}.agent-form textarea.af-topic{display:block;width:100%;min-height:76px;resize:vertical;border:1.5px solid var(--line);border-radius:12px;background:#fafbfc;padding:12px 14px;font-family:inherit;font-size:14.5px;line-height:1.65;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.agent-form textarea.af-topic::placeholder{color:#b6bcc7}.agent-form textarea.af-topic:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #6366f11f}.agent-form input,.agent-form select{width:100%;border:1.5px solid var(--line);border-radius:12px;background:#fafbfc;padding:10px 12px;font-family:inherit;font-size:14px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.agent-form input::placeholder{color:#b6bcc7}.agent-form input:focus,.agent-form select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #6366f11f}.agent-form select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239ca3af' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.agent-form select:focus{background-color:#fff}.agent-form .af-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-top:14px}.agent-form .af-item{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--text2)}.agent-form .af-item i{font-style:normal;font-weight:400;color:var(--text3);margin-left:3px}.agent-form .af-duration{display:flex;align-items:center;gap:10px}.agent-form .af-num{position:relative;flex:0 0 130px}.agent-form .af-num input{padding-right:34px;font-weight:600}.agent-form .af-num input::-webkit-outer-spin-button,.agent-form .af-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.agent-form .af-num input[type=number]{-moz-appearance:textfield}.agent-form .af-num .suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:500;color:var(--text3);pointer-events:none}.agent-form .af-presets{display:flex;gap:6px;flex-wrap:wrap}.agent-form .af-presets button{padding:7px 11px;border-radius:9px;font-size:12px;font-weight:500;color:var(--text2);background:#f3f4f6;transition:.15s}.agent-form .af-presets button:hover{background:#e8eaf0}.agent-form .af-presets button.on{background:#eef2ff;color:var(--accent);font-weight:700;box-shadow:inset 0 0 0 1px #6366f159}.agent-form .af-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}.agent-form .af-meta{font-size:12px;color:var(--text3)}.agent-form .af-meta b{color:var(--text2)}.agent-form .af-submit{min-width:150px;padding:11px 24px;border-radius:12px;font-size:14.5px;box-shadow:0 6px 18px #6366f14d}.agent-form .af-submit:disabled{box-shadow:none}.af-spin{width:13px;height:13px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:af-spin .7s linear infinite}@keyframes af-spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;padding:0 12px;overflow-x:auto}.sidebar .brand{border:none;padding:14px 8px;font-size:15px}.nav{display:flex;padding:0;flex:1}.nav a{border-left:none;border-bottom:3px solid transparent;padding:12px 14px;white-space:nowrap}.nav a.active{border-bottom-color:var(--accent);background:none}.sidebar .logout{border:none;padding:0 8px}.main{padding:16px}.grid2,.grid3,.agent-form .af-grid{grid-template-columns:1fr}.agent-form{padding:16px}}@media (max-width: 720px){.toolbar input,.toolbar select,.field input,.field textarea,.field select,.agent-form input,.agent-form select,.agent-form textarea.af-topic,.modal input,.modal textarea,.modal select{font-size:16px}.card{overflow-x:auto;-webkit-overflow-scrolling:touch}.card table{min-width:620px}th,td{padding:9px 10px}.td-title{max-width:170px}.sidebar{padding:0 8px}.sidebar .brand{font-size:13.5px;padding:12px 6px;gap:6px}.nav a{padding:12px 10px;font-size:13px;gap:6px}.sidebar .logout{padding:0 4px}.sidebar .logout a{font-size:13px}.main{padding:14px 12px 30px}.main h2{font-size:18px}.toolbar input{flex:1 1 140px}.agent-form .af-foot{flex-direction:column;align-items:stretch}.agent-form .af-meta{line-height:1.7}.agent-form .af-submit{width:100%}.agent-form .af-duration{flex-wrap:wrap}.agent-form textarea.af-topic{min-height:64px}.modal{padding:16px}.modal-foot{flex-direction:column-reverse}.modal-foot .btn{width:100%}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:14px}.stat .n{font-size:22px}}