:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;--ink:#111;--muted:#686868;--line:#d7d7d3;--soft:#f7f7f5;--accent:#ffd91a;--accent-hover:#f2cb00;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #111}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;min-height:92px;padding:18px clamp(28px,4vw,64px);display:flex}.brand{align-items:center;gap:22px;text-decoration:none;display:flex}.brand-mark{border:3px solid var(--ink);width:56px;height:56px;color:var(--ink);letter-spacing:-2px;background:#fff;flex:none;place-items:center;font-family:Arial,sans-serif;font-size:28px;font-weight:900;display:grid}.brand>strong{letter-spacing:.04em;font-size:clamp(24px,2.4vw,36px)}.account-area{align-items:center;gap:14px;display:flex}.account-avatar{border:1px solid var(--ink);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.account-avatar svg{stroke-width:1.6px;width:24px;height:24px}.account-copy{gap:3px;min-width:116px;display:grid}.account-copy strong{font-size:15px}.account-copy span{color:var(--muted);font-size:13px}.account-area button{border:1px solid var(--ink);min-height:46px;color:var(--ink);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:9px;margin-left:14px;padding:0 18px;display:inline-flex}.account-area button:hover{background:var(--soft)}.account-area button:disabled{cursor:default;opacity:.5}.account-area button svg{width:18px}.workspace{width:min(1360px,100% - clamp(40px,7vw,108px));margin:0 auto}.system-section{border-bottom:1px solid var(--line);grid-template-columns:minmax(330px,.8fr) minmax(560px,1.6fr);gap:clamp(34px,5vw,72px);padding:clamp(30px,3.5vw,46px) 0;display:grid}.system-section:last-child{border-bottom:0}.system-identity{border-right:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);align-items:center;gap:32px;padding-right:clamp(12px,3vw,44px);display:grid}.system-icon{border:1px solid var(--ink);border-radius:4px;place-items:center;width:112px;height:112px;display:grid}.system-icon svg{stroke-width:1.6px;width:52px;height:52px}.system-title-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.system-title-row h2{letter-spacing:.03em;margin:0;font-size:clamp(25px,2.2vw,34px)}.system-status{color:#4f4f4c;border:1px solid #a7a7a3;border-radius:4px;padding:5px 9px;font-size:13px}.system-identity p{max-width:330px;color:var(--muted);margin:20px 0 0;font-size:16px;line-height:1.85}.system-actions{align-self:center}.system-actions h3{letter-spacing:.08em;margin:0 0 16px;font-size:14px;font-weight:700}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.action-link{border:1px solid var(--ink);text-align:center;background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:14px;min-height:70px;padding:16px 18px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .16s,transform .16s;display:flex}.action-link:hover{background:var(--soft);transform:translateY(-1px)}.action-link.primary{background:var(--accent)}.action-link.primary:hover{background:var(--accent-hover)}.action-link svg{stroke-width:1.7px;flex:none;width:29px;height:29px}.preview-area{margin-top:22px}.preview-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 30px;display:grid}.preview-links a{text-underline-offset:6px;grid-template-columns:auto minmax(0,auto) auto;justify-content:start;align-items:center;gap:10px;min-width:0;font-size:15px;font-weight:650;display:grid}.preview-links a:hover{color:#4b4b48}.preview-links svg{stroke-width:1.7px;width:22px;height:22px}.preview-links .external-icon{width:14px;height:14px}.preview-links small{color:#8a6200;grid-column:2/-1;font-size:11px;font-weight:600}.system-note{color:var(--muted);border-top:1px dashed #aaa;align-items:center;gap:10px;margin:22px 0 0;padding-top:16px;font-size:13px;line-height:1.6;display:flex}.system-note svg{flex:none;width:18px;height:18px}footer{color:var(--muted);text-align:center;margin-top:auto;padding:18px 30px 22px;font-size:13px}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--line);border-radius:6px;justify-items:start;gap:18px;width:min(460px,100%);padding:40px;display:grid}.auth-panel h1{margin:4px 0 0;font-size:29px}.auth-panel p{color:var(--muted);margin:0;line-height:1.7}.auth-message{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;color:var(--muted);padding:12px 0;font-size:14px}.auth-message.error{color:#9e2d22}.login-button{border:1px solid var(--ink);background:var(--accent);cursor:pointer;border-radius:4px;min-height:48px;padding:0 18px;font-weight:750}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (width<=1040px){.system-section{grid-template-columns:1fr;gap:28px}.system-identity{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:96px minmax(0,1fr);gap:26px;padding:0 0 28px}.system-icon{width:96px;height:96px}.system-icon svg{width:45px;height:45px}.system-identity p{max-width:620px}}@media (width<=720px){.topbar{align-items:flex-start;min-height:auto;padding:18px 20px}.brand{gap:12px}.brand-mark{border-width:2px;width:46px;height:46px;font-size:23px}.brand>strong{max-width:150px;font-size:18px;line-height:1.3}.account-avatar,.account-copy{display:none}.account-area button{min-height:42px;margin-left:0;padding:0 12px}.workspace{width:calc(100% - 40px)}.system-section{padding:34px 0}.system-identity{grid-template-columns:68px minmax(0,1fr);gap:18px}.system-icon{width:68px;height:68px}.system-icon svg{width:32px;height:32px}.system-title-row h2{font-size:24px}.system-identity p{margin-top:10px;font-size:14px;line-height:1.7}.action-grid,.preview-links{grid-template-columns:1fr;gap:12px}.action-link{justify-content:flex-start;min-height:64px}.preview-links a{min-height:44px}.auth-panel{padding:30px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}