.protocol-viewer[data-v-87e4e301]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);-webkit-overflow-scrolling:touch}.container[data-v-87e4e301]{max-width:1200px;margin:0 auto;padding:0 20px}.header[data-v-87e4e301]{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header .container[data-v-87e4e301]{text-align:center;padding:16px 20px}.title[data-v-87e4e301]{margin:0;color:#2c3e50;font-size:1.8rem;font-weight:600}.main-content[data-v-87e4e301]{flex:1;padding:40px 0}.loading[data-v-87e4e301]{text-align:center;padding:60px 20px}.spinner[data-v-87e4e301]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-87e4e301 1s linear infinite;margin:0 auto 20px}@keyframes spin-87e4e301{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p[data-v-87e4e301]{color:#666;font-size:16px}.error[data-v-87e4e301]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a}.error-icon[data-v-87e4e301]{font-size:48px;margin-bottom:20px}.error h2[data-v-87e4e301]{color:#e74c3c;margin-bottom:10px}.error p[data-v-87e4e301]{color:#666;margin-bottom:30px}.retry-btn[data-v-87e4e301]{background:#3498db;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease}.retry-btn[data-v-87e4e301]:hover{background:#2980b9}.protocol-content[data-v-87e4e301]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.protocol-header[data-v-87e4e301]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px}.protocol-title[data-v-87e4e301]{margin:0;font-size:2rem;font-weight:600}.protocol-body[data-v-87e4e301]{padding:20px}.content[data-v-87e4e301]{line-height:1.8;color:#333}.content[data-v-87e4e301] h1,.content[data-v-87e4e301] h2,.content[data-v-87e4e301] h3,.content[data-v-87e4e301] h4,.content[data-v-87e4e301] h5,.content[data-v-87e4e301] h6{color:#2c3e50;margin-top:30px;margin-bottom:15px;font-weight:600}.content[data-v-87e4e301] h1{font-size:1.8rem;border-bottom:3px solid #3498db;padding-bottom:10px}.content[data-v-87e4e301] h2{font-size:1.5rem}.content[data-v-87e4e301] h3{font-size:1.3rem}.content[data-v-87e4e301] p{margin-bottom:15px}.content[data-v-87e4e301] strong,.content[data-v-87e4e301] b{color:#2c3e50;font-weight:600}.content[data-v-87e4e301] a{color:#3498db;text-decoration:none}.content[data-v-87e4e301] a:hover{text-decoration:underline}.content[data-v-87e4e301] ul,.content[data-v-87e4e301] ol{padding-left:20px;margin-bottom:15px}.content[data-v-87e4e301] li{margin-bottom:8px;line-height:1.6}.content[data-v-87e4e301] table{width:100%;border-collapse:collapse;margin-bottom:20px;table-layout:auto;overflow-wrap:break-word}.content[data-v-87e4e301] th,.content[data-v-87e4e301] td{padding:12px;text-align:left;border-bottom:1px solid #ddd;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;vertical-align:top}.content[data-v-87e4e301] th{background-color:#f8f9fa;font-weight:600}.content[data-v-87e4e301] blockquote{border-left:4px solid #3498db;padding:16px 20px;margin:20px 0;background-color:#f8f9fa;border-radius:0 6px 6px 0}.content[data-v-87e4e301] code{background-color:#f1f2f6;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.content[data-v-87e4e301] pre{background-color:#f8f9fa;padding:16px;border-radius:6px;overflow-x:auto;margin-bottom:20px}.content[data-v-87e4e301] pre code{background:none;padding:0}.empty[data-v-87e4e301]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a}.empty p[data-v-87e4e301]{color:#666;font-size:16px}.footer[data-v-87e4e301]{background:#2c3e50;color:#fff;text-align:center;padding:20px 0}@media (max-width: 768px){.container[data-v-87e4e301]{padding:0 16px}.header .container[data-v-87e4e301]{padding:12px 16px}.title[data-v-87e4e301]{font-size:1.4rem}.main-content[data-v-87e4e301]{padding:20px 0}.protocol-content[data-v-87e4e301]{margin:0 -4px;border-radius:8px}.protocol-header[data-v-87e4e301]{padding:20px 16px}.protocol-title[data-v-87e4e301]{font-size:1.3rem;line-height:1.4}.protocol-body[data-v-87e4e301]{padding:20px 16px}.content[data-v-87e4e301]{font-size:15px;line-height:1.7}.content[data-v-87e4e301] h1{font-size:1.4rem;margin-top:24px;margin-bottom:12px}.content[data-v-87e4e301] h2{font-size:1.2rem;margin-top:20px;margin-bottom:10px}.content[data-v-87e4e301] h3{font-size:1.1rem;margin-top:16px;margin-bottom:8px}.content[data-v-87e4e301] p{margin-bottom:12px}.content[data-v-87e4e301] ul,.content[data-v-87e4e301] ol{padding-left:16px}.content[data-v-87e4e301] table{font-size:14px}.content[data-v-87e4e301] th,.content[data-v-87e4e301] td{padding:8px}.content[data-v-87e4e301] blockquote{padding:12px 16px;margin:16px 0}.content[data-v-87e4e301] pre{padding:12px;font-size:13px}.content[data-v-87e4e301] code{font-size:.85em}.loading[data-v-87e4e301],.error[data-v-87e4e301],.empty[data-v-87e4e301]{padding:40px 16px}.retry-btn[data-v-87e4e301]{padding:14px 28px;font-size:16px;border-radius:8px;min-height:44px}.error-icon[data-v-87e4e301]{font-size:40px}.spinner[data-v-87e4e301]{width:32px;height:32px}}@media (max-width: 480px){.container[data-v-87e4e301]{padding:0 12px}.header .container[data-v-87e4e301]{padding:10px 12px}.title[data-v-87e4e301]{font-size:1.2rem}.main-content[data-v-87e4e301]{padding:16px 0}.protocol-content[data-v-87e4e301]{margin:0 -8px;border-radius:6px}.protocol-header[data-v-87e4e301]{padding:16px 12px}.protocol-title[data-v-87e4e301]{font-size:1.1rem}.protocol-body[data-v-87e4e301]{padding:16px 12px}.content[data-v-87e4e301]{font-size:14px;line-height:1.6}.content[data-v-87e4e301] h1{font-size:1.2rem}.content[data-v-87e4e301] h2{font-size:1.1rem}.content[data-v-87e4e301] h3{font-size:1rem}.content[data-v-87e4e301] ul,.content[data-v-87e4e301] ol{padding-left:12px}.content[data-v-87e4e301] table{font-size:13px}.content[data-v-87e4e301] th,.content[data-v-87e4e301] td{padding:6px}.content[data-v-87e4e301] blockquote{padding:10px 12px;margin:12px 0}.content[data-v-87e4e301] pre{padding:10px;font-size:12px}.loading[data-v-87e4e301],.error[data-v-87e4e301],.empty[data-v-87e4e301]{padding:30px 12px}}@media (max-width: 768px) and (orientation: landscape){.main-content[data-v-87e4e301]{padding:16px 0}.protocol-header[data-v-87e4e301]{padding:16px}.protocol-body[data-v-87e4e301]{padding:20px 16px}}@media (hover: none) and (pointer: coarse){.retry-btn[data-v-87e4e301]{min-height:44px;min-width:44px}.content[data-v-87e4e301] a{padding:4px 0;display:inline-block}}