:root{color:#373027;font-synthesis:none;background:#f4f2f0;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{margin:0}header{color:#f8f7f6;background:#302a22;padding:32px max(5vw,22px) 30px}.topline{letter-spacing:.08em;color:#d0c8be;justify-content:space-between;gap:15px;font-size:13px;display:flex}.live{color:#c1b7a9}h1{letter-spacing:-.03em;margin:24px 0 12px;font-size:clamp(30px,4vw,48px);font-weight:650}header>p{color:#e3dfd9;max-width:760px;line-height:1.9}.headerfoot{color:#d0c8be;flex-wrap:wrap;gap:22px;margin-top:24px;font-size:12px;display:flex}main{max-width:1240px;margin:auto;padding:22px}nav{border-bottom:1px solid #dfdad3;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding-bottom:20px;display:flex}button,.button{font:inherit;color:#3f372d;cursor:pointer;background:#fff;border:1px solid #d3cec8;border-radius:6px;padding:10px 14px;font-size:14px;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#ede9e5}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:2px;outline:3px solid #96856e}button.active{color:#fff;background:#373128;border-color:#373128}button:disabled{cursor:wait;opacity:.55}.count{color:#322c24;background:#c3baad;border-radius:15px;margin-left:5px;padding:2px 6px;font-size:11px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}article,details{background:#fff;border:1px solid #e2ded8;border-radius:9px;margin-bottom:17px;padding:22px}article details{background:#f8f7f6;margin:12px 0;padding:14px}article h2:first-child,article h3:first-child{margin-top:0}h2{margin:26px 0 16px;font-size:23px;line-height:1.5}h3{margin:12px 0;font-size:18px;line-height:1.7}p,li{line-height:1.95}small,.muted{color:#79736b;font-size:13px;line-height:1.8}.metric{color:#483f34;margin:12px 0;font-size:34px;display:block}.badge{color:#564c3f;background:#e5e1db;border-radius:20px;padding:5px 11px;font-size:12px;display:inline-block}.alert{background:#f2efec;border-left:4px solid #96846d;margin:20px 0;padding:17px 20px;line-height:1.9}.error{background:#f6f5f3;border-color:#8b7b65}.failure{color:#7d6e5b}.success{color:#53493c}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.row h2{margin:0}.links{flex-wrap:wrap;gap:8px 17px;margin-top:12px;display:flex}.links a{font-size:12px;line-height:1.8}a{color:#4f4639;text-underline-offset:4px;overflow-wrap:anywhere}.tools{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}input,select,textarea{font:inherit;color:#373027;background:#fff;border:1px solid #d3cec8;border-radius:5px;padding:11px 13px}input{flex:1;min-width:180px}textarea{resize:vertical;width:100%}label{margin:14px 0;font-size:14px;display:block}label input{width:100%;margin-top:7px;display:block}label textarea{margin-top:7px}.question{background:#f4f2f0;border-radius:5px;padding:10px 14px;font-size:14px}.tablewrap{background:#fff;border:1px solid #e1dcd5;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px;font-size:14px}td,th{text-align:left;vertical-align:top;border-bottom:1px solid #e7e3de;padding:16px;line-height:1.85}th{color:#4f4639;background:#ece9e4}summary{cursor:pointer;font-weight:550;line-height:1.9}.pre{white-space:pre-wrap}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#625c53;font-size:12px}.timeline{border-left:4px solid #776957}.overlay{z-index:10;background:#1f1c17a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:740px;max-height:90vh;padding:25px;overflow:auto}.compare{grid-template-columns:1fr 1fr;gap:20px;display:grid}footer{color:#847e77;border-top:1px solid #dfdad3;margin-top:36px;padding:20px 0;font-size:12px}@media (max-width:760px){.grid,.compare{grid-template-columns:1fr}main{padding:15px}header{padding:25px 20px}.live{display:none}nav{gap:7px}nav button{padding:9px 10px;font-size:13px}article{padding:18px}}:root{color:#302b26;accent-color:#594735;background:#f5f2ec}header{color:#fff;background:#30271f}a{color:#60482f}button,.button,nav button,summary{color:#fff;background:#46382c;border:1px solid #46382c;border-radius:7px;font-weight:650;box-shadow:0 2px 3px #30271f22}button,.button,summary{min-height:44px;padding:11px 16px}button:hover,.button:hover,nav button:hover,summary:hover{color:#fff;background:#30271f;border-color:#30271f}button.active,button[aria-pressed=true]{color:#fff;background:#241d17;border-color:#241d17;box-shadow:inset 0 -3px #c9b08a}button:disabled{color:#fff;opacity:1;cursor:not-allowed;box-shadow:none;background:#766c62;border-color:#766c62}summary{cursor:pointer;margin:0;display:list-item}summary::marker{color:#fff}.failure,.success{color:#493a2d;background:#eee5d8;border-left:4px solid #756047;padding:12px 16px}.failure:before{content:"注意：";font-weight:700}.success:before{content:"完成：";font-weight:700}button:focus-visible{outline-offset:3px;outline:3px solid #9b753f}.button:focus-visible{outline-offset:3px;outline:3px solid #9b753f}summary:focus-visible{outline-offset:3px;outline:3px solid #9b753f}a:focus-visible{outline-offset:3px;outline:3px solid #9b753f}input:focus-visible{outline-offset:3px;outline:3px solid #9b753f}select:focus-visible{outline-offset:3px;outline:3px solid #9b753f}textarea:focus-visible{outline-offset:3px;outline:3px solid #9b753f}dialog{color:#302b26;background:#faf7f1;border:1px solid #a69885;border-radius:12px;width:min(520px,100vw - 32px);max-height:85vh;padding:24px;overflow:auto;box-shadow:0 18px 60px #30271f55}dialog::backdrop{background:#241d1799}dialog h2{margin-top:0}.quota-application{background:#eee5d8;border-radius:9px;margin-top:18px;padding:18px}.public-navigation{border:0;flex-wrap:wrap;gap:10px;max-width:1240px;margin:0 auto;padding:14px 22px;display:flex}.public-navigation .button{color:#fff}.comment-selection{align-items:center;gap:10px;font-weight:650;display:flex}.comment-selection input[type=checkbox]{flex:none;width:20px;min-width:20px;height:20px;margin:0;display:inline-block}nav button:disabled{cursor:not-allowed}.comment-time-shortcuts{border:1px solid #b6aa9a;border-radius:8px;margin:18px 0;padding:12px 16px}.comment-time-shortcuts legend{font-weight:650}.comment-time-shortcuts p{margin:0;font-size:13px}
