.dtc-layout{width:100%}.dtc-hero{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:60px 40px;text-align:center;position:relative;overflow:hidden}.dtc-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.dtc-hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.dtc-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.dtc-hero h1{font-size:48px;font-weight:900;margin:0 0 16px;line-height:1.2}.dtc-hero p{font-size:18px;opacity:.9;margin:0}.dtc-breadcrumb-section{max-width:1200px;margin:0 auto;padding:20px 40px 0}.dtc-breadcrumb{margin-bottom:24px}.dtc-content{max-width:1200px;margin:0 auto;padding:40px;position:relative;z-index:1}.dtc-search-container{margin-bottom:40px}.dtc-search-input{width:100%;padding:16px 20px;font-size:16px;border:2px solid #e2e8f0;border-radius:8px;transition:all .3s ease;font-family:inherit}.dtc-search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dtc-search-hint{font-size:13px;color:#64748b;margin-top:8px}.dtc-results{margin-bottom:40px}.dtc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.dtc-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit;display:block}.dtc-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.dtc-code{font-size:18px;font-weight:700;color:#2563eb;text-align:center;font-family:Courier New,monospace}.no-results{text-align:center;padding:40px 20px;color:#64748b;font-size:16px}.dtc-info-box{background:#f8fafc;border-radius:12px;padding:32px;margin-top:40px}.dtc-info-header{text-align:center;margin-bottom:32px}.dtc-info-icon{color:#2563eb;margin-bottom:16px;display:flex;justify-content:center}.dtc-info-header h2{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:16px}.dtc-info-header p{font-size:16px;color:#64748b;max-width:600px;margin:0 auto}.dtc-info-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.dtc-feature{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px;text-align:center}.dtc-feature-icon{color:#2563eb;margin-bottom:16px;display:flex;justify-content:center}.dtc-feature h3{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:8px}.dtc-feature p{font-size:14px;color:#64748b;margin:0}.info-btn{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;transition:background .3s ease}.info-btn:hover{background:#1d4ed8}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;margin:5% auto;padding:30px;border-radius:12px;width:90%;max-width:800px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{color:#64748b;float:right;font-size:28px;font-weight:700;cursor:pointer;transition:color .3s ease}.modal-close:hover{color:#0f172a}.modal-content h2{font-size:24px;font-weight:700;color:#0f172a;margin-top:20px;margin-bottom:16px}.modal-content h2:first-child{margin-top:0}.modal-content h4{font-size:16px;font-weight:600;color:#0f172a;margin:12px 0 8px}.modal-content p{color:#475569;line-height:1.6;margin-bottom:12px}.modal-content ul{margin:12px 0;padding-left:20px;list-style:disc}.modal-content li{color:#475569;margin-bottom:8px;line-height:1.5}.structure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.structure-item{background:#f8fafc;padding:16px;border-radius:8px;border-left:3px solid #2563eb}.structure-item strong{display:block;margin-bottom:8px;color:#0f172a}.structure-item p{margin:8px 0;font-size:14px}.structure-item ul{margin:8px 0}.structure-item li{font-size:14px}.classification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:20px 0}.classification-item{background:#f0f9ff;padding:16px;border-radius:8px;border:1px solid #bfdbfe}.modal-divider{margin:28px 0;border:none;border-top:2px solid #e2e8f0}@media(max-width:768px){.dtc-list{grid-template-columns:repeat(2,1fr)}.dtc-info-box{padding:20px}.dtc-info-header h2{font-size:24px}.dtc-info-features{grid-template-columns:1fr}.modal-content{width:95%;margin:20% auto;padding:20px}.structure-grid,.classification-grid{grid-template-columns:1fr}.modal-content h2{font-size:20px}.dtc-hero{padding:40px 20px}.dtc-hero h1{font-size:32px}.dtc-hero p{font-size:16px}.dtc-breadcrumb-section{padding:16px 20px 0}.dtc-content{padding:24px 20px}.dtc-search-container{width:100%;box-sizing:border-box}.dtc-search-input{padding:14px 16px;font-size:16px;box-sizing:border-box;width:100%}.dtc-search-hint{font-size:12px;margin-top:6px}}.dtc-item{text-decoration:none;color:inherit;display:block;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative}.dtc-item:hover{background:#fff;border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.dtc-item-content{position:relative}.dtc-code{font-size:1.8rem;font-weight:700;color:#333}.dtc-meta-visual{position:absolute;top:8px;right:8px;z-index:10}.dtc-date-badge{display:inline-block;background:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.dtc-seo-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}