:root{--dd-green:#0fa79d;--dd-green-dark:#087d76;--dd-border:#dceceb;--dd-bg:#f2faf9;--dd-text:#17343b;--dd-muted:#6d8287;--dd-shell-max:2100px;--dd-side-width:240px;--dd-gap:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--dd-text);background:linear-gradient(180deg,#f7fdfd,#edf8f7)}a{text-decoration:none;color:inherit}button{font:inherit}.dd-screen{min-height:100vh;width:100%;overflow-x:hidden}.dd-page-shell{width:min(var(--dd-shell-max),calc(100vw - clamp(28px,4vw,96px)));margin:0 auto}.dd-topbar{height:76px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--dd-border);backdrop-filter:blur(12px)}.dd-header-inner{height:76px;display:grid;grid-template-columns:var(--dd-side-width) minmax(0,1fr);column-gap:var(--dd-gap);align-items:center}.dd-brand{height:76px;display:flex;align-items:center;gap:10px}.dd-logo{width:42px;height:42px;object-fit:contain}.dd-brand-title{font-size:22px;font-weight:950;letter-spacing:.15em;color:#0c6e68}.dd-brand-sub{font-size:10px;letter-spacing:.25em;color:#2c827c}.dd-version-badge{display:inline-flex;margin-top:3px;padding:2px 7px;border-radius:999px;background:#e8f8f5;color:#087d76;font-size:10px;font-weight:900}.dd-nav{height:76px;display:flex;align-items:stretch;gap:4px}.dd-nav-item{height:76px;min-width:116px;padding:0 24px;display:flex;align-items:center;justify-content:center;border-bottom:4px solid transparent;font-size:16px;font-weight:900}.dd-nav-item.active{color:var(--dd-green-dark);border-bottom-color:var(--dd-green);background:linear-gradient(180deg,rgba(15,167,157,.07),rgba(15,167,157,.02))}
.dd-my-layout{display:grid;grid-template-columns:var(--dd-side-width) minmax(0,1fr);gap:var(--dd-gap);padding:20px 0 42px;align-items:start}.dd-my-profile-card,.dd-my-panel,.dd-my-packages,.dd-my-login-card{background:#fff;border:1px solid var(--dd-border);border-radius:18px;box-shadow:0 12px 30px rgba(18,73,70,.06)}.dd-my-profile-card{position:sticky;top:96px;padding:24px 18px;text-align:center}.dd-my-avatar{width:86px;height:86px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--dd-green),var(--dd-green-dark));color:#fff;font-size:34px;font-weight:950;overflow:hidden}.dd-my-avatar img{width:100%;height:100%;object-fit:cover}.dd-my-profile-card h1{margin:0;font-size:24px}.dd-my-profile-card>p{margin:7px 0 10px;color:var(--dd-muted);font-weight:700}.dd-my-agent{display:inline-flex;padding:5px 12px;border-radius:999px;background:#effaf8;color:#087d76;font-size:13px;font-weight:900}.dd-my-vip{margin-top:18px;padding:15px;border-radius:14px;background:linear-gradient(135deg,#fff9e8,#fff3c8);border:1px solid #f4d889;text-align:left}.dd-my-vip b,.dd-my-vip span{display:block}.dd-my-vip b{font-size:17px;color:#8a5a00}.dd-my-vip span{margin:6px 0 12px;color:#7a6b45;font-size:13px;line-height:1.5}.dd-my-vip a{display:flex;height:38px;align-items:center;justify-content:center;border-radius:10px;background:#b77900;color:#fff;font-weight:900}.dd-my-logout{width:100%;height:42px;margin-top:16px;border:1px solid #ffc3c1;border-radius:10px;background:#fff5f5;color:#c62828;font-weight:900;cursor:pointer}.dd-my-content{min-width:0;display:flex;flex-direction:column;gap:16px}.dd-my-login-card{padding:28px;text-align:center}.dd-my-login-card h2{margin:0 0 8px}.dd-my-login-card p{color:var(--dd-muted)}.dd-my-login-card a{display:inline-flex;height:42px;padding:0 28px;align-items:center;border-radius:10px;background:linear-gradient(135deg,var(--dd-green),var(--dd-green-dark));color:#fff;font-weight:900}.dd-my-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dd-my-summary article{min-height:104px;padding:18px;border:1px solid var(--dd-border);border-radius:16px;background:#fff;display:flex;flex-direction:column;justify-content:center}.dd-my-summary span{color:var(--dd-muted);font-size:13px;font-weight:800}.dd-my-summary b{margin-top:8px;color:#087d76;font-size:26px}.dd-my-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dd-my-actions>a,.dd-my-actions>button{min-width:0;min-height:94px;padding:14px;border:1px solid var(--dd-border);border-radius:15px;background:#fff;text-align:left;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center}.dd-my-actions>a:hover,.dd-my-actions>button:hover,.dd-my-actions>button.active{border-color:#65c9c1;background:#f0fbf9;transform:translateY(-1px)}.dd-my-actions i{grid-row:1/3;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e8f8f5;color:#087d76;font-style:normal;font-weight:950}.dd-my-actions b{font-size:15px}.dd-my-actions span{min-width:0;color:var(--dd-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-my-panel,.dd-my-packages{overflow:hidden}.dd-my-panel-head{min-height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dd-border);background:linear-gradient(180deg,#fbfefe,#f5fbfa)}.dd-my-panel-head h2{margin:0;font-size:18px}.dd-my-panel-head span,.dd-my-panel-head a{color:var(--dd-muted);font-size:12px;font-weight:800}.dd-my-panel-body{min-height:250px;padding:18px}.dd-my-loading{padding:60px 0;text-align:center;color:var(--dd-muted);font-weight:800}.dd-my-grid-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dd-my-grid-info div{padding:13px;border:1px solid var(--dd-border);border-radius:11px;background:#fbfefd}.dd-my-grid-info span{display:block;color:var(--dd-muted);font-size:12px}.dd-my-grid-info b{display:block;margin-top:5px;font-size:15px;overflow-wrap:anywhere}.dd-my-table{width:100%;border-collapse:collapse}.dd-my-table th,.dd-my-table td{padding:11px 10px;border-bottom:1px solid #e7f0ef;text-align:left;font-size:13px}.dd-my-table th{color:#587176;background:#f7fbfa}.dd-my-empty{padding:48px;text-align:center;color:var(--dd-muted)}.dd-my-package-grid{padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dd-my-package{padding:16px;border:1px solid #efd99f;border-radius:14px;background:linear-gradient(135deg,#fffdf6,#fff6da)}.dd-my-package b,.dd-my-package span{display:block}.dd-my-package b{color:#805300;font-size:17px}.dd-my-package strong{display:block;margin:10px 0;color:#c56d00;font-size:25px}.dd-my-package span{color:#786d55;font-size:12px;line-height:1.6}.dd-my-package a{display:flex;height:38px;margin-top:12px;align-items:center;justify-content:center;border-radius:9px;background:#b77900;color:#fff;font-weight:900}
@media(max-width:1280px){:root{--dd-side-width:220px;--dd-gap:14px}.dd-page-shell{width:calc(100vw - 24px)}.dd-nav-item{min-width:102px;padding:0 17px}.dd-my-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.dd-topbar{height:auto;min-height:116px}.dd-header-inner{height:auto;min-height:116px;grid-template-columns:1fr;grid-template-rows:66px 50px}.dd-brand{height:66px;justify-content:center}.dd-nav{height:50px;justify-content:center}.dd-nav-item{height:50px;flex:1;min-width:0;max-width:190px}.dd-my-layout{grid-template-columns:1fr}.dd-my-profile-card{position:static}.dd-my-summary{grid-template-columns:repeat(2,1fr)}.dd-my-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.dd-page-shell{width:calc(100vw - 12px)}.dd-brand-title{font-size:19px}.dd-my-summary,.dd-my-actions,.dd-my-package-grid,.dd-my-grid-info{grid-template-columns:1fr}.dd-my-panel-body{overflow-x:auto}.dd-my-table{min-width:650px}}