@import url('../../style.css');

.operation-main{padding:38px 0 72px;min-height:calc(100vh - 150px)}
.operation-back{display:inline-flex;margin-bottom:28px;color:#60786a;font-size:13px}
.operation-back:hover{color:#274f3e;text-decoration:underline}
.operation-hero{background:#e6eee3;border-radius:16px;padding:32px 36px;margin-bottom:26px}
.operation-eyebrow{color:#627f6e;font-size:11px;font-weight:700;letter-spacing:.12em;margin:0 0 12px}
.operation-hero h1{font-family:Georgia,"Songti SC",SimSun,serif;color:#294b3b;font-size:34px;line-height:1.3;margin:0 0 12px}
.operation-hero p:last-child{color:#61776a;font-size:14px;line-height:1.8;margin:0}
.operation-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.operation-panel,.operation-tip{background:#fff;border:1px solid #e3ebe1;border-radius:12px;padding:26px}
.operation-panel h2,.operation-tip h2{color:#284638;font-size:19px;line-height:1.4;margin:0 0 12px}
.operation-panel p,.operation-tip p,.operation-tip li{font-size:13px;line-height:1.8;color:#60766a}
.operation-tip ol,.operation-tip ul{padding-left:20px;margin:10px 0}
.operation-tip blockquote{margin:14px 0;padding:12px;background:#f2f6ef;border-left:3px solid #87a98b;border-radius:4px;color:#304f3c;font-size:13px;line-height:1.8}
.operation-tip a,.operation-panel a:not(.operation-button){color:#315b46;text-decoration:underline;text-underline-offset:3px}
.notice-inline{padding:12px 15px;background:#f4f7f0;border-radius:8px;color:#60766a;font-size:13px;line-height:1.7;margin-bottom:20px}
.operation-form{display:grid;gap:18px}
.field-label,.operation-form legend{display:block;font-size:13px;font-weight:700;color:#385444;margin-bottom:7px}
.operation-form input[type=text],.operation-form select,.operation-form textarea{width:100%;border:1px solid #dbe5da;border-radius:7px;background:#fbfcf9;color:#263c31;font:inherit;font-size:14px;padding:11px 12px}
.operation-form textarea{min-height:88px;resize:vertical}
.operation-form fieldset{border:0;padding:0;margin:0}
.choice-row{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:13px;color:#456051}
.choice-row label{display:inline-flex;align-items:center;gap:7px}
.choice-row input{accent-color:#315b46}
.operation-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.operation-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #315b46;border-radius:7px;background:#315b46;color:#fff;font-size:13px;font-weight:700;padding:0 17px;cursor:pointer;text-decoration:none}
.operation-button:hover{background:#234736}
.operation-button.secondary{background:#fff;color:#315b46;border-color:#cdddcf}
.operation-button.secondary:hover{background:#edf4ea}
.operation-result{margin-top:24px;padding:18px;background:#f4f8f1;border:1px solid #dce9d8;border-radius:9px}
.operation-result h3{font-size:15px;color:#315b46;margin:0 0 12px}
.result-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 18px;font-size:13px;line-height:1.6;margin:0}
.result-list dt{color:#708478}.result-list dd{margin:0;color:#284638;overflow-wrap:anywhere}
.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 28px}
.asset-card{border:1px solid #e7ede3;border-radius:9px;overflow:hidden;background:#fbfcf9}
.asset-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef3eb}
.asset-card h3{font-size:13px;color:#304c3a;margin:12px 12px 5px}
.asset-card p{font-size:12px;margin:0 12px 12px}
.file-list{width:100%;border-collapse:collapse;text-align:left;font-size:13px}
.file-list th,.file-list td{padding:11px 9px;border-bottom:1px solid #edf1eb}
.file-list th{color:#6b8072;font-weight:600}.file-list td{color:#314b3a}
.gate-message{border:1px solid #e6d8b8;background:#fcf8ed;border-radius:9px;padding:18px;margin:18px 0}
.gate-message h3{font-size:16px;color:#725a30;margin:0 0 8px}.gate-message p{margin:0 0 12px;color:#776a51}
.report-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}
.report-table th,.report-table td{padding:12px 9px;border-bottom:1px solid #edf1eb}
.report-table th{color:#718477}.report-table td{color:#314b3a}
@media(max-width:760px){.operation-grid{grid-template-columns:1fr}.operation-tip{order:-1}.operation-hero{padding:26px}.operation-hero h1{font-size:28px}.operation-panel,.operation-tip{padding:20px}}
@media(max-width:480px){.asset-grid{grid-template-columns:1fr}.asset-card img{aspect-ratio:16/9}.file-list th,.file-list td{padding:10px 5px}.operation-main{padding-top:26px}}