:root{--ink:#234d43;--muted:#6b7d70;--green:#2e6b58;--border:#dce5d7;--paper:#fffdf5;--page:#f1f4eb;--danger:#a65441;--gold:#a38238;--shadow:0 12px 36px #3258400b}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.6 "Microsoft YaHei","PingFang SC",sans-serif;background:var(--page)}h1,h2,h3,p{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b59853;outline-offset:3px}input:focus,select:focus{outline:2px solid #81ab91;outline-offset:1px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{font-size:11px;letter-spacing:2px;color:#6d8068}.brand-mark{display:grid;place-items:center;width:44px;height:48px;border:1.5px solid #8aa281;border-radius:12px 4px 12px 4px;background:#fbf8e6;color:#496d50;font:28px "KaiTi",serif;box-shadow:2px 3px 0 #dce5d5;flex-shrink:0}.panel-skin{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:-1}.demo-pill{font-size:11px;padding:4px 12px;border:1px solid #dfe3c8;border-radius:20px;color:#88742f;background:#f7f4e2}.text-button{padding:4px 0;background:transparent;color:#416b56;font-size:12px}.text-button:hover{text-decoration:underline}.art-button{position:relative;isolation:isolate;border:0;background:transparent;padding:0;display:block}.art-button>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.art-button>span{height:100%;display:flex;align-items:center;justify-content:center;gap:20px;font-weight:600;letter-spacing:2px}.art-button:hover{filter:brightness(1.06);transform:translateY(-1px)}
/* 登录分层场景 */
.login-page{min-height:100svh;padding:30px 5vw 22px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 8% 85%,#dcebdc,transparent 52%),radial-gradient(ellipse at 90% 15%,#f8efd3,transparent 45%),#f2f4e9}.login-brand{display:flex;gap:14px;align-items:center;max-width:1160px;width:100%;margin:0 auto}.login-brand strong{display:block;font-size:18px;letter-spacing:2px}.login-brand div>span{display:block;font-size:11px;letter-spacing:1px;color:#73816b}.login-brand>.demo-pill{margin-left:auto}.login-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:28px;max-width:1160px;width:100%;margin:auto;align-items:center;padding:36px 0}.login-story{position:relative;isolation:isolate;overflow:hidden;height:640px;border-radius:32px 9px 30px 10px;box-shadow:var(--shadow);background:#e8eddd;border:1px solid #dee5d5}.login-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.story-copy{position:relative;padding:42px 36px;z-index:2}.story-copy .eyebrow{letter-spacing:3px;font-size:11px}.story-copy h1{width:310px;max-width:95%;height:93px;margin-top:8px;transform:rotate(-2deg);transform-origin:left center}.story-copy h1 img{width:100%;height:100%;object-fit:contain;object-position:left}.story-subtitle{font-size:14px;line-height:1.9;margin-top:7px;color:#587461}.login-guide{position:absolute;width:230px;height:338px;object-fit:contain;right:19px;bottom:47px;filter:drop-shadow(6px 10px 3px #254e3d15);z-index:3}.login-vessel{position:absolute;left:21px;bottom:116px;width:206px;height:205px;object-fit:contain;transform:rotate(-5deg);z-index:2;filter:drop-shadow(2px 9px 3px #254e3d24)}.guide-dialogue{position:absolute;top:275px;left:31px;z-index:4;font-size:13px;line-height:1.8;background:#fffcf0eb;border:1px solid #d8dfbf;padding:12px 20px;border-radius:19px 19px 3px 19px;transform:rotate(-4deg);box-shadow:3px 5px 0 #6c906b13}.story-topics{position:absolute;bottom:16px;left:17px;right:17px;display:flex;justify-content:center;gap:8px;z-index:5}.story-topics span{font-size:11px;padding:6px 12px;border-radius:18px;background:#fffdf3e8;border:1px solid #fdf8e6;color:#536b54}.story-topics b{font:italic 13px Georgia,serif;margin-right:4px;color:#a48d47}.login-card{position:relative;isolation:isolate;padding:43px 40px 30px;min-width:0;box-shadow:var(--shadow);border-radius:25px}.mini-label{display:inline-block;padding:4px 11px;font-size:11px;color:#617c4f;background:#edf0d7;border-radius:5px 10px 5px 10px;letter-spacing:2px}.login-card h2{font-size:32px;letter-spacing:2px;margin-top:12px;font-weight:650}.login-card-heading p{font-size:13px;color:var(--muted);margin-top:5px}.login-card form{margin-top:24px}.login-card form>label{display:block;font-size:13px;margin:19px 0 8px;color:#496955;font-weight:600}.login-card input{height:49px;width:100%;border:1px solid #d4decd;border-radius:10px;background:#f9fbf3;padding:0 14px;font-size:14px;color:var(--ink)}.login-card input::placeholder{color:#8b9a86}.password-field{position:relative}.password-field input{padding-right:58px}.password-field button{position:absolute;right:6px;top:7px;height:34px;background:transparent;color:#617a61;font-size:12px;padding:0 10px}.login-error{font-size:12px;min-height:34px;color:var(--danger);margin-top:9px;line-height:1.6}.login-submit{width:260px;max-width:100%;height:73px;margin:0 auto 20px;color:#fffbe9;font-size:15px}.login-submit b{font-size:21px;font-weight:400}.demo-credentials{border-top:1px dashed #d4decc;padding-top:17px}.demo-credentials>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-credentials strong{font-weight:500;font-size:12px;color:#718364}.demo-credentials button{color:#386b51;font-size:12px;background:transparent;padding:3px 0;text-decoration:underline;text-underline-offset:3px}.demo-credentials p{margin-top:8px;font-size:11px;color:#78866b;display:flex;gap:7px;flex-wrap:wrap}.demo-credentials p>span{margin-left:12px}.demo-credentials code{color:#496452;font-size:12px}.login-footnote{margin-top:18px;text-align:center;font-size:10px;color:#7d8973}.login-footer{max-width:1160px;width:100%;display:flex;justify-content:space-between;margin:0 auto;gap:10px;font-size:11px;color:#7a896f}
/* 主工作台：装饰停留在导航和页头，审核内容保持清晰 */
.app-shell{min-height:100svh;display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;padding:27px 16px 19px;background:linear-gradient(160deg,#e7efdf,#eff2e3 65%,#f5eddb);border-right:1px solid #d7e1ce}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:0 7px 36px}.sidebar-brand strong{font-size:16px;letter-spacing:1px}.sidebar-brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:3px;color:#7c8d72}.sidebar-brand .brand-mark{width:37px;height:42px;font-size:25px}.sidebar-label{font-size:11px;color:#7c8b70;padding:0 12px;margin-bottom:10px;letter-spacing:1px}.theme-label{margin-top:27px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:11px 12px;border-radius:12px;background:transparent;color:#53705a;font-size:14px;margin-bottom:8px;min-height:52px;transition:background .15s}.nav-item:hover{background:#dfe9d5}.nav-item.active{background:#2f6552;color:#fff9e6;box-shadow:3px 4px 0 #bcccb484;font-weight:600}.nav-item>img{width:32px;height:35px;object-fit:contain;flex-shrink:0}.nav-item small{margin-left:auto;border-radius:7px;padding:1px 6px;background:#fcfaec8a;color:#6f7e59;font-size:11px;font-weight:500;min-width:22px;text-align:center}.nav-item.active small{color:#fff6d9;background:#ffffff22}.nav-symbol{font-size:23px;width:32px;text-align:center}.count-explain{font-size:10px;color:#7e8f73;text-align:center;margin-top:2px}.sidebar-note{position:relative;margin-top:auto;padding:27px 7px 25px;text-align:center}.note-seal{display:grid;place-items:center;margin:0 auto 14px;width:40px;height:40px;border:1px solid #8ba17a;border-radius:7px 2px 7px 2px;color:#779067;transform:rotate(-8deg);font:25px "KaiTi",serif}.sidebar-note strong{font-size:13px;font-weight:600;color:#5a7654;letter-spacing:1px}.sidebar-note p{font-size:11px;color:#74866b;line-height:1.9;margin-top:8px}.sidebar-bottom{border-top:1px solid #d8dfcc;padding:17px 7px 0;font-size:11px;color:#7b896b;display:flex;align-items:center;gap:8px}.demo-dot{width:6px;height:6px;background:#84a269;border-radius:50%}.workspace{min-width:0;background:linear-gradient(135deg,#f6f7ef,#edf3ea)}.topbar{height:74px;padding:0 32px;border-bottom:1px solid var(--border);background:#fffef6cc;display:flex;justify-content:space-between;align-items:center;gap:15px}.breadcrumb{font-size:12px;color:#778b76}.breadcrumb span{margin:0 12px;color:#a9b4a0}.breadcrumb strong{font-weight:500;color:#46674f}.topbar-actions{display:flex;align-items:center;gap:20px;font-size:12px}.admin-user{display:flex;align-items:center;gap:8px;color:#587352}.avatar{width:29px;height:29px;border-radius:50%;background:#e3ecd8;display:grid;place-items:center;font-size:12px}.workspace-main{max-width:1500px;margin:auto;padding:27px 32px 25px}.page-heading{position:relative;isolation:isolate;min-height:186px;border-radius:20px 8px 20px 8px;overflow:hidden;margin-bottom:22px;background:#e6eedf;border:1px solid #dae5d2}.heading-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 14%;opacity:.78;z-index:-1}.heading-copy{position:relative;padding:23px 28px;max-width:calc(100% - 145px)}.page-heading h1{font-size:27px;letter-spacing:1px;line-height:1.45;margin-top:7px;font-weight:650}.page-description{font-size:13px;margin-top:7px;color:#5f795e}.pending-hint{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:17px;color:#857230}.pending-hint b{font-size:14px}.pending-dot{width:6px;height:6px;border-radius:50%;background:#b69a45;box-shadow:0 0 0 4px #e3d9ad66}.heading-guide{position:absolute;right:34px;bottom:-51px;width:146px;height:230px;object-fit:contain;transform:rotate(4deg);filter:drop-shadow(4px 4px 0 #fff9)}
.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat{position:relative;text-align:left;padding:16px 20px 15px;border:1px solid #dce5d7;border-radius:14px;background:#fffdf4;transition:transform .15s,box-shadow .15s;color:var(--ink)}.stat:hover{transform:translateY(-2px);box-shadow:0 7px 15px #274e3310}.stat>span{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:13px;color:#5c765d}.stat i{font-style:normal;font-size:14px;color:#9daa8d}.stat strong{display:block;font:600 32px/1.5 Georgia,serif;color:#355f49}.stat small{display:block;font-size:10px;color:#7d8c72}.pending-stat{background:#fbf3d6;border-color:#e4dab0;border-radius:14px 14px 5px 14px}.pending-stat strong{color:#927b32}.stat:nth-child(3){background:#e6efdf}.stat:nth-child(4){background:#edf0e8}.review-panel{position:relative;isolation:isolate;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.panel-header{padding:23px 24px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-header h2{font-size:19px;font-weight:600;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.panel-header h2 small{font-size:11px;padding:2px 8px;color:#7b885e;font-weight:400;background:#f0f1df;border-radius:20px}.panel-header p{font-size:11px;color:#74816b;margin-top:4px}.panel-header p.topic-question{font-size:13px;color:#466e59;line-height:1.7;max-width:550px;margin-top:9px}.audience-link{font-size:12px;white-space:nowrap;color:#547b5a}.audience-link:hover{text-decoration:underline}.audience-link span{margin-left:4px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-top:1px solid #e5e8d9;border-bottom:1px solid #e5e8d9;background:#f8faeeaa;flex-wrap:wrap}.status-filters{display:flex;gap:4px}.status-filters button{background:transparent;color:#738369;padding:8px 12px;font-size:12px;border-radius:8px;min-height:37px}.status-filters button.active,.status-filters button[aria-pressed=true]{background:#dce9d0;color:#2c6145;font-weight:600}.status-filters button:hover{background:#e9efdd}.search-filters{display:flex;align-items:center;gap:10px}.search-filters select{border:1px solid #dce2d1;border-radius:8px;background:#fffef8;padding:8px 7px;font-size:12px;color:#5e7659;max-width:130px;min-height:37px}.search-field{position:relative;width:180px}.search-field svg{position:absolute;left:11px;top:12px;width:15px;height:15px;fill:none;stroke:#849376;stroke-width:1.5}.search-field input{width:100%;height:37px;background:#fffef8;border:1px solid #dce2d1;border-radius:8px;padding:0 10px 0 33px;font-size:12px;color:var(--ink)}.search-field input::placeholder{color:#89977b}.table-region{overflow-x:auto}table{border-collapse:collapse;width:100%;table-layout:fixed}th{text-align:left;background:#f9faf1;font-size:11px;font-weight:500;color:#718568;padding:12px 10px;border-bottom:1px solid #e3e8d9}td{padding:20px 10px;border-bottom:1px solid #e4e9dc;vertical-align:middle;font-size:12px}th:first-child,td:first-child{padding-left:22px;width:102px}th:nth-child(3){width:112px}th:nth-child(4){width:76px}th:last-child{width:185px;padding-right:20px}td:last-child{padding-right:20px}tbody tr:last-child td{border:0}tbody tr:hover{background:#edf5e34d}.message-summary{font-size:14px;line-height:1.85;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-align:left;background:none;padding:0;color:#365c48;font-weight:400}.message-summary:hover{color:#1a6c4d;text-decoration:underline;text-underline-offset:3px}.topic-tag{display:inline-block;font-size:11px;padding:3px 7px;border-radius:5px;white-space:nowrap}.topic-sanjian{color:#677341;background:#edf0dc}.topic-bufuchu{color:#986c3a;background:#f4e9d8}.topic-bulianwu{color:#3b7b62;background:#e1efe6}.visitor-name{display:block;font-size:12px;color:#607959}.entry-time{display:block;font-size:10px;color:#879479;margin-top:5px;line-height:1.6}.status-badge{font-size:11px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;color:#7c8b74}.status-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status-pending{color:#9b803a}.status-published{color:#54845e}.status-hidden{color:#899081}.row-actions{display:flex;align-items:center;gap:9px;flex-wrap:nowrap}.row-action{font-size:12px;background:none;padding:8px 0;color:#567c5c;min-height:36px;white-space:nowrap}.row-action.primary{padding:7px 10px;background:#e3edd8;border:1px solid #c9dbbc;border-radius:7px;color:#37654b;font-weight:500}.row-action.warning{color:#8a7b45}.row-action.danger{color:#a45f4f}.row-action:hover{filter:brightness(.8)}.row-action.primary:hover{background:#d6e6c7}.panel-footer{display:flex;justify-content:space-between;gap:15px;padding:13px 22px;border-top:1px solid var(--border);font-size:10px;color:#7d8a72}.demo-tools{margin-top:17px;font-size:11px;color:#839178}.demo-tools summary{cursor:pointer;display:list-item;width:fit-content}.demo-tools>div{display:flex;gap:20px;align-items:center;padding:15px 0;flex-wrap:wrap}.demo-tools label{display:flex;align-items:center;gap:6px}.demo-tools input{accent-color:#426e53}.empty-state{padding:35px 25px 40px;text-align:center}.empty-state img{width:110px;height:105px;object-fit:contain}.empty-state h3{margin-top:9px;font-size:18px;font-weight:600}.empty-state p{font-size:12px;color:#7b8c70;margin:9px auto 20px;max-width:450px}
/* 弹窗独立底板、按钮皮肤和文字层 */
.modal{position:fixed;isolation:isolate;width:min(530px,calc(100% - 32px));max-height:calc(100svh - 40px);margin:auto;padding:31px 32px 28px;border:0;border-radius:24px;background:transparent;color:var(--ink);overflow:auto;box-shadow:0 25px 80px #1e3e2e32}.modal::backdrop{background:#1f3c30a6;backdrop-filter:blur(4px)}.modal h2{font-size:25px;line-height:1.5;font-weight:600;margin:7px 0 15px}.modal-close{position:absolute;right:18px;top:13px;width:34px;height:34px;border-radius:50%;font-size:23px;color:#7b8e72;background:#eaf0de}.detail-meta{display:flex;gap:14px;align-items:center}.topic-question{font-size:13px;color:#6c805e;padding-top:9px}.detail-attribution{display:flex;justify-content:space-between;gap:12px;margin-top:21px;font-size:12px;color:#7d8c72}.detail-attribution time{font-size:11px}.detail-modal blockquote{margin:13px 0 24px;padding:22px;border-left:3px solid #a6bf8b;border-radius:3px 14px 14px 3px;background:#edf3e4;font-size:16px;line-height:1.95;color:#3e604d;white-space:pre-wrap;overflow-wrap:anywhere}.detail-actions{display:flex;justify-content:flex-end}.detail-actions .row-action{font-size:13px}.delete-symbol{display:grid;place-items:center;width:47px;height:47px;border-radius:15px;background:#f5e5d7;margin-bottom:15px;transform:rotate(-5deg)}.delete-symbol svg{width:24px;height:24px;fill:none;stroke:#b07355;stroke-width:1.5}.delete-modal>p:not(.eyebrow){font-size:13px;color:#7b826e}.delete-preview{background:#f3f2e7;border:1px solid #e5e4d1;border-radius:12px;padding:15px 17px;margin:19px 0 12px}.delete-preview p{font-size:13px;line-height:1.8;color:#65755e;margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.delete-modal p.delete-help{font-size:11px;color:#859077}.modal-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:24px}.outline-button,.danger-button{min-height:43px;padding:10px 23px;font-size:13px;border-radius:9px}.outline-button{border:1px solid #cbdabf;background:#f1f6e8;color:#4a7654}.danger-button{color:#fff9e7;background:transparent url('images/button-danger.svg') center/100% 100% no-repeat}.outline-button:hover{background:#e7efdb}.danger-button:hover{filter:brightness(1.06)}.toast{position:fixed;z-index:20;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);background:#f9ffed;border:1px solid #9cb28e;border-radius:13px;padding:15px 24px;box-shadow:0 9px 30px #1f453022;font-size:13px;color:#416344;text-align:center}.toast[data-tone=error]{background:#fff2e8;border-color:#cf9c84;color:#9d5b41}.toast[data-tone=info]{background:#fffced;color:#6e774c}
@media(min-width:1550px){.login-layout{grid-template-columns:1.1fr 1fr;gap:48px}.login-card{padding:48px 55px 35px}.login-story{height:670px}.login-guide{right:20px;width:260px;height:375px}.login-vessel{left:25px;width:220px;height:220px;bottom:130px}}
@media(max-width:1200px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.sidebar-brand{gap:9px;padding-left:5px}.sidebar-brand strong{font-size:14px}.workspace-main{padding:24px}.topbar{padding:0 24px}.heading-copy{padding:23px 23px}.page-heading h1{font-size:24px}.stats-strip{gap:10px}.stat{padding:15px 17px}.filter-bar{padding:12px 18px}.search-field{width:164px}th:first-child,td:first-child{width:89px;padding-left:18px}th:nth-child(3){width:99px}th:nth-child(4){width:67px}th:last-child{width:170px}td{padding:18px 8px}.row-actions{gap:8px}.row-action{font-size:11px}.row-action.primary{padding:7px 8px}.message-summary{font-size:13px}.login-layout{gap:21px}.login-card{padding:37px 30px 27px}.story-copy{padding:39px 29px}.login-vessel{width:177px;height:185px;left:16px}.login-guide{right:6px;width:217px;height:320px}.guide-dialogue{left:24px;font-size:12px}.story-topics{gap:5px}.story-topics span{font-size:10px;padding:6px 9px}}
@media(max-width:930px){.app-shell{display:block}.sidebar{position:relative;height:auto;display:grid;grid-template-columns:190px 1fr;padding:17px 22px 12px;gap:9px;border-right:0;border-bottom:1px solid #d8e3cf}.sidebar-brand{padding:0}.sidebar-label,.count-explain,.sidebar-note,.sidebar-bottom{display:none}.all-topics{justify-self:end;width:auto;min-height:43px;margin:0}.topic-nav{grid-column:1/-1;display:flex;gap:10px;margin-top:8px}.topic-nav .nav-item{margin:0;flex:1;min-height:44px;padding:7px 13px}.topic-nav .nav-item>img{width:28px;height:30px}.page-heading{min-height:176px}.heading-guide{height:217px;width:138px;bottom:-49px}.heading-copy{max-width:calc(100% - 140px)}.topbar{height:60px}.login-page{padding-left:25px;padding-right:25px}.login-layout{gap:18px;grid-template-columns:1fr 1fr}.login-story{height:620px}.story-copy{padding:32px 24px}.story-copy h1{width:270px;height:82px}.story-subtitle{font-size:12px}.login-card{padding:34px 25px 25px}.login-guide{width:200px;height:293px;bottom:54px;right:-12px}.login-vessel{width:160px;left:7px;bottom:118px}.guide-dialogue{left:15px;top:259px;font-size:11px;padding:10px 15px}.story-topics span{padding:5px 7px}.story-topics b{display:none}.login-card h2{font-size:29px}.login-submit{height:67px;width:235px}.demo-credentials p>span{margin-left:0}}
@media(max-width:700px){.login-page{padding:20px 17px}.login-brand strong{font-size:16px}.login-brand div>span{font-size:10px}.login-brand>.demo-pill{font-size:9px;padding:3px 8px}.login-layout{display:flex;flex-direction:column;padding:25px 0 23px;gap:18px}.login-story{height:290px;min-height:290px;width:100%;border-radius:23px 8px 23px 8px}.story-copy{padding:24px}.story-copy h1{height:70px;width:240px;margin-top:5px}.story-copy .eyebrow{font-size:10px;letter-spacing:2px}.story-subtitle{font-size:11px}.login-scene{object-position:center 62%;opacity:.7}.login-guide{height:218px;width:155px;right:2px;bottom:24px}.login-vessel{height:97px;width:106px;left:36px;bottom:40px}.guide-dialogue{display:none}.story-topics{bottom:9px;left:10px;right:10px;gap:7px}.story-topics span{font-size:9px;padding:3px 9px}.story-topics b{display:inline;font-size:10px}.login-card{width:100%;padding:29px 27px 24px}.login-card h2{font-size:28px}.login-card form{margin-top:20px}.login-card form>label{margin-top:15px}.login-card input{height:46px}.login-error{min-height:23px}.login-submit{height:65px;width:230px}.login-footer{font-size:9px}.login-card-heading p{font-size:12px}.login-footnote{font-size:10px}.sidebar{padding:15px 14px 11px;grid-template-columns:175px 1fr}.sidebar-brand strong{font-size:15px}.topic-nav{gap:6px}.topic-nav .nav-item{font-size:12px;padding:7px;gap:7px;justify-content:center}.topic-nav .nav-item img{display:none}.topic-nav .nav-item small{font-size:10px;min-width:17px;padding:1px 4px}.nav-item small{margin-left:3px}.all-topics{font-size:12px;padding:7px 10px;min-height:37px;gap:4px}.nav-symbol{font-size:19px;width:24px}.topbar{height:53px;padding:0 17px}.breadcrumb{font-size:11px}.topbar-actions{font-size:11px;gap:12px}.topbar-actions>.demo-pill{display:none}.workspace-main{padding:18px 13px 22px}.page-heading{min-height:166px;margin-bottom:16px}.heading-copy{padding:20px 18px;max-width:calc(100% - 70px)}.page-heading .eyebrow{font-size:9px;letter-spacing:1px}.page-heading h1{font-size:22px;max-width:240px;line-height:1.5}.page-description{font-size:11px;max-width:210px;margin-top:4px}.heading-guide{width:100px;height:156px;right:1px;bottom:-34px;opacity:.95}.pending-hint{font-size:10px;margin-top:12px;gap:7px}.pending-hint b{font-size:12px}.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:18px}.stat{padding:12px 10px 10px;border-radius:10px}.stat>span{font-size:11px;white-space:nowrap}.stat i{display:none}.stat strong{font-size:27px}.stat small{display:none}.panel-header{padding:19px 18px 14px;align-items:flex-start}.panel-header h2{font-size:17px;gap:9px}.panel-header h2 small{font-size:10px;padding:2px 6px}.panel-header p{font-size:10px}.panel-header p.topic-question{font-size:12px}.audience-link{font-size:10px;margin-top:5px}.filter-bar{padding:11px 13px;gap:10px}.status-filters{width:100%;justify-content:space-between}.status-filters button{flex:1;font-size:12px;padding:7px 11px;min-height:36px}.search-filters{width:100%}.search-filters select{width:116px;max-width:none;flex-shrink:0}.search-field{flex:1;min-width:0;width:auto}.table-region{overflow:visible}table,tbody{display:block}thead{display:none}tbody tr{display:grid;grid-template-columns:1fr auto;padding:18px;border-bottom:1px solid var(--border);gap:11px 8px}tbody tr:last-child{border:0}td{display:block;border:0;padding:0!important;width:auto!important}td:first-child{grid-column:1;grid-row:1}td:nth-child(2){grid-column:1/-1;grid-row:2}td:nth-child(3){grid-column:1;grid-row:3;align-self:center}td:nth-child(4){grid-column:2;grid-row:1;text-align:right}td:last-child{grid-column:2;grid-row:3;align-self:center}.message-summary{font-size:14px;line-height:1.85;-webkit-line-clamp:4}.visitor-name{font-size:10px}.entry-time{font-size:9px;margin-top:1px}.row-actions{gap:10px;justify-content:flex-end}.row-action{font-size:11px}.row-action.primary{padding:5px 8px}.panel-footer{padding:12px 18px;display:block;font-size:10px}.panel-footer span{display:block;line-height:1.7}.modal{padding:27px 24px}.modal h2{font-size:23px}.detail-modal blockquote{font-size:15px;padding:18px}.detail-actions .row-action{font-size:12px}.modal-actions{gap:11px}.outline-button,.danger-button{padding:10px 20px}.toast{width:max-content;font-size:12px;padding:12px 19px;bottom:18px}.empty-state{padding:30px 22px}.empty-state h3{font-size:17px}.empty-state p{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.modal[open]{animation:reveal .2s ease-out}.toast.visible{animation:reveal .2s ease-out}@keyframes reveal{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}}
/* 窄屏场景留出标题空间，装饰不覆盖文案。 */
@media(max-width:700px){.login-story{height:250px;min-height:250px}.story-copy h1{width:210px;height:67px}.story-subtitle{display:none}.login-guide{height:190px;width:130px;bottom:27px}.login-vessel{bottom:43px;height:94px;width:103px;left:31px}}