@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#242620;background:#f5f4ef;font-synthesis:none;--paper: #f5f4ef;--surface: #fffefa;--ink: #242620;--muted: #75776e;--line: #dedfd5;--accent: #a3402b;--green: #47614c;--serif: "Noto Serif SC", "Songti SC", serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.04em;line-height:1.4;margin-bottom:14px}h2{font-size:23px;font-weight:600}h3{font-size:17px;font-weight:600}p{line-height:1.8}img{max-width:100%}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}label{font-size:13px;display:grid;gap:8px}.check{display:flex;align-items:center;gap:9px;font-size:14px}.muted,.lede{color:var(--muted)}.lede{font-size:14px;margin-bottom:0}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600;text-transform:uppercase;color:var(--accent);margin:0 0 14px}.mono{font-family:Consolas,monospace;font-size:12px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:38px;padding:0 4vw;background:var(--paper);position:relative;z-index:40}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-family:var(--serif);font-size:21px;font-weight:600}.brand small{display:block;font-family:Consolas,monospace;font-size:9px;letter-spacing:.18em;font-weight:400;margin-top:3px}.brand-symbol{font-family:Georgia,serif;font-size:40px;position:relative;line-height:1}.brand-symbol span{color:var(--accent);font-size:28px;margin-left:-12px}.primary-nav{display:flex;gap:30px;align-self:stretch;align-items:center;flex:1;font-size:13px}.primary-nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.primary-nav a.router-link-active{border-color:var(--accent);color:var(--accent)}.account-menu{position:relative}.avatar-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;font-size:12px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5e5da;font-family:Georgia,serif}.account-popover{position:absolute;right:0;top:48px;min-width:170px;display:grid;gap:16px;background:var(--surface);padding:22px;box-shadow:0 12px 40px #24262018;border:1px solid var(--line);font-size:13px}.account-popover button{border:0;background:none;text-align:left;padding:0}.shell-body{flex:1;display:flex;min-width:0}.page-content{width:100%;max-width:1440px;margin:0 auto;padding:48px 4vw 72px;min-width:0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.sidebar{width:224px;flex:none;border-right:1px solid var(--line);padding:36px 22px;display:flex;flex-direction:column;background:#edeee6}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:12px 15px;font-size:13px;display:flex;gap:14px}.sidebar nav a.selected{background:var(--ink);color:var(--surface)}.sidebar-note{margin-top:auto;padding:55px 12px 10px;font-size:12px;color:var(--muted)}.sidebar-note p{font-family:var(--serif);font-size:16px;color:var(--ink)}.sidebar-note a{color:var(--accent)}.workspace-shell .page-content{padding:40px 3vw 64px}.site-footer{border-top:1px solid var(--line);padding:26px 4vw;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.site-footer a{margin-left:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid var(--ink);background:var(--ink);color:#fffefa;font-size:12px;line-height:1.4;border-radius:2px;white-space:nowrap;min-height:40px}.btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.btn.secondary{color:var(--ink);background:transparent;border-color:var(--line)}.btn.danger{background:#fff0e9;color:#9f352d;border-color:#e8b9a5}.btn.small{padding:6px 10px;min-height:30px;font-size:11px}.text-link{color:var(--accent);font-size:13px;border:0;background:none;padding:0}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.input,.select,.textarea{width:100%;padding:11px 13px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:2px;min-width:0;font-size:13px;min-height:42px}.textarea{resize:vertical;min-height:130px;line-height:1.8}.input::placeholder,.textarea::placeholder{color:#97988e}.filter-bar{display:flex;align-items:flex-end;gap:14px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px}.filter-bar label{flex:1}.filter-bar .narrow{max-width:180px}.grid{display:grid;gap:22px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel{background:var(--surface);border:1px solid var(--line);padding:26px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-heading h2,.panel-heading h3{margin:0}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.case-card{min-width:0;display:block}.case-cover{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e7e7dd}.case-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.case-card:hover img{transform:scale(1.035)}.case-open{position:absolute;bottom:12px;right:12px;background:var(--surface);width:32px;height:32px;display:grid;place-items:center}.cover-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;letter-spacing:.15em;color:#949889;font-size:26px}.cover-placeholder small{font-family:Noto Sans SC,sans-serif;letter-spacing:.08em;font-size:11px}.case-card-body{padding:18px 0;border-bottom:1px solid var(--line)}.case-meta{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.case-card h2{font-family:var(--serif);font-size:19px;line-height:1.6;font-weight:500;margin-bottom:10px}.case-card p{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:43px;margin-bottom:16px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list span{font-size:10px;padding:4px 8px;background:#eeeee6;color:#626657}.pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line);font-size:12px}.state-panel{padding:60px 24px;display:flex;align-items:center;flex-direction:column;text-align:center;border:1px dashed var(--line);gap:12px;color:var(--muted);font-size:13px}.state-panel p,.state-panel h3{margin:0}.state-mark{font-family:var(--serif);font-size:40px;color:var(--accent)}.error-state{background:#fbf1eb}.loader{width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;background:#eeeee7;color:#646759;padding:5px 9px;border-radius:2px}.badge span{font-size:7px}.badge-published,.badge-success{background:#e8efe4;color:#3d5b37}.badge-running,.badge-reviewed{background:#e4edf0;color:#3c626e}.badge-failed{background:#f7e6df;color:#a3402b}.badge-pending,.badge-draft{background:#f2eddc;color:#897028}.table-wrap{overflow-x:auto;border:1px solid var(--line);background:var(--surface)}.table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.table th{font-size:10px;color:var(--muted);font-weight:500;white-space:nowrap;background:#f0f0e8;padding:15px 18px}.table td{padding:18px;border-top:1px solid var(--line);vertical-align:middle;line-height:1.6}.table tbody tr:hover{background:#f9f8f2}.table .title-cell{min-width:220px;max-width:380px}.table .title-cell a{font-weight:500}.table small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.notice{padding:14px 18px;border-left:3px solid var(--accent);background:#f6eae1;font-size:13px;margin:16px 0}.notice.success{background:#edf1e7;border-color:var(--green)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--surface);margin-bottom:26px}.stat{padding:26px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-family:Georgia,serif;font-size:42px;font-weight:400;margin:18px 0 10px}.stat span{font-size:11px;color:var(--muted)}.split-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:26px}.stack{display:grid;gap:20px;align-content:start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-grid .wide{grid-column:1/-1}.divider{border:0;border-top:1px solid var(--line);margin:24px 0}.empty-cell{text-align:center;color:var(--muted);padding:45px!important}.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:var(--ink);color:#fff;padding:12px}.skip-link:focus{top:16px}.detail-intro{max-width:880px;margin:0 auto 30px}.detail-intro h1{font-size:clamp(28px,3.6vw,48px)}.detail-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:22px 0}.case-content{border:0!important;padding:0!important;background:transparent!important}.case-content .tabs{justify-content:flex-start!important;position:sticky!important;top:0!important;transform:none!important;left:auto!important;background:var(--paper)!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:14px 0!important;box-shadow:none!important;z-index:20!important}.case-content .tab-btn{border-radius:2px!important;border-color:var(--line)!important;color:var(--ink)!important;background:transparent!important}.case-content .tab-btn.active{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}.article-panel{background:var(--surface);padding:35px 5vw;margin-top:24px!important;border:1px solid var(--line)}.article-html{max-width:850px;margin:auto}.article-html a{color:var(--accent)!important}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gallery-image{height:auto!important;aspect-ratio:4/3;border-radius:0!important}.log-output{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 Consolas,monospace;background:var(--ink);color:#e3e7d7;padding:22px;max-height:500px;overflow:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.page-content{padding-left:30px;padding-right:30px}}@media(max-width:1100px){.site-header{gap:22px}.primary-nav{gap:18px}.sidebar{width:182px;padding:28px 12px}.case-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{border-bottom:1px solid var(--line)}.split-layout{grid-template-columns:1fr}}@media(max-width:760px){.site-header{height:auto;min-height:82px;flex-wrap:wrap;padding:18px 20px;gap:18px}.brand{margin-right:auto}.primary-nav{order:3;width:100%;flex:auto;gap:24px;overflow-x:auto;height:38px;white-space:nowrap}.site-header>.btn{padding:9px;font-size:11px}.avatar-button>span:last-child{display:none}.sidebar{width:100%;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.eyebrow,.sidebar-note{display:none}.sidebar nav{display:flex;overflow:auto;gap:4px}.sidebar nav a{white-space:nowrap;padding:9px 12px}.sidebar nav a span{display:none}.shell-body{flex-direction:column}.page-content,.workspace-shell .page-content{padding:30px 20px 50px}.page-header{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:25px}.filter-bar{flex-wrap:wrap}.filter-bar label{flex-basis:40%}.filter-bar .narrow{max-width:none}.cols-2,.cols-3,.form-grid{grid-template-columns:1fr}.case-grid{gap:25px 16px}.case-card h2{font-size:16px}.case-card p{display:none}.case-meta{font-size:9px}.site-footer{flex-direction:column;padding:24px 20px}.pagination{flex-direction:column;align-items:flex-start}.panel,.card{padding:20px}.stats-grid .stat{padding:18px}.stat strong{font-size:34px}.gallery-grid{grid-template-columns:1fr!important}.article-panel{padding:20px}.table td,.table th{padding:12px}.form-grid .wide{grid-column:auto}}@media(max-width:440px){.case-grid{grid-template-columns:1fr}.case-cover{aspect-ratio:4/3}.case-card h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}