style(dashboard): apply proto2 surfaces

app/(dashboard)/dashboard/services/new/page.tsx

@@ -136,7 +136,7 @@ export default function NewServicePage() {
   }
 
   return (
-    <div className="max-w-2xl space-y-4">
+    <div className="container mx-auto max-w-2xl px-4 py-8 space-y-8">
       <Link
         href="/dashboard/services"
         className="inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground"
@@ -145,7 +145,7 @@ export default function NewServicePage() {
         返回服务列表
       </Link>
 
-      <Card>
+      <Card className="hover:shadow-[var(--shadow-card)]">
         <CardHeader>
           <CardTitle>发布服务</CardTitle>
         </CardHeader>

app/(dashboard)/dashboard/services/page.tsx

@@ -47,7 +47,7 @@ export default function ServicesPage() {
   }
 
   return (
-    <div className="space-y-6">
+    <div className="container mx-auto max-w-6xl px-4 py-8 space-y-8">
       <div className="flex items-center justify-between">
         <h1 className="text-2xl font-bold">服务管理</h1>
         <Button asChild>
@@ -58,7 +58,7 @@ export default function ServicesPage() {
         </Button>
       </div>
 
-      <Card>
+      <Card className="hover:shadow-[var(--shadow-card)]">
         <CardHeader>
           <CardTitle className="text-base">已发布的服务</CardTitle>
         </CardHeader>